main{max-width:1240px}.Intro{padding:clamp(3.5rem,9vw,7rem) 0 clamp(2rem,4vw,3rem);text-align:left}.Intro h1{font-family:var(--font-display);font-size:clamp(2.5rem,10vw,7rem);font-weight:800;line-height:.88;letter-spacing:-.035em;color:var(--ink)}.Intro h1 .stroke-text{display:block;width:100%;max-width:820px;margin:0;line-height:0}.Intro h1 .stroke-text__svg{display:block;width:100%;height:auto;overflow:visible}.Intro .Tagline{max-width:32rem;margin:clamp(1.25rem,2.5vw,2rem) 0 0 auto;font-size:1rem;color:var(--ink-2)}.Visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.Arcade{display:grid;grid-template-columns:minmax(260px,300px) 1fr;gap:1px;background:var(--rule-soft);border:1px solid var(--rule-soft)}.Arcade[hidden]{display:none}.Picker,.Board{background:var(--bg)}.Picker{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.Picker-label{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.Step{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;font-size:.62rem;color:var(--bg);background:var(--accent)}.Picker-preview{display:grid;place-items:center;aspect-ratio:1;max-width:100%;background:repeating-linear-gradient(0deg,transparent 0 15px,var(--rule-soft) 15px 16px),repeating-linear-gradient(90deg,transparent 0 15px,var(--rule-soft) 15px 16px),var(--surface);border:1px solid var(--rule-soft)}.Picker-preview canvas{width:70%;height:auto;image-rendering:pixelated}.Picker-name{font-family:var(--font-display);font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.Picker-traits{min-height:2.4em;font-size:.78rem;line-height:1.5;color:var(--ink-3)}.Picker-row{display:grid;grid-template-columns:1fr auto;gap:.4rem}.Picker-row input{width:100%;padding:.6rem .7rem;font-family:var(--font-mono);font-size:.85rem;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:0}.Picker-row input:focus{outline:none;border-color:var(--accent)}.Picker-row input::placeholder{color:var(--ink-4)}.Picker-status{min-height:1.2em;font-family:var(--font-mono);font-size:.68rem;color:var(--ink-3)}.Picker-status.is-error{color:var(--error)}.Picker-status.is-ok{color:var(--accent)}.Holdings{display:flex;flex-wrap:wrap;gap:.3rem;max-height:9.5rem;overflow-y:auto;list-style:none}.Holdings:empty{display:none}.Holding{padding:.3rem .6rem;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-3);background:none;border:1px solid var(--rule);border-radius:0;cursor:pointer;transition:color .18s ease,border-color .18s ease}.Holding:hover,.Holding:focus-visible{color:var(--ink);border-color:var(--ink-3);outline:none}.Holding.is-active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.Holding:disabled{opacity:.35;cursor:not-allowed}.Holdings-more[hidden]{display:none}.Records{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:.25rem;background:var(--rule-soft);border:1px solid var(--rule-soft)}.Records div{padding:.7rem .8rem;background:var(--bg)}.Records dt{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}.Records dd{margin:.2rem 0 0;font-family:var(--font-mono);font-size:1.4rem;color:var(--accent)}.Keys{margin-top:auto;padding-top:.75rem}.Keys-pad{display:grid;grid-template-columns:repeat(3,2.1rem);gap:.25rem;margin:.75rem 0 .6rem}.Keys-pad .Keys-up{grid-column:2}.Keys-pad kbd:not(.Keys-up){grid-row:2}kbd{display:inline-grid;place-items:center;min-width:2.1rem;height:2.1rem;padding:0 .35rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ink);background:var(--surface-2);border:1px solid var(--rule);border-bottom-width:3px}.Keys-note,.Overlay-text{font-size:.78rem;color:var(--ink-3)}.Keys-note kbd,.Overlay-text kbd{min-width:0;height:auto;padding:.05rem .35rem;font-size:.66rem;border-bottom-width:2px}.Board{display:grid;place-items:start center;padding:clamp(1rem,2vw,1.5rem)}.Board-frame{position:relative;width:100%;max-width:936px;aspect-ratio:624 / 480;background:#0c1a2a;border:1px solid var(--rule)}#gameCanvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none}#gameCanvas:focus-visible{box-shadow:0 0 0 2px var(--accent)}.Hud{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:.8rem 1rem;pointer-events:none}.Hud-score{font-family:var(--font-mono);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1;color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.45)}.Hud-coins{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;color:#ffd76a;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.Overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.5rem;text-align:center;background:#070d16b8}.Overlay[hidden]{display:none}.Overlay-kicker{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.Overlay-title{font-family:var(--font-display);font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:800;line-height:.95;letter-spacing:-.03em;color:var(--ink)}.Overlay-text{max-width:26rem;color:var(--ink-2)}.Overlay .Btn{margin-top:.5rem}@media(max-width:900px){.Arcade{grid-template-columns:1fr}.Picker-preview{max-width:180px}}.Hint{margin-left:auto;font-size:.56rem;letter-spacing:.08em;text-transform:none;color:var(--ink-4)}.Picker-row input[type=text]{width:100%;padding:.6rem .7rem;font-family:var(--font-mono);font-size:.8rem;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:0}.Picker-row input[type=text]:focus{outline:none;border-color:var(--accent)}.Picker-row input[type=text]:disabled{opacity:.45}.Shop{display:grid;gap:1px;list-style:none;background:var(--rule-soft);border:1px solid var(--rule-soft)}.Shop-item{display:grid;grid-template-columns:1.6rem 1fr auto;grid-template-areas:"icon text owned" "icon buy  bring";gap:.35rem .6rem;align-items:center;padding:.65rem .7rem;background:var(--bg)}.Shop-icon{grid-area:icon;font-size:1.15rem;line-height:1}.Shop-text{grid-area:text;display:grid;gap:.1rem}.Shop-text strong{font-size:.8rem;color:var(--ink)}.Shop-text small{font-size:.68rem;line-height:1.35;color:var(--ink-3)}.Shop-owned{grid-area:owned;font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.Shop-buy{grid-area:buy;justify-self:start;padding:.4rem .6rem;font-size:.58rem}.Shop-bring{grid-area:bring;display:flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.62rem;color:var(--ink-3);cursor:pointer}.Shop-bring input{accent-color:var(--accent)}.Shop-bring:has(input:disabled){opacity:.4;cursor:not-allowed}.Hud-right{display:grid;justify-items:end;gap:.3rem}.Hud-powers{min-height:1.2em;font-family:var(--font-mono);font-size:.85rem;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.Zone-banner{position:absolute;top:30%;left:50%;transform:translate(-50%);padding:.5rem 1.2rem;font-family:var(--font-display);font-size:clamp(1.4rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.02em;color:#fff;white-space:nowrap;background:#070d168c;pointer-events:none;animation:bannerIn .4s ease-out}.Zone-banner[hidden]{display:none}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,.6rem)}}.Overlay .Btn[hidden]{display:none}.Leaderboard{margin-top:clamp(2rem,5vw,3.5rem);padding-top:1.25rem;border-top:1px solid var(--rule)}.Leaderboard[hidden]{display:none}.Leaders-head{display:flex;align-items:baseline;gap:1rem}.Leaders-head h2{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;letter-spacing:-.03em;color:var(--ink)}.Live{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}.Live:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.4rem;background:var(--ink-4)}.Live.is-live{color:var(--accent)}.Live.is-live:before{background:var(--accent);animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{50%{opacity:.25}}.Leaders-note{margin:.4rem 0 1rem;font-size:.8rem;color:var(--ink-3)}.Leaders{display:grid;gap:1px;list-style:none;background:var(--rule-soft);border:1px solid var(--rule-soft)}.Leader{display:grid;grid-template-columns:3.2rem minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) 4.5rem;gap:1rem;align-items:baseline;padding:.7rem 1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--ink-2);background:var(--bg)}.Leader span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Leader-rank{color:var(--ink-4)}.Leader-name{font-family:var(--font-body);font-weight:700;color:var(--ink)}.Leader-score{text-align:right;font-size:1rem;color:var(--accent)}.Leader:nth-child(1) .Leader-rank{color:#ffcf4a}.Leader.is-me{background:var(--accent-wash)}.Leader.is-me .Leader-name:after{content:" \b7you";color:var(--accent);font-weight:400}.Leaders-empty{padding:1rem;font-size:.85rem;color:var(--ink-3);background:var(--bg)}@media(max-width:700px){.Leader{grid-template-columns:2.6rem 1fr 4rem}.Leader-whale,.Leader-wallet{display:none}}.Picker-row .Btn[hidden]{display:none}.Picker-row:has(.Btn[hidden]){grid-template-columns:1fr}.Sound-row{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.75rem}#gameCanvas{touch-action:none;-webkit-user-select:none;user-select:none}.Overlay,.Dash-button{touch-action:manipulation}.Touch-note{display:none;font-size:.78rem;color:var(--ink-3)}.Dash-button{position:absolute;right:.75rem;bottom:.75rem;width:3.5rem;height:3.5rem;font-size:1.6rem;line-height:1;color:#fff;background:#070d1699;border:2px solid var(--accent);border-radius:0;cursor:pointer}.Dash-button[hidden]{display:none}@media(hover:none)and (pointer:coarse){.Touch-note{display:block;margin-top:.6rem}.Keys-pad,.Keys-note{display:none}}@media(max-width:900px){.Board{order:-1}}@media(max-width:600px){.Board{padding:.5rem 0 0}.Board-frame{border-left:0;border-right:0}.Overlay{padding:.75rem;gap:.35rem}.Overlay-title{font-size:1.6rem}.Overlay-text{font-size:.72rem}.Overlay .Btn{margin-top:.2rem;padding:.55rem 1.4rem}.Hud{padding:.45rem .6rem}.Hud-score{font-size:1.6rem}.Zone-banner{font-size:1.2rem}}.Board-frame.is-portrait{max-width:min(100%,61.5vh);margin-inline:auto}@media(max-width:600px){.Arcade{border-left:0;border-right:0}.Board{margin-inline:calc(-1 * var(--gutter));padding-top:0}.Board-frame{border:0}}#whalePickRow[hidden]{display:none}