/* Shared Marsnut branding and home navigation for all three games. */
:root{--marsnut-bar-height:76px}
.marsnut-nav{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(12px,3vw,40px);background:#f5f2e9;color:#273d35;border-bottom:1px solid #d9dbd1;font-family:Arial,Helvetica,sans-serif;letter-spacing:normal;text-align:left;touch-action:manipulation}
.marsnut-page-nav{position:sticky;top:0;z-index:30;min-height:var(--marsnut-bar-height)}
.marsnut-logo-link{display:flex;align-items:center;flex-shrink:0;min-height:44px;text-decoration:none}
.marsnut-logo-link img{display:block;width:165px;height:44px;object-fit:contain}
.marsnut-nav .marsnut-home{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;background:#273d35;color:#fff8e9;border:1px solid #273d35;border-radius:9px;font:700 13px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;text-decoration:none;white-space:nowrap}
.marsnut-nav .marsnut-home:hover{background:#40594b;text-decoration:underline}
.marsnut-nav a:focus-visible{outline:3px solid #d84c2a;outline-offset:3px}
.marsnut-dialog-nav{position:relative;border:1px solid #d9dbd1;border-radius:10px;padding:8px 10px;margin:24px 0 20px;gap:8px}
.marsnut-dialog-nav .marsnut-logo-link img{width:130px;height:36px}
.marsnut-dialog-nav .marsnut-home{font-size:12px;padding:8px 10px}
#welcome>.marsnut-dialog-nav{grid-column:1/-1;margin:12px;flex-shrink:0}
.marsnut-cell-page .marsnut-page-nav{position:fixed;inset:0 0 auto;height:var(--marsnut-bar-height);padding-top:calc(10px + env(safe-area-inset-top,0px))}
.marsnut-cell-page{--marsnut-bar-height:calc(76px + env(safe-area-inset-top,0px))}
.marsnut-cell-page #app{top:var(--marsnut-bar-height)}
.marsnut-cell-page #menu,.marsnut-cell-page #result{overflow-y:auto}
@media(max-width:480px){:root{--marsnut-bar-height:68px}.marsnut-cell-page{--marsnut-bar-height:calc(68px + env(safe-area-inset-top,0px))}.marsnut-nav{gap:8px;padding-left:10px;padding-right:10px}.marsnut-logo-link img{width:130px;height:38px}.marsnut-nav .marsnut-home{font-size:12px;padding:10px}.marsnut-dialog-nav{flex-wrap:wrap}.marsnut-dialog-nav .marsnut-logo-link img{width:115px;height:32px}.marsnut-dialog-nav .marsnut-home{font-size:11px;padding:8px}}
@media(max-height:500px){.marsnut-cell-page .menu-copy{justify-content:flex-start;padding-top:1rem;padding-bottom:1rem}.marsnut-cell-page .menu-copy h1{font-size:2.6rem}.marsnut-cell-page .menu-copy .actions{margin:.6rem 0}}