:root{color-scheme:dark;color:var(--ui-ink-base);--ui-canvas:#061b2a;--ui-surface:#0a2a3b;--ui-surface-raised:#103649;--ui-surface-active:#164656;--ui-ink:#eef7f4;--ui-ink-muted:#a9c3c3;--ui-accent:#72d3cf;--ui-accent-fill:#197985;--ui-accent-fill-hover:#238b94;--ui-danger:#ffb5ad;--ui-danger-surface:#462b35;--ui-radius-control:7px;--ui-radius-card:10px;--ui-radius-panel:14px;--ui-control-padding-y:11px;--ui-control-padding-x:16px;--ui-button-depth:4px;--ui-motion:.16s ease;--ui-ink-base:#e8f1ed;--ui-gold:#f0ca72;--ui-focus-ring:var(--ui-gold);--ui-tint:#ffffff12;--ui-tint-weak:#ffffff0d;--backdrop-mask:linear-gradient(to bottom, transparent 0%, #0003 18%, #000b 42%, #000 62%, #000 100%);background:#031426;font-family:"M Plus Rounded 1c",Hiragino Maru Gothic ProN,Yu Gothic,sans-serif}.region-tidepool{--region-surface:#1b5963e8;--region-surface-active:#286f74f2;--region-surface-muted:#174c57d6;--region-action:#2b817c;--region-action-hover:#35958d;--region-action-shadow:#185a57;--region-stripe:linear-gradient(105deg, #1d5d68e8, #14495ae8);--region-number-ink:#b9e7b7;--region-shine:.14;--region-art:url(/backgrounds/tidepool.png)}.region-shallows{--region-surface:#11485ae8;--region-surface-active:#1a6070f2;--region-surface-muted:#0e3c4ed6;--region-action:#167783;--region-action-hover:#218b94;--region-action-shadow:#0b525c;--region-stripe:linear-gradient(105deg, #105064e8, #0b3b50e8);--region-number-ink:#8ce4dc;--region-shine:.18;--region-art:url(/backgrounds/shallows.png)}.region-coral-forest{--region-surface:#3a3143e8;--region-surface-active:#514052f2;--region-surface-muted:#302a3bd6;--region-action:#a25765;--region-action-hover:#b96873;--region-action-shadow:#703945;--region-stripe:linear-gradient(105deg, #1c2438, #173040);--region-number-ink:#f2a183;--region-shine:.11;--region-art:url(/backgrounds/coral-forest.png)}.region-sea-cave{--region-surface:#22343ee8;--region-surface-active:#314a55f2;--region-surface-muted:#1c2c36d6;--region-action:#47788b;--region-action-hover:#568da0;--region-action-shadow:#2d5261;--region-stripe:linear-gradient(105deg, #1a2733, #14202b);--region-number-ink:#93cbe4;--region-shine:.07;--region-art:url(/backgrounds/sea-cave.png)}.region-deep-sea{--region-surface:#1a2538e8;--region-surface-active:#243550f2;--region-surface-muted:#151f31d6;--region-action:#286f78;--region-action-hover:#33838a;--region-action-shadow:#174b52;--region-stripe:linear-gradient(105deg, #131d33, #0d1728);--region-number-ink:#6fe0cc;--region-shine:.035;--region-art:url(/backgrounds/deep-sea.png)}.region-backdrop-tidepool{--region-bubble-ink:#d5fff1}.region-backdrop-shallows{--region-bubble-ink:#bfefff}.region-backdrop-coral-forest{--region-bubble-ink:#ffe1d0}.region-backdrop-sea-cave{--region-bubble-ink:#d1edff}.region-backdrop-deep-sea{--region-bubble-ink:#83e8dc}button:disabled{cursor:default;opacity:.5}body:has(.screen-aquarium){background:#253f43}ruby{ruby-align:center;line-height:1}rt{color:inherit;letter-spacing:.02em;font-size:.36em;font-weight:700;line-height:1}body{background:var(--ui-canvas);min-width:320px;min-height:100vh;margin:0}body:has(.region-backdrop-tidepool){background:#164958}body:has(.region-backdrop-shallows){background:#07384c}body:has(.region-backdrop-coral-forest){background:#16384a}body:has(.region-backdrop-sea-cave){background:#0d2737}body:has(.region-backdrop-deep-sea){background:#071321}button{font:inherit;cursor:pointer;transition:background-color var(--ui-motion), color var(--ui-motion), box-shadow var(--ui-motion), opacity var(--ui-motion), transform var(--ui-motion)}button:active:not(:disabled){opacity:.9}button:focus-visible{outline:3px solid var(--ui-focus-ring);outline-offset:3px}*{box-sizing:border-box}.topbar{justify-content:space-between;align-items:center;max-width:1040px;margin:auto;padding:0 24px;display:flex}.topbar-actions{align-items:center;display:flex}.map-screen{margin:28px auto 56px}.map-hero,.screen-heading{justify-content:space-between;align-items:center;display:flex;overflow:hidden}.eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.map-hero h1,.screen-heading h1{margin:0;font-size:clamp(1.7rem,4vw,2.45rem);line-height:1.3}.map-hero p:not(.eyebrow),.screen-heading p:not(.eyebrow){color:#516366;margin:10px 0 0}.map-screen{transform-origin:50% 35%;animation:.22s cubic-bezier(.2,.8,.2,1) both screen-rise-in}@media (prefers-reduced-motion:reduce){.map-screen{animation:none}}@media (width<=560px){.topbar{padding:0 16px}.map-screen{width:min(100% - 24px,920px);margin-top:12px}.map-hero,.screen-heading{padding:24px 20px}}.map-screen{color:var(--ui-ink-base)}.sea-hero{position:relative}.sea-hero>div:first-child{z-index:1;max-width:48%;position:relative}.sea-typing-stage .eyebrow{z-index:1;position:relative}@media (width<=640px){.sea-hero{display:block}.sea-hero>div:first-child{max-width:none}.topbar-actions{gap:4px}}.unknown-rare-mark{color:#ffd66b;text-shadow:0 1px 4px #000a;place-items:center;font-size:1.5rem;font-weight:700;display:grid;position:absolute;inset:0}.rare-eyebrow{color:#ffcf5f!important}.screen-aquarium .topbar,.screen-aquarium .screen-heading{text-shadow:0 1px 4px #132c32}@supports (background:-webkit-named-image(i)){rt{transform:translateY(.5em)}}.stage-medals{align-items:center;gap:6px;display:flex}.ui-icon{flex:none;display:block}.topbar-actions{gap:3px}.map-hero-copy{z-index:2;width:47%;max-width:410px;position:relative}.map-hero h1{letter-spacing:.02em;margin:2px 0 11px;font-size:clamp(2.6rem,6vw,4rem);line-height:1.08}.map-hero-copy>p:not(.eyebrow){max-width:34em;font-size:1rem;line-height:1.8}.section-intro .eyebrow{margin-bottom:4px}.section-intro h2{margin:0;font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.25}.screen-heading{border-radius:0}.screen-heading h1{margin:0;font-size:clamp(2.1rem,5vw,3.3rem);line-height:1.18}.screen-heading p:not(.eyebrow){max-width:42em;font-size:.96rem;line-height:1.75}.sea-typing-stage{position:relative;overflow:hidden}@media (width<=760px){.map-screen{width:min(100% - 24px,980px)}.topbar{padding:0 10px}.map-hero{padding:28px 20px 32px;display:block}.map-hero-copy{width:auto;max-width:none}.map-hero h1{font-size:clamp(2.45rem,13vw,3.7rem)}.screen-heading{padding-inline:4px}.screen-heading h1{font-size:clamp(1.95rem,9vw,2.7rem)}}@media (width<=430px){.topbar-actions{gap:0}}.topbar{border:0;height:82px;padding-inline:20px}.map-screen{width:min(100% - 48px,980px)}.map-hero{border-radius:0;min-height:300px;padding:36px 0 42px;box-shadow:none!important;background:0 0!important;border:0!important}.screen-heading{min-height:190px;padding:32px 0 40px;background:0 0!important;border:0!important}.section-intro{margin:48px 0 18px}.eyebrow{color:var(--ui-accent)}.map-hero .eyebrow{background:#ffffff1a;border-radius:999px;width:max-content;margin:0 0 16px;padding:14px;line-height:1}.map-hero p:not(.eyebrow),.screen-heading p:not(.eyebrow){color:var(--ui-ink-muted)}.sea-typing-stage{border-radius:var(--ui-radius-panel);border:0;background:var(--region-surface,var(--ui-surface))!important}@media (width<=760px){.map-screen{width:min(100% - 28px,980px)}.topbar{padding-inline:8px}.map-hero{padding:28px 0 36px}}.app-shell{isolation:isolate;min-height:100vh;position:relative}.app-shell:has(.typing-screen){flex-direction:column;justify-content:safe center;align-items:center;display:flex}.app-shell.screen-aquarium:before{content:"";z-index:-1;image-rendering:pixelated;pointer-events:none;background-color:#253f43;background-image:linear-gradient(#071f2652 0%,#04161d8f 100%),url(/backgrounds/aquarium-room.png);background-position:50%,50%;background-size:cover,cover;position:fixed;inset:0}.app-shell.region-backdrop-tidepool:before{content:"";z-index:-1;width:100%;height:clamp(360px,42.9vw,820px);image-rendering:pixelated;-webkit-mask-image:var(--backdrop-mask);mask-image:var(--backdrop-mask);pointer-events:none;background-color:#76cbc7;background-image:linear-gradient(#0003,#0003),url(/backgrounds/tidepool.png);background-position:bottom;background-size:cover;position:fixed;bottom:-1px;left:0;right:0}.region-backdrop-tidepool .brand,.region-backdrop-tidepool .text-button{color:#f4fff9}.region-backdrop-tidepool .coin{color:#fff0ac;background:#23626bd9;border-color:#7cb5a2}.region-tidepool .map-hero .eyebrow,.region-tidepool .typing-stage-name{color:#bce8c2}.region-tidepool .map-hero p:not(.eyebrow){color:#ddf1e8}.region-tidepool .map-hero .primary-button{background:#2b8b85;box-shadow:0 3px #17635f}.region-tidepool .stage-card.current{border-color:#a4d9c5;box-shadow:0 8px 24px #2b857273}.region-tidepool .stage-card p{color:#cbe0da}.region-tidepool .stage-card small{color:#b2cec7}.region-tidepool .stage-card .secondary-button{color:#effff8;background:#1c5c68;border-color:#7db1a9}.region-tidepool .aquarium-preview{image-rendering:pixelated;background-color:#76cbc7;background-position:50%;background-size:cover}.region-tidepool .aquarium-preview:before{background:linear-gradient(#f1fff22b 0%,#0000 34%,#16455224 100%)}.region-tidepool .aquarium-preview p{color:#f4fff9;text-shadow:0 1px 5px #174756}.region-tidepool .aquarium-sand{display:none}.region-tidepool .sea-typing-stage{background-color:#155968;background-image:linear-gradient(#1b6570bd 0%,#104657d9 100%);border-color:#7fb2a9;box-shadow:0 14px 34px #03263166}.region-tidepool .sea-typing-stage .problem-title{color:#d9eee7}.region-tidepool .keyboard-guide{background:#164d5de8;border-color:#6fa29f;box-shadow:0 10px 26px #03263155}.region-tidepool .keycap{color:#eaf5f0;background:#1b5b69;border-color:#70a19f}.region-tidepool .keycap.expected{color:#fff5cf;background:#8a682b;border-color:#e1bc68}.region-tidepool .speech-bubble{color:#e9f5ef;background:#185463e8;border-color:#75aaa1}.app-shell.region-backdrop-shallows:before{content:"";z-index:-1;width:100%;height:clamp(360px,42.9vw,820px);image-rendering:pixelated;-webkit-mask-image:var(--backdrop-mask);mask-image:var(--backdrop-mask);pointer-events:none;background-color:#0a596f;background-image:linear-gradient(#0003,#0003),url(/backgrounds/shallows.png);background-position:bottom;background-size:cover;position:fixed;bottom:-1px;left:0;right:0}.region-backdrop-shallows .brand,.region-backdrop-shallows .text-button{color:#effffb}.region-backdrop-shallows .coin{color:#fff0ac;background:#0c5261d9;border-color:#5ca6a5}.region-shallows .screen-heading{background:linear-gradient(135deg,#0d4b56,#082c43);border-color:#397f83}.region-shallows .map-hero p:not(.eyebrow){color:#d1eeea}.region-shallows .map-hero .primary-button{background:#168492;box-shadow:0 3px #0a5d68}.region-shallows .stage-card.current{border-color:#80d5cf;box-shadow:0 8px 24px #0b718073}.region-shallows .stage-card p{color:#c1dddd}.region-shallows .stage-card small{color:#a9cbca}.region-shallows .stage-card .secondary-button{color:#e7fffb;background:#105064;border-color:#68aeb1}.region-shallows .aquarium-preview{image-rendering:pixelated;background-color:#0a596f;background-position:50%;background-size:cover}.region-shallows .aquarium-preview:before{background:linear-gradient(#d9fff21a 0%,#0000 35%,#02283a1f 100%)}.region-shallows .aquarium-sand{display:none}.region-shallows .sea-typing-stage{background-color:#0a5264;background-image:linear-gradient(#0c5b6ab8 0%,#073e52d4 100%);border-color:#6eb9b7;box-shadow:0 14px 34px #01182266}.region-shallows .sea-typing-stage .problem-title{color:#c9efea}.region-shallows .keyboard-guide{background:#0b4358e8;border-color:#5b9da5;box-shadow:0 10px 26px #02233355}.region-shallows .keycap{color:#e2f3ef;background:#10536a;border-color:#5993a0}.region-shallows .keycap.expected{color:#fff4c8;background:#896421;border-color:#e0b557}.region-shallows .speech-bubble{color:#e0f3ee;background:#0d4c5ee8;border-color:#5c9e9f}.app-shell:is(.region-backdrop-coral-forest,.region-backdrop-sea-cave,.region-backdrop-deep-sea):before{content:"";z-index:-1;width:100%;height:clamp(360px,42.9vw,820px);image-rendering:pixelated;-webkit-mask-image:var(--backdrop-mask);mask-image:var(--backdrop-mask);pointer-events:none;background-position:bottom;background-size:cover;position:fixed;bottom:-1px;left:0;right:0}.region-backdrop-coral-forest .brand,.region-backdrop-coral-forest .text-button,.region-backdrop-sea-cave .brand,.region-backdrop-sea-cave .text-button,.region-backdrop-deep-sea .brand,.region-backdrop-deep-sea .text-button{color:#efffff;text-shadow:0 1px 4px #020d18}.app-shell.region-backdrop-coral-forest:before{background-color:#16566a;background-image:linear-gradient(#0003,#0003),url(/backgrounds/coral-forest.png)}.app-shell.region-backdrop-sea-cave:before{background-color:#0b2c40;background-image:linear-gradient(#0003,#0003),url(/backgrounds/sea-cave.png)}.app-shell.region-backdrop-deep-sea:before{background-color:#061226;background-image:linear-gradient(#0003,#0003),url(/backgrounds/deep-sea.png)}.region-coral-forest .aquarium-preview{image-rendering:pixelated;background-color:#16566a;background-position:50%;background-size:cover}.region-coral-forest .aquarium-preview:before{background:linear-gradient(110deg,#0000 17%,#fff1c84a 25%,#0000 34%),radial-gradient(at 50% 0,#ffdca75c,#0000 60%)}.region-coral-forest .aquarium-sand{display:none}.region-coral-forest .sea-typing-stage{background:radial-gradient(at 82% 16%,#df8b7055,#0000 36%),#173348;border-color:#a85f69}.region-coral-forest .stage-card.current{border-color:#df8d7b;box-shadow:0 5px 18px #ba5f6b35}.region-sea-cave .aquarium-preview{image-rendering:pixelated;background-color:#0b2c40;background-position:50%;background-size:cover}.region-sea-cave .aquarium-preview:before{background:linear-gradient(96deg,#0000 38%,#cfe9ff2e 43%,#cfe9ff12 47%,#0000 52%),radial-gradient(at 44% 0,#a8d4f03d,#0000 52%)}.region-sea-cave .aquarium-sand{display:none}.region-sea-cave .sea-typing-stage{background:radial-gradient(at 26% 8%,#9fd0ea38,#0000 40%),#101f2a;border-color:#55707e}.region-sea-cave .stage-card.current{border-color:#8fc4dd;box-shadow:0 5px 18px #5f93aa35}.region-deep-sea .aquarium-preview{image-rendering:pixelated;background-color:#061226;background-position:50%;background-size:cover}.region-deep-sea .aquarium-preview:before{background:radial-gradient(at 68% 12%,#4fd8c83a,#0000 46%),radial-gradient(at 22% 82%,#3a6fd42a,#0000 44%)}.region-deep-sea .aquarium-sand{display:none}@media (width<=560px){.app-shell.screen-aquarium:before{background-position:50%,22%}}.region-backdrop-shallows .nav-button{color:#effffb}.region-backdrop-tidepool .nav-button{color:#f4fff9}.map-screen.region-tidepool .region-navigation{border-color:#4f8788}.map-screen.region-shallows .stage-card,.map-screen.region-coral-forest .stage-card{grid-template-columns:58px minmax(0,1fr) auto;gap:18px}.map-screen.region-tidepool .stage-card.current{background:linear-gradient(90deg,#398f7b4d,#0000 58%)!important;border-left-color:#a4d9c5!important}.map-screen.region-tidepool .stage-action{color:#dff2ec;border-bottom-color:#6b9d98}.map-screen.region-tidepool .stage-action.primary{background:#2b817c;border-color:#72b3a8;box-shadow:0 3px #195f5c}.region-backdrop-shallows .exit-lesson-button{color:var(--ui-ink-base);text-shadow:none}.region-backdrop-shallows .exit-lesson-button:hover{color:#fff}@media (width<=760px){.map-screen.region-shallows .stage-card,.map-screen.region-coral-forest .stage-card{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:20px}}.app-shell:before{z-index:-2!important}.pixel-bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pixel-bubbles-world{z-index:-1;transition:color .32s ease-out;position:fixed}.pixel-bubbles-tank{z-index:0;color:#dcffff}.region-fade-backdrop{z-index:-2;background-color:var(--region-fade-color);pointer-events:none;animation:.32s ease-out forwards region-backdrop-fade-out;position:fixed;inset:0}.region-fade-backdrop:after{content:"";background-color:var(--region-fade-image-color);background-image:linear-gradient(#0003, #0003), var(--region-fade-image);height:clamp(360px,42.9vw,820px);image-rendering:pixelated;-webkit-mask-image:var(--backdrop-mask);mask-image:var(--backdrop-mask);background-position:bottom;background-size:cover;position:absolute;bottom:-1px;left:0;right:0}.region-fade-backdrop-tidepool{--region-fade-color:#164958;--region-fade-image-color:#76cbc7;--region-fade-image:url(/backgrounds/tidepool.png)}.region-fade-backdrop-shallows{--region-fade-color:#07384c;--region-fade-image-color:#0a596f;--region-fade-image:url(/backgrounds/shallows.png)}.region-fade-backdrop-coral-forest{--region-fade-color:#16384a;--region-fade-image-color:#16566a;--region-fade-image:url(/backgrounds/coral-forest.png)}.region-fade-backdrop-sea-cave{--region-fade-color:#0d2737;--region-fade-image-color:#0b2c40;--region-fade-image:url(/backgrounds/sea-cave.png)}.region-fade-backdrop-deep-sea{--region-fade-color:#071321;--region-fade-image-color:#061226;--region-fade-image:url(/backgrounds/deep-sea.png)}.pixel-bubble{bottom:-28px;left:var(--bubble-left);opacity:0;width:28px;height:28px;animation:pixel-bubble-rise var(--bubble-duration) linear var(--bubble-delay) infinite;will-change:bottom, opacity, transform;position:absolute}.pixel-bubble-art{width:2px;height:2px;transform:scale(var(--bubble-scale));transform-origin:0 0;background:currentColor;position:absolute;top:0;left:2px;box-shadow:2px 0,-2px 2px,4px 2px,-2px 4px,4px 4px,0 6px,2px 6px}@media (prefers-reduced-motion:reduce){.pixel-bubbles,.region-fade-backdrop{display:none}}:is(.region-tidepool,.region-shallows,.region-coral-forest,.region-sea-cave,.region-deep-sea) .stage-card:nth-child(3n+2){background:var(--region-stripe)}:is(.region-tidepool,.region-shallows,.region-coral-forest,.region-sea-cave,.region-deep-sea) .stage-number{color:var(--region-number-ink)}:is(.region-tidepool,.region-shallows,.region-coral-forest,.region-sea-cave,.region-deep-sea) .water-shine{opacity:var(--region-shine)}:is(.region-tidepool,.region-shallows,.region-coral-forest,.region-sea-cave,.region-deep-sea) .aquarium-preview{background-image:var(--region-art)}:is(.region-backdrop-tidepool,.region-backdrop-shallows,.region-backdrop-coral-forest,.region-backdrop-sea-cave,.region-backdrop-deep-sea) .pixel-bubbles-world{color:var(--region-bubble-ink)}:is(.region-tidepool,.region-shallows,.region-coral-forest,.region-sea-cave,.region-deep-sea) :is(.primary-button,.stage-action.primary,.aquarium-attached-button){--button-shadow:var(--region-action-shadow);background:var(--region-action)!important}:is(.region-tidepool,.region-shallows,.region-coral-forest,.region-sea-cave,.region-deep-sea) :is(.primary-button,.stage-action.primary,.aquarium-attached-button):hover{background:var(--region-action-hover)!important}.map-screen.region-tidepool .region-dot{color:#c8e2dd}.map-screen.region-tidepool .region-dot.selected{color:#fff;background:#ffffff14;border:0}.map-screen.region-tidepool .stage-list{box-shadow:none;background:0 0;border:0;gap:10px;padding:0}.map-screen.region-shallows .stage-card,.map-screen.region-tidepool .stage-card,.map-screen.region-coral-forest .stage-card,.map-screen.region-sea-cave .stage-card,.map-screen.region-deep-sea .stage-card{isolation:isolate;border-radius:var(--ui-radius-card);min-height:124px;transition:background-color var(--ui-motion), transform var(--ui-motion);padding:25px 28px;position:relative;box-shadow:none!important;background:#0009!important;border:0!important}.map-screen.region-shallows .stage-card.current,.map-screen.region-tidepool .stage-card.current,.map-screen.region-coral-forest .stage-card.current,.map-screen.region-sea-cave .stage-card.current,.map-screen.region-deep-sea .stage-card.current{background:#000000ad!important}:is(.region-tidepool,.region-shallows,.region-coral-forest,.region-sea-cave,.region-deep-sea) .aquarium-preview{box-shadow:none;border:0}:is(.region-tidepool,.region-shallows,.region-coral-forest,.region-sea-cave,.region-deep-sea) .aquarium-preview:before{display:none}:is(.region-tidepool,.region-shallows,.region-coral-forest,.region-sea-cave,.region-deep-sea) .sea-typing-stage{border-radius:var(--ui-radius-panel);border:0;background:var(--region-surface,var(--ui-surface))!important}.region-tidepool .keycap.expected,.region-shallows .keycap.expected{box-shadow:none;background:#8a671f;border:0;transform:none}@media (width<=760px){.map-screen.region-shallows .stage-card,.map-screen.region-tidepool .stage-card,.map-screen.region-coral-forest .stage-card,.map-screen.region-sea-cave .stage-card,.map-screen.region-deep-sea .stage-card{padding:22px 20px}}.coin{font-size:.9rem}.primary-button,.secondary-button,.danger-button{font-weight:700}.primary-button:active{box-shadow:none;transform:translateY(2px)}.danger-button{margin-top:28px}@media (width<=560px){.brand{font-size:.84rem}}.brand,.text-button{color:var(--ui-ink-base)}.coin{color:#ffd36e}.brand:hover{background:#143348}.brand,.nav-button{min-height:42px;color:var(--ui-ink-base);justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex}.brand{font-size:.92rem}.nav-button{color:#c4dad9;flex-direction:column;gap:1px;min-width:58px;font-size:.66rem}.brand:hover,.nav-button:hover{color:#fff;background:#143348}.coin{align-items:center;gap:4px;font-weight:700;display:inline-flex}.text-button{align-items:center;gap:3px;font-weight:700;display:inline-flex}@media (width<=760px){.brand{padding-inline:6px}.nav-button{min-width:48px;padding-inline:4px}.coin{padding-inline:7px}}@media (width<=430px){.coin{display:none}.brand span{font-size:.76rem}.nav-button span{font-size:.6rem}}.brand,.nav-button{border-radius:var(--ui-radius-control);background:0 0;border:0;padding:9px 12px;text-shadow:none!important}.brand:hover,.nav-button:hover,.text-button:hover{background:var(--ui-tint);color:#fff;border-color:#0000}.coin{border-radius:var(--ui-radius-control);background:#e0ad4024;border:0;padding:8px 10px}.primary-button{min-height:46px;padding:var(--ui-control-padding-y) var(--ui-control-padding-x);border-radius:var(--ui-radius-control);background:var(--ui-accent-fill)!important;box-shadow:0 var(--ui-button-depth) 0 var(--button-shadow,#0f535c)!important;color:#fff!important;border:0!important}.primary-button:hover{background:var(--ui-accent-fill-hover)!important}.secondary-button{--button-shadow:#071d2a;min-height:46px;padding:var(--ui-control-padding-y) var(--ui-control-padding-x);border-radius:var(--ui-radius-control);background:var(--ui-surface-raised);box-shadow:0 var(--ui-button-depth) 0 #071d2a;color:#d7efed;border:0}.secondary-button:hover{background:var(--ui-surface-active);color:#fff}.danger-button{--button-shadow:#2b1720;min-height:46px;padding:var(--ui-control-padding-y) var(--ui-control-padding-x);border-radius:var(--ui-radius-control);background:var(--ui-danger-surface);box-shadow:0 var(--ui-button-depth) 0 #2b1720;color:var(--ui-danger);border:0}.danger-button:hover{color:#ffd9d4;background:#59343e}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.danger-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--button-shadow,#071d2a)!important}.text-button{border-radius:var(--ui-radius-control);background:0 0;border:0;padding:10px 12px}.back-button{margin-top:18px;margin-left:-10px}.avatar-eye{z-index:3;background:#31454a;border-radius:50%;width:5px;height:7px;position:absolute}.avatar-headmark{z-index:4;text-align:center;color:#d1a341;width:100%;font-size:28px;position:absolute;top:-5px;transform:rotate(-12deg)}@media (width<=560px){.avatar{transform-origin:100%;margin-right:-10px;transform:scale(.8)}}.avatar{filter:none;flex:none;width:96px;height:118px;position:relative}.avatar-head,.avatar-body{box-shadow:none;border:0}.avatar-head{z-index:2;border-radius:48% 48% 44% 44%;width:50px;height:51px;position:absolute;top:21px;left:24px}.avatar-body{z-index:1;border-radius:42% 42% 18px 18px;width:62px;height:54px;position:absolute;bottom:7px;left:18px}.avatar-eye{top:43px}.avatar-eye.left{left:40px}.avatar-eye.right{left:55px}.stage-card{align-items:center;display:grid}.stage-card h2{margin:0;font-size:1.07rem}.stage-number{font-weight:700}.dev-stage-selector{color:#5b7169;border:1px dashed #b8c8bf;border-radius:12px;margin-top:22px;padding:12px 14px;font-size:.82rem}.dev-stage-selector summary{cursor:pointer;font-weight:700}.dev-stage-selector div{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.dev-stage-selector .secondary-button{min-height:32px;padding:5px 9px;font-size:.78rem}@media (width<=560px){.stage-card{grid-template-columns:34px 1fr;gap:10px}.stage-card .secondary-button{grid-column:2;justify-self:start}}.stage-card.locked{color:#6d8591;background:#071724}.stage-card small{color:#88a6ac}.map-screen .stage-list{display:grid;position:relative}.map-screen .stage-card{grid-template-columns:58px minmax(0,1fr) auto;gap:18px}.stage-number{place-items:center;font-family:Roboto Mono,ui-monospace,monospace;font-size:.78rem;display:grid}.stage-copy h3{margin:0;font-size:1.18rem;line-height:1.45}.stage-copy>p{color:#a7c1c5;max-width:46em;margin:6px 0 9px;font-size:.9rem;line-height:1.6}.stage-progress{flex-wrap:wrap;align-items:center;gap:6px 9px;display:flex}.stage-action:hover{color:#fff;border-bottom-color:#7ad7d3}@media (width<=760px){.map-screen .stage-card{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:20px}.stage-number{width:34px;height:34px;font-size:.68rem}.stage-copy h3{font-size:1.04rem}.stage-action{grid-column:2;justify-self:start;margin-top:3px}}.stage-action.primary{min-height:46px;padding:var(--ui-control-padding-y) var(--ui-control-padding-x);border-radius:var(--ui-radius-control);background:var(--ui-accent-fill)!important;box-shadow:0 var(--ui-button-depth) 0 var(--button-shadow,#0f535c)!important;color:#fff!important;border:0!important}.stage-action.primary:hover{background:var(--ui-accent-fill-hover)!important}.stage-action{border-radius:var(--ui-radius-control);background:0 0;border:0}.stage-copy>p{color:var(--ui-ink-muted)}.map-screen .stage-list{box-shadow:none;background:0 0;border:0;gap:10px;padding:0}.map-screen .stage-card{isolation:isolate;border-radius:var(--ui-radius-card);min-height:124px;transition:background-color var(--ui-motion), transform var(--ui-motion);padding:25px 28px;position:relative;box-shadow:none!important;background:#0009!important;border:0!important}.map-screen .stage-card.current{background:#000000ad!important}.map-screen .stage-card.locked{opacity:.7;background:#00000080!important}.stage-card-hitbox{z-index:0;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.stage-card-hitbox:focus-visible{outline:0}.stage-card>:not(.stage-card-hitbox){z-index:1;pointer-events:none;position:relative}.map-screen .stage-card:has(.stage-card-hitbox:hover){background:#000000a8!important}.map-screen .stage-card.current:has(.stage-card-hitbox:hover){background:#000000bd!important}.stage-card:has(.stage-card-hitbox:focus-visible){outline:3px solid var(--ui-focus-ring);outline-offset:3px}.stage-card:has(.stage-card-hitbox:active){transform:translateY(2px)}.stage-number{background:var(--ui-tint-weak);border:0;border-radius:50%;width:42px;height:42px}.stage-action{color:#bce7e7;min-height:42px;transition:background-color var(--ui-motion), box-shadow var(--ui-motion), transform var(--ui-motion);align-items:center;gap:5px;padding:10px 14px;font-weight:700;display:flex}.stage-action:hover{background:#ffffff10;border:0}.stage-action.primary{padding:10px 14px}.stage-card:has(.stage-card-hitbox:active) .stage-action.primary{transform:translateY(3px);box-shadow:0 1px 0 var(--button-shadow,#0f535c)!important}.dev-stage-selector{border-radius:var(--ui-radius-card);background:#071f30;border:0;margin-top:28px;padding:16px}@media (width<=760px){.map-screen .stage-card{padding:22px 20px}}.region-navigation{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.region-arrow-slot{justify-content:flex-start;min-width:0;display:flex}.region-arrow-slot.next-slot{justify-content:flex-end}.region-arrow{color:#d8efec;text-align:left;background:0 0;align-items:center;gap:7px;display:flex}.region-arrow.next{text-align:right}.region-arrow:hover{color:#fff;border-bottom-color:#74cbc9}.region-arrow strong{margin-top:2px;display:block}.region-dots{justify-content:center;align-items:stretch;gap:3px;display:flex}.region-dot{color:#78989e;background:0 0;font-size:.9rem;font-weight:700}.region-dot-number{display:block}@media (width<=760px){.region-navigation{grid-template-columns:1fr auto 1fr;gap:5px}.region-arrow strong{font-size:.76rem}.region-arrow small{font-size:.57rem}.region-dots{gap:0}.region-dot{width:32px;min-width:32px;padding-inline:2px;font-size:0}.region-dot-number{font-size:.58rem}}@media (width<=430px){.region-arrow{gap:2px}.region-arrow .ui-icon{width:18px}.region-arrow strong{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}}.region-arrow:hover{background:var(--ui-tint);color:#fff;border-color:#0000}.region-navigation{border-radius:var(--ui-radius-card);background:#0009;border:0;min-height:76px;margin:24px 0 0;padding:10px 12px}.region-arrow{border-radius:var(--ui-radius-control);border:0;min-height:56px;padding:8px 16px}.region-arrow strong{font-size:clamp(1.05rem,2vw,1.35rem)}.region-arrow .ui-icon{width:30px;height:30px}.region-dot{border-radius:var(--ui-radius-control);border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:84px;min-height:82px;padding:6px 10px;display:flex}.region-thumbnail{width:58px;height:32px;image-rendering:pixelated;opacity:.58;filter:saturate(.72)brightness(.82);transition:opacity var(--ui-motion), filter var(--ui-motion);background-position:50%;background-size:cover;border-radius:4px;flex:none}.region-dot-tidepool .region-thumbnail{background-image:url(/backgrounds/tidepool.png)}.region-dot-shallows .region-thumbnail{background-image:url(/backgrounds/shallows.png)}.region-dot-coral-forest .region-thumbnail{background-image:url(/backgrounds/coral-forest.png)}.region-dot-sea-cave .region-thumbnail{background-image:url(/backgrounds/sea-cave.png)}.region-dot-deep-sea .region-thumbnail{background-image:url(/backgrounds/deep-sea.png)}.region-dot-copy{white-space:nowrap;justify-content:center;align-items:baseline;gap:4px;display:flex}.region-dot-number{letter-spacing:.06em;font-family:Roboto Mono,ui-monospace,monospace;font-size:.55rem}.region-dot-name{font-size:.78rem}.region-dot:hover{background:var(--ui-tint-weak);color:#d8eeee}.region-dot:hover .region-thumbnail{opacity:.82;filter:saturate(.9)brightness(.94)}.region-dot.selected{color:#fff;background:#ffffff14;border:0}.region-dot.selected .region-thumbnail{opacity:1;filter:none}@media (width<=760px){.region-navigation{gap:5px}.region-dots{gap:0}.region-dot{width:30px;min-width:30px;min-height:44px;padding-inline:2px;font-size:0}.region-thumbnail,.region-dot-name{display:none}.region-dot-copy{display:block}.region-dot-number{font-size:.58rem}.region-arrow{gap:4px;padding-inline:8px}.region-arrow strong{max-width:86px;font-size:1rem}.region-arrow .ui-icon{width:24px;height:24px}}.aquarium-screen{transform-origin:50% 35%;animation:.22s cubic-bezier(.2,.8,.2,1) both screen-rise-in}@media (prefers-reduced-motion:reduce){.aquarium-screen{animation:none}}.aquarium-screen{color:var(--ui-ink-base)}.aquarium-preview:before{content:"";z-index:-1;background:linear-gradient(110deg,#0000 22%,#83d1e017 28%,#0000 35%),radial-gradient(at 50% 0,#a4e5f01a,#0000 55%);position:absolute;inset:0}.aquarium-preview p{color:#b4d3d4;text-align:center;place-items:center;margin:0;padding:36px;font-size:.9rem;display:grid;position:absolute;inset:0}.water-shine{background:repeating-linear-gradient(100deg,#0000 0 18px,#b2f1fa1a 19px 25px,#0000 26px 45px);height:24%;position:absolute;inset:0 0 auto}.fish-visual{display:block;position:absolute}.fish-visual.roaming{transform-origin:0 0;transform:scale(var(--fish-scale,1));will-change:transform;animation:none}.fish-art{position:absolute;inset:0}.fish-visual.is-flipped .fish-art{transform:scaleX(-1)}.fish-visual.movement-drift{animation-name:fish-drift}.fish-visual.small{width:43px;height:29px}.fish-visual.large{width:62px;height:40px}.fish-visual .fish-body{border:2px solid color-mix(in srgb, var(--fish), #081b29 38%);background:linear-gradient(145deg, var(--accent) 0 18%, var(--fish) 20% 100%);border-radius:52% 44% 45% 52%;position:absolute;inset:6px 6px 5px 11px}.fish-visual .fish-tail{background:var(--fish);border-radius:3px 70%;width:17px;height:16px;position:absolute;top:10px;left:1px;transform:rotate(-45deg)}.fish-visual .fish-eye{z-index:1;background:#082030;border-radius:50%;width:4px;height:4px;position:absolute;top:13px;right:10px}.fish-visual.tall .fish-body{border-radius:45% 45% 55% 55%}.fish-visual.muted{opacity:calc(.22 + var(--progress,.3));filter:grayscale(.7)blur(1px)}.aquarium-screen{margin:28px auto 56px}.aquarium-heading{align-items:flex-end}.aquarium-screen>.aquarium-preview{min-height:390px;margin-top:18px}.collection-heading{justify-content:space-between;align-items:end;gap:16px;margin:26px 0 12px;display:flex}.fish-collection{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.fish-card .fish-visual{flex:none;animation:none;position:relative;top:auto!important;left:auto!important}.unknown-fish-visual{flex:0 0 58px;place-items:center;width:58px;height:58px;display:grid}.unknown-fish-visual img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.fish-card h3{margin:0 0 5px;font-size:.96rem}.fish-card p,.fish-card small{color:#a7c6c5;margin:0;font-size:.78rem}.fish-card small{color:var(--ui-gold);margin-top:5px;display:block}@media (width<=640px){.sea-hero .aquarium-preview{width:auto;min-width:0;min-height:180px;margin-top:19px}.aquarium-screen{width:min(100% - 24px,920px);margin-top:12px}.aquarium-screen>.aquarium-preview{min-height:270px}.fish-collection{grid-template-columns:1fr}.collection-heading{align-items:center}}.fish-discovery{color:#83cfd1!important}.fish-card.undiscovered{background:#061827;border-style:dashed}.fish-card.rare.undiscovered{border-style:dashed}.unknown-fish-visual.rare{position:relative}.unknown-fish-visual.rare img{filter:brightness(.75)sepia(.5)hue-rotate(-18deg)saturate(1.4)}.reward-card.fish-reward.rare{border:3px solid #e6b23c;box-shadow:0 24px 64px #00081480}.release-button{color:#9cc8c9;text-underline-offset:3px;font-size:.73rem;font-weight:700;text-decoration:underline}.release-button:hover{color:var(--ui-gold)}.fish-reward .reward-fish{margin:0 auto 7px;animation:5s ease-in-out infinite alternate fish-swim;display:block;position:relative;top:auto!important;left:auto!important}.release-confirm-card .fish-visual{margin:0 auto 8px;animation:5s ease-in-out infinite alternate fish-swim;display:block;position:relative;top:auto!important;left:auto!important}.screen-aquarium .collection-heading{text-shadow:0 1px 4px #132c32}.fish-visual.has-sprite{width:60px;height:60px}.fish-visual.has-sprite.small{width:52px;height:52px}.fish-visual.has-sprite.large{width:64px;height:64px}.fish-sprite{background-image:var(--sprite-image);image-rendering:pixelated;animation:fish-sprite-frames var(--sprite-duration,1s) step-end infinite;animation-delay:var(--sprite-delay,0s);background-position:0 0;background-repeat:no-repeat;background-size:400% 100%;position:absolute;inset:0}.fish-card .fish-visual.has-sprite{width:58px;height:58px}.fish-reward .reward-fish.has-sprite{width:80px;height:80px}.release-confirm-card .fish-visual.has-sprite{width:70px;height:70px}@media (prefers-reduced-motion:reduce){.fish-visual,.fish-sprite{animation:none!important}.aquarium-magnifier{transition:none!important}}.aquarium-feature{width:48%;min-width:330px;padding-bottom:21px;position:relative}.sea-hero .aquarium-feature .aquarium-preview{width:100%;min-width:0;min-height:230px}.aquarium-attached-button{z-index:5;align-items:center;gap:8px;display:flex;position:absolute}.aquarium-attached-button strong{font-size:.9rem}.aquarium-main{margin-top:24px;padding-bottom:24px;position:relative}.aquarium-screen>.aquarium-main .aquarium-preview{min-height:410px;margin:0}.aquarium-depart-button{z-index:6;justify-content:space-between;align-items:center;gap:14px;min-width:190px;display:flex;position:absolute;bottom:0;right:20px}.collection-heading h2{margin:0;font-size:1.55rem}.fish-card{align-items:center;gap:12px;min-height:110px;padding:14px;display:flex;position:relative;overflow:hidden}.fish-card .release-button{margin-top:7px;padding:0;display:inline-block}.fish-reward{padding:30px 28px 24px}.fish-reward .reward-fish{margin-bottom:12px}.fish-reward h1{margin:-14px 0 9px}.reward-card.fish-reward .result-message{margin:0 0 30px}.fish-reward .new-medals{margin:0 auto 17px}.fish-reward .next-route-group{margin:0 0 12px}@media (width<=760px){.aquarium-screen{width:min(100% - 24px,980px)}.aquarium-feature{width:auto;min-width:0;margin-top:24px}.aquarium-screen>.aquarium-main .aquarium-preview{min-height:280px}.aquarium-depart-button{min-width:174px;right:12px}}@media (width<=430px){.aquarium-attached-button{right:10px}}.aquarium-attached-button{min-height:46px;padding:var(--ui-control-padding-y) var(--ui-control-padding-x);border-radius:var(--ui-radius-control);background:var(--ui-accent-fill)!important;box-shadow:0 var(--ui-button-depth) 0 var(--button-shadow,#0f535c)!important;color:#fff!important;border:0!important}.aquarium-attached-button:hover{background:var(--ui-accent-fill-hover)!important}.aquarium-attached-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--button-shadow,#071d2a)!important}.release-button{border-radius:var(--ui-radius-control);background:0 0;border:0;padding:10px 12px}.aquarium-screen{width:min(100% - 48px,980px)}.aquarium-heading .eyebrow{background:#ffffff1a;border-radius:999px;width:max-content;margin:0 0 16px;padding:14px;line-height:1}.fish-card p,.fish-card small{color:var(--ui-ink-muted)}.aquarium-preview{box-shadow:none;border:0}.map-screen .aquarium-preview,.aquarium-screen .aquarium-preview{border-radius:8px 8px 24px 24px!important}.aquarium-preview:before,.water-shine{display:none}.aquarium-preview{isolation:isolate;cursor:zoom-in;-webkit-touch-callout:none;user-select:none;background:linear-gradient(155deg,#0c4160 0%,#062a45 52%,#04192e 100%);position:relative;overflow:hidden}.aquarium-magnifier{--magnifier-zoom:2.25;z-index:20;aspect-ratio:1;opacity:0;pointer-events:none;background:#082f42;border:5px solid #d8fbf4;border-radius:50%;width:clamp(136px,19vw,180px);transition:opacity .12s,transform .12s;display:block;position:absolute;overflow:hidden;transform:scale(.82);box-shadow:0 8px 28px #000a148c,inset 0 0 0 2px #072f3e8c}.aquarium-preview.is-magnifying{cursor:none;touch-action:none}.aquarium-preview.is-magnifying>.aquarium-magnifier{opacity:1;transform:scale(1)}.aquarium-magnifier-content.aquarium-preview{box-shadow:none;cursor:inherit;pointer-events:none;transform:scale(var(--magnifier-zoom));transform-origin:0 0;margin:0;position:absolute;overflow:hidden;border:0!important;border-radius:0!important}.aquarium-sand{z-index:-1;clip-path:polygon(0 39%,12% 52%,29% 38%,44% 63%,62% 41%,78% 60%,100% 35%,100% 100%,0 100%);background:#123f4c;height:22%;position:absolute;bottom:0;left:0;right:0}.aquarium-attached-button{bottom:0;right:18px}.aquarium-attached-button small{color:#d3efed;border:0;padding-left:0;font-weight:700}.collection-heading{border:0;margin-top:42px;padding-bottom:0}.fish-collection{gap:12px}.fish-card{border-radius:var(--ui-radius-card);background:var(--ui-surface);border:0}.aquarium-screen .fish-card{background:#0009}.fish-card.undiscovered,.fish-card.rare.undiscovered{background:#0009;border:0}.fish-card.rare{background:#0009;border:3px solid #e9b84d}.rare-ribbon{color:#3a2606;letter-spacing:.1em;border-bottom-left-radius:10px;border-radius:0 0 0 var(--ui-radius-control);box-shadow:none;background:#e9b84d;padding:2px 10px;font-size:.62rem;font-weight:700;position:absolute;top:0;right:0}@media (width<=760px){.aquarium-screen{width:min(100% - 28px,980px)}.aquarium-magnifier{--magnifier-zoom:2;border-width:4px;width:clamp(124px,38vw,154px)}}.medal{font-size:.63rem;font-weight:700}.new-medals .medal{font-size:.7rem}.medal-tooltip{cursor:help;outline:none;place-items:center;display:inline-grid;position:relative}.medal-tooltip:before,.medal-tooltip:after{z-index:30;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s,transform .12s,visibility .12s;position:absolute}.medal-tooltip:before{content:"";background:#eff8f5;border-bottom:1px solid #75b7b3;border-right:1px solid #75b7b3;width:8px;height:8px;bottom:calc(100% + 6px);right:8px;transform:translateY(3px)rotate(45deg)}.medal-tooltip:after{content:attr(data-tooltip);color:#12313b;letter-spacing:.02em;text-align:left;white-space:normal;background:#eff8f5;border:1px solid #75b7b3;border-radius:5px 5px 5px 1px;width:max-content;max-width:min(190px,100vw - 24px);padding:7px 9px;font-size:.7rem;font-weight:700;line-height:1.45;bottom:calc(100% + 10px);right:-4px;transform:translateY(3px);box-shadow:3px 3px #00172266}.medal-tooltip:hover:before,.medal-tooltip:hover:after,.medal-tooltip:focus-visible:before,.medal-tooltip:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)rotate(45deg)}.medal-tooltip:hover:after,.medal-tooltip:focus-visible:after{transform:translateY(0)}.medal-tooltip:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:3px}.medal{--medal-border:#547783;--medal-face:#0b2636;--medal-ink:#73919a;--medal-detail:#466570;isolation:isolate;background:var(--medal-border);width:28px;height:28px;color:var(--medal-ink);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);border:0;border-radius:0;place-items:center;display:grid;position:relative}.medal:before{content:"";z-index:0;background:var(--medal-face);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);position:absolute;inset:2px}.medal-pattern{z-index:1;fill:currentColor;width:18px;height:18px;display:block;position:relative}.medal-pattern-detail{fill:var(--medal-detail)}.medal.earned.careful,.medal.earned.speed,.medal.earned.gold{background:var(--medal-border);color:var(--medal-ink);box-shadow:none;border:0}.medal.earned.careful{--medal-border:#d6a43d;--medal-face:#584720;--medal-ink:#ffe19b;--medal-detail:#f6c956;filter:drop-shadow(2px 2px #241b0c)}.medal.earned.speed{--medal-border:#61b5bc;--medal-face:#174b55;--medal-ink:#c9ffff;--medal-detail:#59d6d8;filter:drop-shadow(2px 2px #08242b)}.medal.earned.gold{--medal-border:#f1c85c;--medal-face:#7b5514;--medal-ink:#fff0aa;--medal-detail:#f7bd32;filter:drop-shadow(2px 2px #342207)}.new-medals .medal{width:32px;height:32px}.new-medals .medal-pattern{width:21px;height:21px}.stage-card .medal-tooltip{pointer-events:auto}.typing-screen{margin:28px auto 56px}.typing-top{justify-content:space-between;font-size:.9rem}.typing-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex}.problem-title{font-weight:700}.input-guide{letter-spacing:.08em;white-space:pre-wrap;max-width:100%;min-height:42px;max-height:2.6em;margin:12px 0 0;font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.3;overflow:hidden}.scroll-inner{transition:transform .35s;display:block}.input-guide-typed{color:#91a4a0}.input-guide-next{color:#d19b2d;text-underline-offset:8px;text-decoration:underline}.shortcut-button kbd{font:inherit;border-radius:4px;padding:1px 4px;font-size:.9em}.keyboard-area{min-height:174px;margin:0 auto;position:relative}.keyboard-guide{width:100%;margin:0 auto}.key-row{justify-content:center;gap:5px;display:flex}.keycap{text-align:center;min-width:34px;padding:7px 5px;font-family:Roboto Mono,ui-monospace,monospace;font-size:.8rem;font-weight:700}.keycap.space{min-width:200px}.guide-companion{flex-direction:column;align-items:flex-start}.guide-companion .avatar{transform-origin:0 0;width:58px;height:72px;margin:0 0 -20px 10px;transform:scale(.72)}.speech-bubble:before{content:"";border:6px solid #0000;border-right-color:#b8c9bf;position:absolute;top:41px;left:43px;transform:translate(-11px)}.finger-guide{justify-content:center;gap:28px;display:flex}.hand-group{align-items:center;gap:6px;display:flex}.hand-label{font-size:.7rem;font-weight:700}.hand{width:76px;height:38px;position:relative}.hand .palm{border:1.5px solid #9caea5;border-radius:8px 8px 4px 4px;width:48px;height:18px;position:absolute;bottom:0;left:12px}.hand .finger{border:1.5px solid #9caea5;border-bottom:0;border-radius:7px 7px 0 0;width:10px;position:absolute;bottom:15px}.hand .pinky{height:17px;left:12px}.hand .ring{height:25px;left:24px}.hand .middle{height:30px;left:36px}.hand .index{height:27px;left:48px}.hand .thumb{border-bottom:1.5px solid #9caea5;border-radius:7px;width:11px;height:17px;bottom:3px;left:59px;transform:rotate(42deg)}.hand.right{transform:scaleX(-1)}.hand .finger.active{background:#f6dfa4;border-color:#c8952e;box-shadow:0 0 0 3px #f6dfa477}.hand.right+*{transform:scaleX(-1)}.shortcut-button small{opacity:.82;font-size:.7rem}.primary-button.shortcut-button small{color:#e7f0ec}.typing-screen{transform-origin:50% 35%;animation:.22s cubic-bezier(.2,.8,.2,1) both screen-rise-in}@media (prefers-reduced-motion:reduce){.typing-screen{animation:none}}@media (width<=560px){.typing-screen{width:min(100% - 24px,920px);margin-top:12px}.typing-stage{min-height:235px;padding-top:15px}.keyboard-area{min-height:174px;padding:0}.guide-companion{width:180px;display:block;top:-45px;left:4px}.guide-companion .avatar{margin:0;position:absolute;top:0;left:0;transform:scale(.57)}.speech-bubble{width:160px;padding:6px 9px;font-size:.7rem;position:absolute;top:2px;left:42px}.speech-bubble:before{display:none}.keycap{min-width:27px;padding:7px 3px;font-size:.7rem}.keycap.space{min-width:160px}.finger-guide{gap:10px}.hand-group{gap:3px}.hand-label{font-size:.62rem}.hand{transform-origin:50%;width:67px;transform:scale(.86)}.hand.right{transform:scaleX(-1)scale(.86)}}.typing-screen{color:var(--ui-ink-base)}.typing-top{color:#aac4c7}.sea-typing-stage .problem-title,.sea-typing-stage .problem-text,.sea-typing-stage .input-guide{z-index:1;position:relative}.problem-title{color:#96c7c8}.input-guide-rest{color:var(--ui-ink-base)}.keycap{color:#d1e2df}.keycap.expected{color:#fff2c3}.hand .palm,.hand .finger{background:#0d3045;border-color:#68909a}.hand-label{color:#a5c4c4}.shortcut-button kbd{color:#d7f2ed}@media (width<=560px){.input-guide{letter-spacing:.04em;max-width:100%;font-size:clamp(1.05rem,5.2vw,1.4rem)}.keyboard-guide{padding-inline:7px}.key-row{gap:2px}.keycap{min-width:22px;padding-inline:2px}}.keyboard-guide .keycap.pressed{animation:.2s ease-out keycap-pop}.keyboard-guide .keycap.pressed:not(.expected){color:#eafffb;background:#12586f;border-color:#7fd4c6}.keyboard-guide .keycap.wrong{color:#ffdcd5;background:#7a2723;border-color:#e2604f;animation:.32s ease-in-out keycap-shake}.problem-text-typed{color:#7f9d99}@media (prefers-reduced-motion:reduce){.keyboard-guide .keycap.pressed,.keyboard-guide .keycap.wrong{animation:none!important}}.typing-screen{margin-top:0;margin-bottom:14px;padding-top:14px}.typing-top{grid-template-columns:1fr auto 1fr;align-items:center;min-height:0;margin-bottom:14px;display:grid}.typing-top .exit-lesson-button{justify-self:start}.exit-lesson-button{gap:4px;font-size:.92rem}.exit-lesson-button:hover{color:#fff;background:#12435e;border-color:#5ba9bd}.exit-lesson-button:active{transform:translateY(1px)}.typing-stage-name{justify-content:center;align-items:center;gap:8px;min-width:0;margin:0;font-size:.86rem;display:flex}.typing-stage-label{min-width:0}.typing-count{letter-spacing:.08em;white-space:nowrap;color:#fff;font-size:.8rem}.typing-count strong{color:var(--ui-gold);font-size:1.12rem}.typing-stage{height:220px;padding:16px 20px 14px}.problem-title{margin:7px 0 5px;font-size:1rem}.problem-text{letter-spacing:.08em;max-width:100%;max-height:2.4em;font-weight:700;line-height:1.2;font-size:max(2rem, calc(clamp(2.5rem, 6.4vw, 3.9rem) * 12 / max(var(--problem-length,12), 12)));margin:0;overflow:hidden}.input-guide{font-size:max(1.5rem, calc(clamp(1.65rem, 4vw, 2.25rem) * 24 / max(var(--guide-length,24), 24)));margin-top:10px}.keyboard-section{margin-top:18px}.keyboard-section-label{color:#8eb7b8;letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;width:min(100%,760px);margin:0 auto 11px;font-size:.72rem;font-weight:700;display:grid}.keyboard-section-label>.section-rule{background:#31566a}.keyboard-area{width:min(100%,720px)}.keyboard-guide{padding:11px 20px 9px}.keyboard-guide .key-row{margin:2px 0}.keyboard-guide .finger-guide{margin-top:5px;padding-top:6px}.shortcut-button{flex-direction:column;align-items:center;gap:3px;width:100%;min-width:0;display:flex}@media (width<=760px){.typing-screen{width:min(100% - 24px,980px)}.typing-stage{height:auto;min-height:220px;padding-inline:12px}.problem-text{font-size:max(1.75rem, calc(clamp(2.25rem, 12vw, 3.45rem) * 12 / max(var(--problem-length,12), 12)))}.keyboard-section{margin-top:30px}.keyboard-section-label{margin-bottom:55px}.guide-companion{top:-45px;left:4px}}.keyboard-area{box-sizing:border-box}.guide-companion{z-index:2;pointer-events:none;width:280px;height:210px;display:block;position:absolute;inset:auto auto -5px -100px}.guide-turtle{width:150px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 2px #00111d66);animation:3.2s ease-in-out infinite guide-turtle-bob;display:block;position:absolute;bottom:10px;left:0;transform:translateY(2px)}.typing-screen .guide-companion .speech-bubble{box-sizing:border-box;color:#eef6e9;letter-spacing:.015em;white-space:pre-line;overflow-wrap:anywhere;background:#061b29;width:max-content;max-width:235px;margin:0;padding:10px 14px;font-size:.82rem;font-weight:700;line-height:1.55;position:absolute;bottom:122px;left:0}.speech-bubble:before,.speech-bubble:after{content:"";border-style:solid;width:0;height:0;position:absolute;top:auto;left:78%;transform:translate(-50%)}.speech-bubble:before{border-width:13px 10px 0;border-color:#8a7444 #0000 #0000;bottom:-13px}.speech-bubble:after{border-width:10px 8px 0;border-color:#061b29 #0000 #0000;bottom:-9px}@media (prefers-reduced-motion:reduce){.guide-turtle{animation:none;transform:none}}@media (width<=760px){.keyboard-section-label{margin-bottom:11px}.keyboard-area{padding-top:72px}.guide-companion{width:238px;height:auto;inset:0 auto -3px -14px}.guide-turtle{width:118px}.speech-bubble{width:max-content;max-width:210px;padding:8px 10px;font-size:.72rem;line-height:1.45;top:0;bottom:auto;left:8px}.speech-bubble:before,.speech-bubble:after{left:64%}}.shortcut-button kbd,.shortcut-button kbd{background:var(--ui-tint);border:0}.typing-screen{width:min(100% - 48px,980px)}.exit-lesson-button{border-radius:var(--ui-radius-control);background:var(--ui-tint-weak);border:0;padding:9px 12px}.typing-stage-number{color:#5bc5d0;letter-spacing:.06em;border-radius:var(--ui-radius-control);background:var(--ui-tint-weak);border:0;padding:3px 8px;font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.keyboard-section-label>.section-rule{height:0}.keyboard-guide{border-radius:var(--ui-radius-card);background:var(--region-surface-muted,#071f30);box-shadow:none;border:0}.keycap{background:#103649;border:0;border-radius:7px}.keycap.expected{box-shadow:none;background:#8a671f;border:0;transform:none}.finger-guide{border:0}.typing-screen .guide-companion .speech-bubble{border-radius:var(--ui-radius-control);box-shadow:none;border:0}.speech-bubble:before{border-color:#061b29 #0000 #0000}.speech-bubble:after{display:none}@media (width<=760px){.typing-screen{width:min(100% - 28px,980px)}.typing-screen .guide-companion .speech-bubble{width:max-content;max-width:210px;padding:8px 10px;font-size:.72rem;line-height:1.45;inset:0 auto auto 8px}}.reward-overlay{z-index:10;backdrop-filter:blur(4px);place-items:center;padding:24px;animation:.2s ease-out overlay-in;display:grid;position:fixed;inset:0}.reward-card{text-align:center;width:min(100%,420px);animation:.3s cubic-bezier(.2,.9,.3,1.1) card-in}.reward-card>.avatar{transform-origin:top;height:72px;margin:0 auto -12px;transform:scale(.62)}.reward-card h1{font-size:clamp(1.55rem,6vw,2rem);line-height:1.25}.reward-card p:not(.eyebrow){color:#5b6e6a;margin:9px 0;font-size:.9rem}.new-medals{justify-content:center;align-items:center;gap:8px;padding:7px 10px;font-size:.76rem;font-weight:700;display:flex}.next-route-group{text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px 10px 14px;display:flex}.next-route-group span,.next-route-group strong{display:block}.next-route-group span{font-size:.72rem;font-weight:700}.next-route-group strong{margin-top:2px;font-size:.96rem}.route-button{flex:none;font-size:.82rem}.route-button kbd{font:inherit;border-radius:4px;margin-left:3px;padding:1px 4px;font-size:.8em}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:13px;display:grid}.intro-screen{transform-origin:50% 35%;animation:.22s cubic-bezier(.2,.8,.2,1) both screen-rise-in}@media (prefers-reduced-motion:reduce){.intro-screen{animation:none}}.reward-overlay{background:#00111caa}.reward-card p:not(.eyebrow){color:#bed5d4}.new-medals{color:#bce1dc}.next-route-group{color:#c8ebe3}.route-button kbd{color:#d7f2ed}.intro-card .avatar{margin:0 auto 2px}.intro-card h1{margin:4px 0 10px;font-size:clamp(1.75rem,7vw,2.3rem);line-height:1.32}.intro-card p:not(.eyebrow){color:#bed5d4;margin:0;line-height:1.65}.intro-start{width:min(100%,250px);margin:22px auto 4px}.intro-skip{color:#9bc8ca;margin:4px auto 0}.first-catch-card{padding-top:34px}.first-catch-card .reward-fish{width:78px;height:54px;margin:4px auto 8px;animation:5s ease-in-out infinite alternate fish-swim;display:block;position:relative;top:auto!important;left:auto!important}.first-catch-card p:not(.eyebrow){margin:4px 0 17px}.first-next-stage-button{width:100%;min-height:39px;margin-top:8px;padding-block:7px;font-size:.83rem}.first-next-stage-button small{color:#92c7c8;margin-top:2px;font-size:.7rem;display:block}.first-next-stage-button kbd{color:#d7f2ed;font:inherit;background:#082438;border:1px solid #4d7d88;border-radius:4px;padding:1px 4px}.reward-fish-slot{width:fit-content;margin:0 auto;display:block;position:relative}.new-fish-badge{z-index:4;color:#fff1b8;letter-spacing:.06em;background:#7a5414;border:1px solid #f0c75b;border-radius:999px;padding:3px 6px;font-size:.58rem;font-weight:700;position:absolute;top:-13px;right:-21px;transform:rotate(8deg)}.first-catch-card .new-fish-badge{top:-14px;right:-23px}.release-confirm-overlay{z-index:30;backdrop-filter:blur(5px);background:#000e18bb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.release-confirm-card{text-align:center;width:min(100%,340px);padding:26px 25px 22px}.release-confirm-card h2{margin:3px 0 9px;font-size:1.35rem;line-height:1.35}.release-confirm-card p:not(.eyebrow){color:#bdd4d4;margin:0;font-size:.86rem;line-height:1.55}.release-confirm-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}.release-confirm-actions .primary-button,.release-confirm-actions .secondary-button{min-width:0;padding-inline:8px}.first-catch-card .reward-fish.has-sprite{width:80px;height:80px}.reward-card{position:relative}.dialog-close:hover{color:#fff;border-color:#6ebfc1}.first-aquarium-button{justify-content:center;align-items:center;gap:8px;width:100%;margin:8px 0 2px;display:flex}.intro-card p:not(.eyebrow){line-height:2}.intro-screen{background:var(--ui-canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.intro-card,.reward-card,.release-confirm-card{border-radius:var(--ui-radius-panel);background:var(--ui-surface);border:0}.intro-card{text-align:center;width:min(100%,430px);box-shadow:none;padding:35px 30px 28px}.reward-card,.release-confirm-card{box-shadow:0 24px 64px #00081480}.dialog-close{color:#c9dfdf;border-radius:var(--ui-radius-control);background:0 0;border:0;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:11px;right:11px}.dialog-close:hover{background:var(--ui-tint);border-color:#0000}.new-medals,.next-route-group{border-radius:var(--ui-radius-control);border:0}.new-medals{background:var(--ui-surface-raised)}.next-route-group{background:#10404b}.route-button kbd{background:var(--ui-tint);border:0}.region-reveal{z-index:40;background-color:#04101e;background-image:linear-gradient(180deg, #04101ecc 0%, #04101e4d 42%, #04101ee6 100%), var(--region-art);image-rendering:pixelated;background-position:50%,bottom;background-size:cover,cover;place-items:center;padding:24px;animation:3.6s forwards region-reveal-curtain;display:grid;position:fixed;inset:0}.region-reveal-copy{text-align:center;text-shadow:0 2px 12px #02090fd9;max-width:22em;animation:3.6s forwards region-reveal-copy}.region-reveal-copy .eyebrow{color:var(--region-number-ink,var(--ui-accent))}.region-reveal-copy h2{color:#fff;margin:6px 0 12px;font-size:clamp(2rem,9vw,3.4rem);line-height:1.2}.region-reveal-copy p:not(.eyebrow){color:#e4f4f2;margin:0;font-size:clamp(.95rem,3.4vw,1.15rem);line-height:1.7}.region-reveal-copy h2:after{content:"";background:var(--region-number-ink,var(--ui-accent));opacity:.8;border-radius:2px;width:68px;height:3px;margin:14px auto 0;display:block}.wardrobe-screen,.settings-screen{margin:28px auto 56px}.settings-screen h1{margin:0;font-size:clamp(1.7rem,4vw,2.45rem);line-height:1.3}.item-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-top:22px;display:grid}.item-card h2{margin:9px 0 4px;font-size:1rem}.item-preview{background:var(--item-color,#e4d6a4);color:#735b20;border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;font-size:28px;display:grid}.settings-screen{max-width:650px}.setting-row{text-align:left;justify-content:space-between;width:100%;display:flex}.setting-row:last-child{border-bottom:0}.wardrobe-screen,.settings-screen{transform-origin:50% 35%;animation:.22s cubic-bezier(.2,.8,.2,1) both screen-rise-in}@media (prefers-reduced-motion:reduce){.wardrobe-screen,.settings-screen{animation:none}}@media (width<=560px){.wardrobe-screen,.settings-screen{width:min(100% - 24px,920px);margin-top:12px}.item-grid{grid-template-columns:repeat(2,1fr)}}.wardrobe-screen,.settings-screen{color:var(--ui-ink-base)}.item-card p{color:#a7c6c5;min-height:20px;margin:0 0 10px;font-size:.82rem}.setting-row{color:var(--ui-ink-base)}@media (width<=760px){.wardrobe-screen,.settings-screen{width:min(100% - 24px,980px)}}.setting-row:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--button-shadow,#071d2a)!important}.wardrobe-screen,.settings-screen{width:min(100% - 48px,980px)}.item-card p{color:var(--ui-ink-muted)}.item-grid{gap:12px}.item-card{border-radius:var(--ui-radius-card);background:var(--ui-surface);text-align:center;border:0;padding:20px}.item-card.equipped{background:#104251;border:0}.item-preview{border:0}.settings-list{border:0;border-radius:0;gap:14px;margin-top:28px;display:grid;overflow:visible}.setting-row{--button-shadow:#061a26;border-radius:var(--ui-radius-card);background:var(--ui-surface);box-shadow:0 var(--ui-button-depth) 0 var(--button-shadow);border:0;padding:20px}.setting-row:hover{background:var(--ui-surface-raised)}.setting-row strong{color:var(--ui-accent)}@media (width<=760px){.wardrobe-screen,.settings-screen{width:min(100% - 28px,980px)}}.title-screen{z-index:1;justify-content:center;align-items:center;min-height:100svh;padding:40px 24px 56px;display:flex;position:relative}.title-card{z-index:1;text-align:center;width:min(100%,620px);animation:.34s cubic-bezier(.2,.8,.2,1) both screen-rise-in;position:relative}.title-fish-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.title-fish-field .fish-visual.has-sprite{width:76px;height:76px}@media (width<=560px){.title-fish-field .fish-visual.has-sprite{width:62px;height:62px}}.title-logo{color:#fff;letter-spacing:.03em;text-shadow:0 2px #02161fb3,0 12px 34px #010c14e6;margin:0;font-size:clamp(2.3rem,10vw,4.2rem);font-weight:900;line-height:1.1}.title-logo-aqua{color:var(--region-number-ink,var(--ui-accent))}.title-logo:after{content:"";background:var(--region-number-ink,var(--ui-accent));opacity:.8;border-radius:2px;width:76px;height:3px;margin:18px auto 0;display:block}.title-tagline{color:#e2f2f0;text-shadow:0 2px 10px #02090fd9;max-width:22em;margin:18px auto 0;font-size:clamp(.95rem,3.6vw,1.12rem);line-height:1.8}.title-start{justify-content:center;align-items:center;gap:8px;min-width:216px;margin-top:26px;font-size:1.08rem;display:inline-flex}.title-points{text-align:left;gap:10px;margin:32px 0 0;padding:0;list-style:none;display:grid}.title-points li{border-radius:var(--ui-radius-card);background:#00000075;align-items:flex-start;gap:13px;padding:14px 17px;display:flex}.title-point-icon{border-radius:var(--ui-radius-control);background:var(--ui-tint);width:34px;height:34px;color:var(--region-number-ink,var(--ui-accent));flex:none;place-items:center;display:grid}.title-point-copy{min-width:0;display:block}.title-point-copy strong{color:#f1fbf9;font-size:.96rem;line-height:1.5;display:block}.title-point-copy small{color:#b9d0d3;margin-top:3px;font-size:.82rem;line-height:1.7;display:block}@media (width<=560px){.title-screen{padding:28px 18px 44px}.title-points{margin-top:26px}.title-points li{padding:12px 14px}}.reduce-motion .scroll-inner{transition:none}.reduce-motion *{transition:none!important;animation:none!important}@keyframes float{50%{transform:translateY(-6px)rotate(5deg)}}@keyframes overlay-in{0%{opacity:0}}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes screen-rise-in{0%{opacity:0;transform:translateY(10px)scale(.995)}72%{opacity:1;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}.reduce-motion .intro-screen,.reduce-motion .map-screen,.reduce-motion .typing-screen,.reduce-motion .aquarium-screen,.reduce-motion .wardrobe-screen,.reduce-motion .settings-screen{animation:none}@keyframes fish-swim{0%{transform:translate(0)rotate(0)}50%{transform:translate(calc(var(--swim-x,7px) * .55), var(--swim-y,-7px)) rotate(var(--swim-rot,0deg))}to{transform:translate(var(--swim-x,7px), calc(var(--swim-y,-7px) * .35)) rotate(0deg)}}@keyframes fish-drift{0%{transform:translate(0)rotate(0)}50%{transform:translate(calc(var(--swim-x,7px) * .3), calc(var(--swim-y,-7px) * 1.7)) rotate(calc(var(--swim-rot,0deg) * -1))}to{transform:translate(calc(var(--swim-x,7px) * .5), calc(var(--swim-y,-7px) * .8)) rotate(0deg)}}@keyframes fish-sprite-frames{0%{background-position-x:0%}25%{background-position-x:33.333%}50%{background-position-x:66.667%}75%,to{background-position-x:100%}}@keyframes keycap-pop{25%{transform:translateY(3px)scale(.92)}60%{transform:translateY(-5px)scale(1.1)}}@keyframes keycap-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.reduce-motion .keyboard-guide .keycap.pressed,.reduce-motion .keyboard-guide .keycap.wrong{animation:none}@keyframes region-backdrop-fade-out{to{opacity:0}}@keyframes region-reveal-curtain{0%{opacity:0}10%,74%{opacity:1}to{opacity:0}}@keyframes region-reveal-copy{0%{opacity:0;transform:translateY(18px)scale(.94)}16%,74%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)scale(1.03)}}@keyframes pixel-bubble-rise{0%{opacity:0;bottom:-28px;transform:translate(0)}8%{opacity:var(--bubble-opacity)}42%{transform:translateX(var(--bubble-drift))}72%{transform:translate(0)}92%{opacity:var(--bubble-opacity)}to{opacity:0;transform:translateX(var(--bubble-drift));bottom:calc(100% + 28px)}}.reduce-motion .pixel-bubbles,.reduce-motion .region-fade-backdrop{display:none}@keyframes guide-turtle-bob{0%,to{transform:translateY(2px)}50%{transform:translateY(-5px)}}.reduce-motion .guide-turtle{animation:none;transform:none}.reduce-motion .aquarium-magnifier{transition:none}