:root{--sea-950: #062a40;--sea-800: #0b4a6f;--sea-700: #0f5f8c;--sea-600: #1673a8;--sea-100: #e3f1f9;--sea-50: #f3f9fc;--sand: #f6efe2;--pine: #2f6b4f;--coral: #c2462e;--sun: #f2b544;--bg: #f3f8fb;--surface: #ffffff;--surface-2: var(--sea-50);--text: #102a3a;--text-muted: #46606f;--border: #c9dbe6;--primary: var(--sea-700);--primary-hover: var(--sea-800);--primary-text: #ffffff;--accent: var(--pine);--danger: var(--coral);--done: var(--sea-600);--focus: #f2b544;--town-hirono: #0f6e74;--town-kuji: #9a5a12;--town-noda: #7a3f86;--town-fudai: #1d5aa0;--town-tanohata: #2f6b4f;--radius: 14px;--shadow: 0 2px 10px rgb(6 42 64 / .08);--font: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "BIZ UDPGothic", Meiryo, system-ui, sans-serif;--mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #071a26;--surface: #0d2738;--surface-2: #0f3046;--text: #e8f2f8;--text-muted: #a7c0cf;--border: #23485f;--primary: #3b9bd3;--primary-hover: #5eb2e2;--primary-text: #04131c;--accent: #6cc39b;--danger: #ff8a73;--done: #6cc0ef;--shadow: 0 2px 12px rgb(0 0 0 / .35);--town-hirono: #5fc4c9;--town-kuji: #e3a95a;--town-noda: #d19ad9;--town-fudai: #84b6ef;--town-tanohata: #7dcca3}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font);font-size:1rem;line-height:1.7;color:var(--text);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 10%,transparent) 0,transparent 220px),var(--bg)}h1,h2,p{margin:0}a{color:var(--primary);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.screen{width:100%;max-width:760px;margin:0 auto;padding:16px 16px 40px}.screen-title{font-size:1.6rem;color:var(--text);margin-bottom:4px}.screen-title:focus{outline:none}.lead,.note{color:var(--text-muted)}.note{font-size:.875rem;margin-top:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid transparent;border-radius:999px;padding:10px 22px;min-height:48px;font:inherit;font-weight:700;cursor:pointer;transition:background-color .15s,transform .1s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-text)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--primary);border-color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}.btn-large{font-size:1.2rem;padding:14px 40px;min-height:56px}.hero{padding:20px 4px 12px}.hero-kicker{font-size:.875rem;font-weight:700;letter-spacing:.15em;color:var(--primary)}.hero-lead{margin-top:6px;font-size:1.2rem;font-weight:700;color:var(--accent)}.hero-desc{margin-top:8px;color:var(--text-muted)}.settings{display:grid;gap:12px;margin-top:12px}.option-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:10px 12px 12px;margin:0;box-shadow:var(--shadow)}.option-group legend{font-weight:700;padding:0 6px}.option-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:560px){.option-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.option-card{position:relative;display:block;cursor:pointer}.option-card input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.option-body{display:flex;flex-direction:column;justify-content:center;min-height:52px;height:100%;padding:8px 12px;border:2px solid var(--border);border-radius:10px;background:var(--surface-2);transition:border-color .15s,background-color .15s}.option-label{font-weight:700}.option-hint{font-size:.8rem;color:var(--text-muted);line-height:1.4}.option-card input:checked+.option-body{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--surface));box-shadow:inset 0 0 0 1px var(--primary)}.option-card input:checked+.option-body .option-label:before{content:"✓ ";color:var(--primary)}.option-card input:focus-visible+.option-body{outline:3px solid var(--focus);outline-offset:2px}.start-area{text-align:center;padding:8px 0 4px}.best-line{color:var(--text-muted);margin-bottom:10px}.best-line strong{color:var(--text)}.site-footer{margin-top:28px;font-size:.8rem;color:var(--text-muted);text-align:center}.game{padding-top:10px}.hud{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:8px;background:var(--surface);border-radius:var(--radius);padding:8px 10px;box-shadow:var(--shadow)}.hud-item{display:flex;flex-direction:column;align-items:center;line-height:1.2}.hud-label{font-size:.75rem;color:var(--text-muted)}.hud-value{font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums}.hud-value small{font-size:.75rem;font-weight:700;margin-left:2px}.hud-value.is-hurry{color:var(--danger)}.hud-value.is-combo{color:var(--accent)}.hud-quit{min-height:40px;padding:6px 12px;font-size:.875rem}.question-card{margin-top:12px;background:var(--surface);border-radius:var(--radius);padding:14px 16px 18px;box-shadow:var(--shadow);border-top:5px solid var(--primary);text-align:center}.question-meta{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:700;color:#fff;background:var(--primary)}@media(prefers-color-scheme:dark){.badge{color:#04131c}}.town-hirono{background:var(--town-hirono)}.town-kuji{background:var(--town-kuji)}.town-noda{background:var(--town-noda)}.town-fudai{background:var(--town-fudai)}.town-tanohata{background:var(--town-tanohata)}.category{font-size:.8rem;color:var(--text-muted)}.question-text{margin-top:6px;font-size:clamp(1.8rem,8vw,2.8rem);font-weight:800;line-height:1.3;word-break:keep-all;overflow-wrap:anywhere}.question-reading{margin-top:4px;font-size:clamp(1.1rem,4.5vw,1.5rem);letter-spacing:.08em}.question-reading .done,.question-romaji .done{color:var(--done);font-weight:700}.question-reading .rest{color:var(--text)}.question-romaji{margin-top:6px;font-family:var(--mono);font-size:clamp(1.1rem,4.5vw,1.6rem);letter-spacing:.06em;overflow-wrap:anywhere}.question-romaji .done{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}.question-romaji .rest{color:var(--text-muted)}.shake-a{animation:shake-a .25s}.shake-b{animation:shake-b .25s}@keyframes shake-a{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes shake-b{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.kana-form{display:flex;gap:8px;margin-top:10px}.kana-input{flex:1;min-width:0;font:inherit;font-size:1.25rem;padding:10px 14px;border:2px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.kana-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}.kana-input.is-wrong{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 25%,transparent)}.kana-submit{flex:none}.ime-warning{margin-top:10px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--sun) 25%,var(--surface));border:1px solid var(--sun);font-weight:700}.trivia-area{margin-top:12px;min-height:92px}.trivia{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-left:5px solid var(--accent);border-radius:10px;padding:8px 12px;animation:pop-in .3s ease-out}.trivia-head{display:flex;gap:8px;align-items:baseline;font-weight:800}.trivia-check{color:var(--accent)}.trivia-points{margin-left:auto;color:var(--accent);font-variant-numeric:tabular-nums}.trivia-body{font-size:.9rem;color:var(--text-muted);line-height:1.55}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.ready-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#04141e8c;z-index:10}.ready-box{width:min(440px,100%);background:var(--surface);border-radius:18px;padding:22px 20px;text-align:center;display:grid;gap:12px;box-shadow:0 10px 40px #00000040}.ready-box h2{font-size:1.5rem}.ready-course{font-weight:700;color:var(--primary)}.finish-flash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(2rem,10vw,3.5rem);font-weight:900;color:var(--primary);background:color-mix(in srgb,var(--bg) 70%,transparent);animation:pop-in .3s ease-out;z-index:10}.result-course{color:var(--text-muted);font-weight:700}.result-input{font-weight:400;font-size:.875rem}.score-panel{margin-top:14px;background:var(--surface);border-radius:var(--radius);padding:18px 16px;box-shadow:var(--shadow);text-align:center}.new-best{display:inline-block;padding:4px 14px;border-radius:999px;background:var(--sun);color:#3a2600;font-weight:800;animation:pop-in .4s ease-out}.score-main{display:flex;justify-content:center;align-items:baseline;gap:8px;margin-top:6px}.score-label{font-weight:700;color:var(--text-muted)}.score-number{font-size:clamp(2.6rem,14vw,4rem);font-weight:900;color:var(--primary);font-variant-numeric:tabular-nums;line-height:1.1}.score-unit{font-weight:700}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 0}@media(min-width:560px){.stats{grid-template-columns:repeat(4,1fr)}}.stats div{background:var(--surface-2);border-radius:10px;padding:8px}.stats dt{font-size:.8rem;color:var(--text-muted)}.stats dd{margin:0;font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums}.actions{display:grid;gap:10px;margin-top:18px}@media(min-width:560px){.actions{grid-template-columns:1fr 1fr}.actions .btn-large{grid-column:1 / -1}}.share-message{margin-top:10px;min-height:1.7em;font-weight:700;color:var(--accent);text-align:center}.share-text textarea{width:100%;font:inherit;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.review-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}.review-item{background:var(--surface);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.review-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tag-incomplete{font-size:.75rem;padding:1px 8px;border-radius:999px;border:1px solid var(--text-muted);color:var(--text-muted)}.review-name{margin-top:6px;font-size:1.3rem}.review-reading{font-size:.95rem;font-weight:400;color:var(--text-muted);margin-left:4px}.review-desc{margin-top:4px}.review-source{margin-top:6px;font-size:.9rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--rank-bg: #e3f1f9;--extreme-bg: #0c2233;--extreme-text: #f6efe2;--extreme-accent: #f2b544}@media(prefers-color-scheme:dark){:root{--rank-bg: #0f3046}}.option-body{position:relative}.option-body:has(.option-icon){display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.option-body:has(.option-icon) .option-hint{grid-column:1 / -1}.option-icon{display:inline-flex;grid-row:1}.option-card:hover .town-icon{animation:icon-hop .5s ease}@keyframes icon-hop{40%{transform:translateY(-4px) rotate(-6deg)}}.stars{font-size:.8rem;letter-spacing:1px;color:var(--sun)}@media(min-width:560px){.option-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.option-card.is-extreme .option-body{background:linear-gradient(135deg,var(--extreme-bg),#1b3d55);border-color:#3a5b70;color:var(--extreme-text)}.option-card.is-extreme .option-hint{color:#c9d8e2}.option-card.is-extreme input:checked+.option-body{background:linear-gradient(135deg,var(--extreme-bg),#1b3d55);border-color:var(--extreme-accent);box-shadow:inset 0 0 0 1px var(--extreme-accent),0 0 14px #f2b54473}.option-card.is-extreme input:checked+.option-body .option-label:before{color:var(--extreme-accent)}.badge{display:inline-flex;align-items:center;gap:4px}.badge .town-icon{background:#ffffffe6;border-radius:50%;padding:1px}.category{display:inline-flex;align-items:center;gap:4px}.game{position:relative;min-height:100dvh;overflow-x:clip}.game .hud,.game .rail,.game .question-card,.game .kana-form,.game .hint-row,.game .ime-warning,.game .trivia-area{position:relative;z-index:1}.wave-backdrop{position:fixed;left:0;bottom:0;width:100%;height:90px;z-index:0;pointer-events:none;opacity:.6}.wave-backdrop-a{fill:color-mix(in srgb,var(--primary) 18%,transparent);animation:wave-slide-wide 14s linear infinite}.wave-backdrop-b{fill:color-mix(in srgb,var(--primary) 28%,transparent);animation:wave-slide-wide 9s linear infinite reverse}@keyframes wave-slide-wide{to{transform:translate(-800px)}}.question-card{position:relative;animation:card-in .28s ease-out}@keyframes card-in{0%{opacity:0;transform:translate(24px) scale(.98)}to{opacity:1;transform:none}}.score-bump{display:inline-block;animation:score-bump .35s ease-out}@keyframes score-bump{40%{transform:scale(1.25);color:var(--accent)}}.combo-flame{display:inline-block;font-size:.9em;margin-right:2px;animation:flame .6s ease-in-out infinite alternate}@keyframes flame{to{transform:scale(1.15) rotate(6deg)}}.burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;place-items:center;overflow:visible}.burst-dot{position:absolute;width:var(--size);height:var(--size);border-radius:50%;opacity:0;box-shadow:0 0 0 1px #0f5f8c26;animation:burst-fly .75s ease-out}@keyframes burst-fly{0%{opacity:1;transform:rotate(var(--angle)) translate(0) scale(.4)}to{opacity:0;transform:rotate(var(--angle)) translate(var(--dist)) scale(1)}}.burst-points{position:absolute;top:10px;right:14px;font-weight:900;font-size:1.3rem;color:var(--accent);opacity:0;animation:points-float .9s ease-out}@keyframes points-float{0%{opacity:0;transform:translateY(10px) scale(.8)}25%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-22px)}}.combo-banner{position:fixed;top:28%;left:50%;z-index:5;pointer-events:none;transform:translate(-50%);opacity:0;animation:banner 1.3s ease-out}.combo-banner-text{position:relative;display:block;padding:8px 28px;border-radius:999px;font-size:clamp(1.4rem,7vw,2.2rem);font-weight:900;color:#fff;background:linear-gradient(90deg,var(--sea-600),var(--accent));box-shadow:0 8px 24px #062a404d;white-space:nowrap}.combo-banner-wave{position:absolute;top:-10px;right:-30px;bottom:-10px;left:-30px;border-radius:999px;border:3px solid color-mix(in srgb,var(--accent) 60%,transparent);animation:ripple 1.1s ease-out}@keyframes banner{0%{opacity:0;transform:translate(-50%,16px) scale(.7)}15%,70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-20px) scale(1.05)}}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#04141e73;pointer-events:none}.countdown-text{font-size:clamp(4rem,26vw,8rem);font-weight:900;color:#fff;text-shadow:0 6px 24px rgb(0 0 0 / .35);animation:count-pop .6s ease-out}.countdown-text.is-go{font-size:clamp(2.4rem,12vw,4.5rem);color:var(--sun)}@keyframes count-pop{0%{opacity:0;transform:scale(2)}40%{opacity:1;transform:scale(1)}to{opacity:.2;transform:scale(.85)}}.finish-flash span{animation:finish-pop .5s ease-out}@keyframes finish-pop{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.trivia-reading{font-weight:400;font-size:.85em;color:var(--text-muted)}.question-card.is-extreme{background:linear-gradient(160deg,var(--extreme-bg),#163a52);color:var(--extreme-text);border-top-color:var(--extreme-accent)}.question-card.is-extreme .category{color:#c9d8e2}.question-card.is-extreme .question-reading .done,.question-card.is-extreme .question-romaji .done{color:#8fd3ff}.question-reading .hinted{color:var(--extreme-accent);border-bottom:2px dashed var(--extreme-accent)}.question-reading .mystery{display:inline-block;margin-left:4px;color:var(--extreme-accent);font-weight:900;animation:mystery 1.4s ease-in-out infinite}@keyframes mystery{50%{transform:rotate(12deg) scale(1.15)}}.caret{display:inline-block;width:.6ch;height:1.1em;margin-left:2px;vertical-align:-.15em;background:var(--extreme-accent);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hint-row{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.btn-hint{background:var(--surface);border-color:var(--extreme-accent);color:var(--text);min-height:42px;padding:6px 16px}.btn-hint kbd{margin-left:6px;padding:1px 6px;border-radius:5px;border:1px solid var(--border);font-family:var(--mono);font-size:.75rem;font-weight:400}.hint-note{font-size:.85rem;color:var(--text-muted)}.ready-box.is-extreme{background:linear-gradient(160deg,var(--extreme-bg),#163a52);color:var(--extreme-text)}.ready-box.is-extreme .ready-course{color:var(--extreme-accent)}.rank-card{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;margin-top:14px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);animation:pop-in .5s ease-out}.rank-illust{width:110px;height:110px}.rank-label{font-size:.8rem;color:var(--text-muted)}.rank-title{font-size:1.35rem;font-weight:900;color:var(--primary);line-height:1.3}.rank-message{margin-top:4px;font-size:.9rem}.rank-float{animation:boat-bob 3s ease-in-out infinite;transform-origin:60px 80px}.rank-spin-slow{animation:wobble 3s ease-in-out infinite;transform-origin:60px 60px}@keyframes wobble{50%{transform:rotate(14deg)}}.rank-beam{transform-origin:66px 41px;animation:beam-sweep 2.6s ease-in-out infinite}.rank-rays{transform-origin:60px 66px;animation:rays 12s linear infinite}@keyframes rays{to{transform:rotate(360deg)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:20}.confetti-piece{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;opacity:0;animation:confetti-fall 2.6s ease-in var(--delay) forwards}@keyframes confetti-fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:.9;transform:translate(var(--drift),105vh) rotate(var(--spin))}}.review-item{border-left:5px solid var(--primary);animation:pop-in .4s ease-out backwards}.review-hirono{border-left-color:var(--town-hirono)}.review-kuji{border-left-color:var(--town-kuji)}.review-noda{border-left-color:var(--town-noda)}.review-fudai{border-left-color:var(--town-fudai)}.review-tanohata{border-left-color:var(--town-tanohata)}.review-source{display:flex;flex-wrap:wrap;gap:4px 16px}@keyframes boat-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(2px) rotate(2deg)}}@keyframes beam-sweep{0%,to{opacity:.15;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}:root{--rail-steel: #7d8b96;--rail-tie: #9b7d61}@media(prefers-color-scheme:dark){:root{--rail-steel: #9fb0bd;--rail-tie: #6b5644}}.rail{margin-top:10px;padding:6px 12px 4px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.rail-info{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.8rem;color:var(--text-muted)}.rail-next{animation:rail-next-in .4s ease-out}.rail-next b{font-size:.95rem;color:var(--primary)}.is-hurry .rail-next b{color:var(--danger)}.rail-ends{font-size:.72rem;white-space:nowrap}@keyframes rail-next-in{0%{opacity:0;transform:translateY(4px)}}.rail-track{--w: 104px;position:relative;height:46px}.rail-line{position:absolute;left:0;right:0;bottom:4px;height:7px;border-top:2px solid var(--rail-steel);border-bottom:2px solid var(--rail-steel);background:repeating-linear-gradient(90deg,var(--rail-tie) 0 3px,transparent 3px 9px)}.rail-done{position:absolute;left:0;bottom:0;height:3px;width:calc(var(--w) + (100% - var(--w)) * var(--p));border-radius:999px;background:linear-gradient(90deg,var(--sea-600),var(--accent));transition:width .15s linear}.rail-practice .rail-done{transition-duration:.9s;transition-timing-function:cubic-bezier(.45,.05,.25,1)}.rail-station{position:absolute;bottom:2px;left:calc(var(--w) + (100% - var(--w)) * var(--at));width:9px;height:9px;border-radius:50%;border:2px solid var(--border);background:var(--surface);transform:translate(-50%);transition:background-color .3s,border-color .3s}.rail-station.is-end{width:13px;height:13px;bottom:0}.rail-station.is-passed{border-color:var(--primary);background:var(--primary);animation:station-pop .4s ease-out}@keyframes station-pop{50%{transform:translate(-50%) scale(1.6)}}.rail-train{position:absolute;bottom:13px;left:calc((100% - var(--w)) * var(--p));width:var(--w);transition:left .15s linear}.rail-practice .rail-train{transition-duration:.9s;transition-timing-function:cubic-bezier(.45,.05,.25,1)}.rail-train svg{display:block;overflow:visible}.is-moving .train-wheel{animation:wheel-spin .45s linear infinite}.is-moving .rail-train-body{animation:train-bob .32s ease-in-out infinite alternate}@keyframes wheel-spin{to{transform:rotate(360deg)}}@keyframes train-bob{to{transform:translateY(-.9px)}}.rail-train:before{content:"";position:absolute;right:100%;top:6px;width:22px;height:12px;opacity:0;background:repeating-linear-gradient(180deg,transparent 0 2px,color-mix(in srgb,var(--primary) 45%,transparent) 2px 3.5px);transition:opacity .3s}.is-moving .rail-train:before{opacity:1;animation:wind .25s linear infinite alternate}@keyframes wind{to{transform:translate(-4px) scaleX(.7)}}.is-hurry .train-headlight{animation:blink .5s steps(1) infinite}.all-answered{margin-top:12px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--sun) 22%,var(--surface));border:1px solid var(--sun);font-weight:700}.sound-toggle{margin-bottom:8px}.hud-buttons{display:flex;gap:6px}.hud-sound{min-height:40px;min-width:44px;padding:6px 10px;font-size:1.05rem}.share-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(min-width:560px){.share-row{grid-column:1 / -1}}.btn-x{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#0f1419;color:#fff;text-decoration:none}.btn-x:hover{background:#272c30}@media(prefers-color-scheme:dark){.btn-x{background:#e7e9ea;color:#0f1419}.btn-x:hover{background:#fff}}:root{--hs-sky-1: #5fb0e4;--hs-sky-2: #a9d8f2;--hs-sky-3: #ffe2b8;--hs-sun-1: #fff3c4;--hs-sun-2: #f9a43c;--hs-sun-glow: #ffd48a;--hs-stars-opacity: 0;--hs-cloud-1: #ffffff;--hs-cloud-2: #e3eef6;--hs-hill-1: #a7c9d6;--hs-hill-2: #7fb19c;--hs-sea-1: #8fd0ee;--hs-sea-2: #2f8fc8;--hs-sea-3: #0b4f7c;--hs-horizon: #fff3dc;--hs-glint: #fff6d6;--hs-wave-1: rgb(255 255 255 / .16);--hs-wave-2: rgb(255 255 255 / .14);--hs-wave-3: rgb(8 60 96 / .35);--hs-foam: rgb(255 255 255 / .85);--hs-cliff-far: #a08b78;--hs-cliff-1: #8a705b;--hs-cliff-2: #5b4738;--hs-strata: #d9c6b2;--hs-stack: #6d5747;--hs-grass: #4e9a68;--hs-pine: #2f6b4f;--hs-trunk: #5b4738;--hs-land-1: #6aa77d;--hs-land-2: #557f63;--hs-beach: #e8d9b8;--hs-bridge: #c9d3da;--hs-bridge-deck: #aebbc5;--hs-window: #24435a;--hs-beam: #fff2b0;--hs-bush: #3f7f54;--hs-bird: #24435a}@media(prefers-color-scheme:dark){:root{--hs-sky-1: #050f1d;--hs-sky-2: #0e2a47;--hs-sky-3: #24496b;--hs-sun-1: #fffbe8;--hs-sun-2: #d8dde6;--hs-sun-glow: #9fc3e6;--hs-stars-opacity: 1;--hs-cloud-1: #3a5770;--hs-cloud-2: #22394d;--hs-hill-1: #1c3a52;--hs-hill-2: #183a33;--hs-sea-1: #2a5a7c;--hs-sea-2: #123c5c;--hs-sea-3: #061f33;--hs-horizon: #6f97b8;--hs-glint: #dbe8f5;--hs-wave-1: rgb(255 255 255 / .08);--hs-wave-2: rgb(255 255 255 / .07);--hs-wave-3: rgb(0 10 20 / .4);--hs-foam: rgb(220 235 245 / .6);--hs-cliff-far: #3e3630;--hs-cliff-1: #4a3d33;--hs-cliff-2: #2b231d;--hs-strata: #6b5d50;--hs-stack: #3a2f27;--hs-grass: #2f5c40;--hs-pine: #1b3a2b;--hs-trunk: #2b231d;--hs-land-1: #2c4f3a;--hs-land-2: #213d2d;--hs-beach: #6e6656;--hs-bridge: #8a9aa6;--hs-bridge-deck: #6f808c;--hs-window: #ffd98a;--hs-beam: #fff0a6;--hs-bush: #24472f;--hs-bird: #c9d8e2}}.hero-scene{display:block;width:calc(100% + 32px);height:clamp(200px,56vw,340px);margin:-20px -16px 18px;border-radius:0 0 28px 28px;box-shadow:0 10px 30px #062a402e}@media(min-width:792px){.hero-scene{width:100%;margin:0 0 18px;border-radius:28px}}.hero-scene *{transform-box:fill-box}.hs-stars{fill:#fff;opacity:var(--hs-stars-opacity)}.hs-stars circle{transform-origin:center;animation:hs-twinkle 3.2s ease-in-out infinite alternate}@keyframes hs-twinkle{0%{opacity:.25}to{opacity:1}}.hs-sun{animation:hs-sunrise 3.2s cubic-bezier(.2,.7,.2,1) both}.hs-sun-glow{transform-origin:center;animation:hs-sunrise 3.2s cubic-bezier(.2,.7,.2,1) both,hs-breathe 6s ease-in-out 3.2s infinite alternate}@keyframes hs-sunrise{0%{transform:translateY(46px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes hs-breathe{0%{transform:scale(1);opacity:1}to{transform:scale(1.12);opacity:.8}}.hs-clouds-far{animation:hs-drift 180s linear infinite}.hs-clouds-near{animation:hs-drift 110s linear infinite}@keyframes hs-drift{to{transform:translate(-1200px)}}.hs-glints rect{transform-origin:center;animation:hs-glint 2.4s ease-in-out infinite alternate}@keyframes hs-glint{0%{opacity:.25;transform:scaleX(.55)}to{opacity:1;transform:scaleX(1)}}.hs-wave-1{animation:hs-wave-1 12s linear infinite}.hs-wave-2{animation:hs-wave-2 8s linear infinite}.hs-wave-3{animation:hs-wave-3 5.5s linear infinite}@keyframes hs-wave-1{to{transform:translate(-160px)}}@keyframes hs-wave-2{to{transform:translate(-240px)}}@keyframes hs-wave-3{to{transform:translate(-320px)}}.hs-beam{transform-origin:right center;animation:hs-sweep 5s ease-in-out infinite alternate}@keyframes hs-sweep{0%{transform:rotate(-9deg);opacity:.35}50%{opacity:.95}to{transform:rotate(11deg);opacity:.4}}.hs-lamp-glow{transform-origin:center;animation:hs-lamp 2.5s ease-in-out infinite alternate}@keyframes hs-lamp{0%{opacity:.15;transform:scale(.8)}to{opacity:.55;transform:scale(1.25)}}.hs-train{animation:hs-train 15s linear infinite}@keyframes hs-train{0%{transform:translate(-260px)}58%,to{transform:translate(660px)}}.hs-window,.hero-scene .train-window{fill:var(--hs-window)}.hs-boat{animation:hs-boat-drift 26s ease-in-out infinite alternate}.hs-boat-body{transform-origin:center bottom;animation:hs-boat-rock 3.4s ease-in-out infinite alternate}.hs-wake{animation:hs-fade 1.7s ease-in-out infinite alternate}@keyframes hs-boat-drift{to{transform:translate(46px)}}@keyframes hs-boat-rock{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(3px) rotate(3deg)}}@keyframes hs-fade{0%{opacity:.25}to{opacity:.9}}.hs-foam ellipse{transform-origin:center;animation:hs-foam 3s ease-in-out infinite}.hs-foam ellipse:nth-child(2){animation-delay:-.8s}.hs-foam ellipse:nth-child(3){animation-delay:-1.6s}.hs-foam ellipse:nth-child(4){animation-delay:-2.3s}@keyframes hs-foam{0%,to{opacity:.2;transform:scaleX(.7)}45%{opacity:.95;transform:scaleX(1.1)}}.hs-flower{transform-origin:center bottom;animation:hs-sway 4s ease-in-out infinite alternate}@keyframes hs-sway{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.hs-bird{transform-box:view-box}.hs-bird-1{animation:hs-fly-1 28s linear infinite}.hs-bird-2{animation:hs-fly-2 34s linear -12s infinite}.hs-bird-3{animation:hs-fly-3 24s linear -6s infinite}@keyframes hs-fly-1{0%{transform:translate(-60px,120px)}to{transform:translate(1260px,84px)}}@keyframes hs-fly-2{0%{transform:translate(-60px,168px) scale(.8)}to{transform:translate(1260px,140px) scale(.8)}}@keyframes hs-fly-3{0%{transform:translate(-60px,74px) scale(.65)}to{transform:translate(1260px,96px) scale(.65)}}.hs-bird-bob{animation:hs-bob 3.2s ease-in-out infinite alternate}@keyframes hs-bob{to{transform:translateY(10px)}}.hs-wing-l{transform-origin:right center;animation:hs-flap-l .55s ease-in-out infinite alternate}.hs-wing-r{transform-origin:left center;animation:hs-flap-r .55s ease-in-out infinite alternate}@keyframes hs-flap-l{0%{transform:rotate(-26deg)}to{transform:rotate(24deg)}}@keyframes hs-flap-r{0%{transform:rotate(26deg)}to{transform:rotate(-24deg)}}@media(prefers-reduced-motion:reduce){.hs-train{animation:none;transform:translate(150px)}.hs-bird-1{animation:none;transform:translate(420px,110px)}.hs-bird-2{animation:none;transform:translate(560px,150px) scale(.8)}.hs-bird-3{animation:none;transform:translate(300px,80px) scale(.65)}}.logo{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin:2px 0 4px;line-height:1.1}.logo:focus{outline:none}.logo-sub{font-size:clamp(2rem,8vw,3rem);font-weight:900;letter-spacing:.04em;color:var(--text)}.logo-keys{display:inline-flex;gap:clamp(5px,1.6vw,9px);padding-bottom:6px}.logo-key{--key-color: #1673a8;--key-shadow: #0b3c5d;position:relative;display:grid;place-items:center;width:clamp(2.7rem,12vw,3.7rem);height:clamp(2.7rem,12vw,3.7rem);border-radius:14px;font-size:clamp(1.7rem,7.4vw,2.4rem);font-weight:900;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--key-color) 78%,#ffffff),var(--key-color));box-shadow:0 6px 0 var(--key-shadow),0 10px 18px #062a4040;animation:logo-drop .6s cubic-bezier(.3,1.5,.5,1) backwards,logo-tap 4.2s ease-in-out infinite}.logo-key:nth-child(1){animation-delay:.15s,1.6s}.logo-key:nth-child(2){--key-color: #0f8a8f;--key-shadow: #0a5457;animation-delay:.3s,1.72s}.logo-key:nth-child(3){--key-color: #e2703a;--key-shadow: #8f3d17;animation-delay:.45s,1.84s}.logo-key:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:18px;border:3px solid var(--key-color);opacity:0;animation:logo-ring 4.2s ease-out 1.6s infinite}.logo-key:nth-child(2):after{animation-delay:1.72s}.logo-key:nth-child(3):after{animation-delay:1.84s}@keyframes logo-drop{0%{opacity:0;transform:translateY(-36px) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes logo-tap{0%,9%,to{transform:translateY(0);box-shadow:0 6px 0 var(--key-shadow),0 10px 18px #062a4040}4%{transform:translateY(5px);box-shadow:0 1px 0 var(--key-shadow),0 3px 6px #062a4040}}@keyframes logo-ring{0%,3%{opacity:0;transform:scale(.9)}5%{opacity:.7}16%,to{opacity:0;transform:scale(1.35)}}.study-banner{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 4px;padding:12px 16px;border:2px solid color-mix(in srgb,var(--primary) 40%,transparent);border-radius:var(--radius);background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--sun) 16%,var(--surface)));color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.study-banner:hover{transform:translateY(-2px);border-color:var(--primary)}.study-banner-icon{font-size:1.8rem;animation:book-wiggle 3s ease-in-out infinite}@keyframes book-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-10deg)}92%{transform:rotate(8deg)}}.study-banner-text{display:flex;flex-direction:column;flex:1;line-height:1.45}.study-banner-text strong{font-size:1.1rem;color:var(--primary)}.study-banner-text span{font-size:.85rem;color:var(--text-muted)}.study-banner-arrow{font-size:1.3rem;font-weight:900;color:var(--primary);transition:transform .2s}.study-banner:hover .study-banner-arrow{transform:translate(4px)}.study-back{min-height:40px;padding:6px 14px;font-size:.9rem}.study-title-row{display:flex;gap:14px;align-items:center;margin-top:12px}.study-book{flex:none;width:72px;height:54px}.study-book-pen{transform-box:fill-box;transform-origin:left bottom;animation:pen-write 1.6s ease-in-out infinite alternate}@keyframes pen-write{0%{transform:rotate(-6deg) translate(-3px)}to{transform:rotate(4deg) translate(3px)}}.study-controls{display:grid;gap:10px;margin-top:14px;padding:12px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.chip-group{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.chip-group legend{width:100%;margin-bottom:4px;padding:0;font-size:.85rem;font-weight:700;color:var(--text-muted)}.chip{position:relative}.chip input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.chip span{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:6px 12px;border:2px solid var(--border);border-radius:999px;background:var(--surface-2);font-weight:700;font-size:.9rem;transition:background-color .15s,border-color .15s}.chip input:checked+span{border-color:var(--primary);background:var(--primary);color:var(--primary-text)}.chip input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.toggle-row{display:flex;flex-wrap:wrap;gap:10px 20px}.toggle{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;font-weight:700;cursor:pointer}.toggle input{position:absolute;opacity:0;width:44px;height:26px;margin:0;cursor:pointer}.toggle-track{position:relative;width:44px;height:26px;border-radius:999px;background:var(--border);transition:background-color .2s}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.toggle input:checked+.toggle-track{background:var(--primary)}.toggle input:checked+.toggle-track:after{transform:translate(18px)}.toggle input:focus-visible+.toggle-track{outline:3px solid var(--focus);outline-offset:2px}.study-progress{display:flex;align-items:center;gap:12px;margin-top:14px}.study-progress p{flex:none;font-weight:700}.study-progress strong{font-size:1.3rem;color:var(--accent)}.study-progress-bar{flex:1;height:12px;border-radius:999px;background:var(--border);overflow:hidden}.study-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sea-600),var(--accent));transition:width .5s cubic-bezier(.2,.8,.2,1)}.study-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}@media(min-width:640px){.study-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.study-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-left:5px solid var(--primary);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);animation:pop-in .35s ease-out backwards;transition:background-color .3s,opacity .3s}.study-card.is-learned{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.study-name{font-size:clamp(1.6rem,7vw,2rem);font-weight:900;line-height:1.25}.study-reading-area{min-height:44px;display:flex;align-items:center}.study-reading{font-size:1.25rem;font-weight:700;letter-spacing:.08em;color:var(--primary)}.study-reading.is-revealed{animation:reveal-flip .45s cubic-bezier(.2,.9,.3,1.3)}@keyframes reveal-flip{0%{opacity:0;transform:rotateX(90deg) translateY(-6px)}to{opacity:1;transform:none}}.reveal-btn{min-height:40px;padding:6px 16px;border:2px dashed var(--extreme-accent);background:color-mix(in srgb,var(--extreme-accent) 12%,var(--surface));color:var(--text)}.study-desc{font-size:.9rem;color:var(--text-muted);line-height:1.55}.study-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:4px}.learned-btn{min-height:40px;padding:6px 16px;border-color:var(--border);background:var(--surface-2);color:var(--text-muted)}.learned-check{display:inline-block;margin-right:4px;opacity:.35}.learned-btn.is-on{border-color:var(--accent);background:var(--accent);color:#fff}.learned-btn.is-on .learned-check{opacity:1;animation:check-pop .35s cubic-bezier(.3,1.6,.5,1)}@keyframes check-pop{0%{transform:scale(.2) rotate(-30deg)}to{transform:none}}.study-source{font-size:.85rem}.study-empty{margin-top:16px;padding:28px 16px;border-radius:var(--radius);background:var(--surface);text-align:center;box-shadow:var(--shadow)}.study-empty-title{font-size:1.3rem;font-weight:900;color:var(--accent)}.study-cta{position:sticky;bottom:0;margin-top:18px;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 35%);text-align:center}.study-challenge{width:min(100%,420px);background:linear-gradient(135deg,var(--extreme-bg),#1b3d55);color:var(--extreme-text);border-color:var(--extreme-accent)}.study-challenge:hover:not(:disabled){background:linear-gradient(135deg,#12304a,#24506e)}