.help-game{border:1px solid #667e76;background:#173e49;color:#fae8bf;padding:10px 17px;font:700 13px var(--sans);cursor:pointer;white-space:nowrap}.help-game:hover{background:#285b63}.overlay-help{display:block;margin:20px auto 0;border:0;background:transparent;color:#eddfb7;text-decoration:underline;text-underline-offset:4px;font-size:13px;cursor:pointer}.field-guide{width:min(660px,calc(100% - 24px));max-height:calc(100dvh - 28px);box-sizing:border-box;padding:0;background:#f3ead8;color:#193c45;border:1px solid #bda771;border-radius:10px;box-shadow:0 28px 100px #0009;font:15px/1.55 var(--sans,Arial,sans-serif);overflow:auto;overscroll-behavior:contain}.field-guide::backdrop{background:#041822cf;backdrop-filter:blur(5px)}.guide-head{display:flex;justify-content:space-between;gap:16px;padding:24px 30px 20px;background:#0b2a3b;color:#f7e6bd}.guide-kicker{font-size:9px;letter-spacing:.19em;color:#a4c9c7;font-weight:700}.guide-head h2{font:400 36px/1.15 var(--serif,Georgia,serif);margin:9px 0 4px;color:inherit}.guide-head h2 em{color:#b9d7ce}.guide-head p{margin:0;color:#c4d8d2;font-size:14px}.guide-close{align-self:start;flex-shrink:0;width:42px;height:42px;border:1px solid #779288;border-radius:50%;color:#f4e7c9;background:#173f4b;font-size:18px;cursor:pointer}.guide-art{height:150px;overflow:hidden;background:#153b4a}.guide-art svg{display:block;width:100%;height:100%}.guide-tabs{display:flex;gap:5px;padding:16px 24px 0;position:sticky;top:0;background:#f3ead8;z-index:1}.guide-tabs button{flex:1;border:0;border-bottom:2px solid #cdbf9f;background:transparent;padding:12px 3px;color:#526c6b;font-size:12px;font-weight:700;cursor:pointer}.guide-tabs button[aria-pressed=true]{color:#173e48;border-color:#173e48;background:#e9dec6}.guide-panel{padding:10px 30px 6px}.guide-panel[hidden]{display:none}.help-steps{list-style:none;counter-reset:guide;display:grid;gap:16px;padding:0;margin:16px 0 22px}.help-steps li{counter-increment:guide;display:grid;grid-template-columns:30px 1fr;gap:2px 11px}.help-steps li:before{content:counter(guide,decimal-leading-zero);grid-row:span 2;font-size:12px;font-weight:700;color:#947238;padding-top:2px}.help-steps b{font-size:15px}.help-steps span{grid-column:2;font-size:13px;color:#526c6a}.help-keys{display:flex;flex-wrap:wrap;gap:10px 17px;font-size:11px;padding:15px 0;border-top:1px solid #cec4aa}kbd{display:inline-block;min-width:15px;text-align:center;border:1px solid #abb9ac;border-bottom-width:2px;border-radius:4px;padding:1px 4px;background:#fff9e9;font:700 11px var(--sans);margin-right:2px}.help-points{display:grid;gap:0;font-size:13px}.help-points>div{display:flex;justify-content:space-between;gap:22px;padding:12px 0;border-bottom:1px solid #cec4aa}.help-points dt{font-weight:700}.help-points dd{margin:0;text-align:right;color:#586c65}.guide-panel p{font-size:13px}.guide-panel h3{font:400 25px var(--serif);color:#214c50}.guide-panel a{color:#145f6c;font-weight:700;font-size:13px}.guide-board{margin:14px 30px 0;padding:15px 18px;background:#e4e9dc;border-left:2px solid #568278;font-size:12px}.guide-board p{margin:5px 0 0;color:#536d69;font-size:11px}.guide-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 30px}.guide-foot small{font-size:10px;color:#72807a}.guide-return{background:#163f49;color:#ffedc6;border:1px solid #31585b;padding:12px 19px;font-size:12px;font-weight:700;cursor:pointer}.field-guide button:focus-visible{outline:3px solid #ad853e;outline-offset:3px}
.game-intro{background:linear-gradient(90deg,rgba(4,19,32,.94),rgba(5,22,35,.48)),url('/assets/moonward-shore-v3.png') center 43%/cover}.game-intro:before,.game-intro:after{display:none}.escape-intro{background:linear-gradient(90deg,rgba(4,19,32,.94),rgba(5,22,35,.32)),url('/assets/current-reef-v3.png') center/cover}.game-frame{border-color:#153b45;border-radius:12px;box-shadow:0 24px 60px #0b2e4938,0 0 0 1px #af9974;width:100%;max-width:min(100%,calc((100svh - 230px)*1.642));margin-inline:auto}.game-top,.game-controls,.game-modes,.race-track{max-width:min(100%,calc((100svh - 230px)*1.642));margin-inline:auto}.game-top{scroll-margin-top:80px}.game-overlay{background:linear-gradient(180deg,#04182522,#0418254d)}.overlay-card{border-radius:12px;background:linear-gradient(145deg,#0c2e3bf0,#061d2bf7);box-shadow:0 22px 70px #0006;border-color:#bcaa79;padding:32px}.game-play{border-radius:5px;background:linear-gradient(#f4dfa8,#dbb970);box-shadow:0 4px 0 #8c6a37,0 9px 20px #0003}.game-controls{gap:10px}.pause-game,.moonlift,.help-game{border-radius:5px}.game-modes a{border-radius:5px}.game-toast{max-width:90%;white-space:normal;text-align:center}.game-frame canvas:focus-visible{outline:3px solid #ffe3a4;outline-offset:-5px}
@media(max-width:760px){.help-game{flex:1;padding:10px}.game-controls{gap:7px}.guide-head{padding:19px 20px}.guide-head h2{font-size:30px}.guide-art{height:125px}.guide-tabs{padding:8px 14px 0}.guide-tabs button{font-size:11px}.guide-panel{padding:8px 20px}.guide-board{margin:10px 20px 0}.guide-foot{padding:19px 20px}.help-points>div{gap:12px}.guide-kicker{font-size:8px}.field-guide{max-height:calc(100dvh - 16px)}.game-intro p{max-width:310px}.game-intro h1{max-width:330px}.game-stats b{font-size:18px}.overlay-card{padding:24px 18px}.overlay-card h2{font-size:32px}.game-toast{font-size:11px;top:10px}}

@media(max-width:760px){.game-frame{max-width:min(100%,calc((100svh - 245px)*.7333))}.game-top,.game-controls,.game-modes,.race-track{max-width:100%}.game-top{scroll-margin-top:68px}}

.game-toast{left:auto;right:12px;top:12px;transform:none;max-width:38%;font-size:11px;padding:7px 11px}