:root{--bg-0:#07071a;--bg-1:#100e2a;--bg-2:#1a1742;--ink:#f3f1ff;--ink-soft:#bcb7e0;--ink-mute:#807bab;--teal:#5eead4;--violet:#a78bfa;--pink:#f0abfc;--sun:#fde68a;--sky:#7dd3fc;--coral:#fca5a5;--accent:#5eead4;--display-font:"Fredoka",system-ui,sans-serif;--body-font:"Nunito",system-ui,-apple-system,sans-serif;--card:#1a17428c;--card-brd:#ffffff1a;--r-lg:30px;--r-md:20px;--r-sm:14px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--body-font);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 800px at 80% -10%,#241a52 0%,#0000 55%),radial-gradient(1000px 700px at 0 110%,#112a44 0%,#0000 55%),linear-gradient(#0a0922 0%,#07071a 100%);min-height:100%;overflow:hidden auto}#root,.app-root{min-height:100%;overflow-x:hidden}button{cursor:pointer;font-family:inherit}::selection{background:var(--accent);color:#07071a}.starfield-wrap{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.starfield-canvas{width:100%;height:100%;position:absolute;inset:0}.nebula{filter:blur(60px);opacity:.5;mix-blend-mode:screen;border-radius:50%;animation:26s ease-in-out infinite drift;position:absolute}.nebula-a{width:560px;height:560px;top:-120px;right:-80px}.nebula-b{background:radial-gradient(circle,#7c3aed66,#0000 70%);width:520px;height:520px;animation-delay:-8s;bottom:-160px;left:-120px}.nebula-c{background:radial-gradient(circle,#ec489966,#0000 70%);width:420px;height:420px;animation-delay:-15s;top:35%;left:48%}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-26px)scale(1.08)}}.confetti-canvas{z-index:60;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.home{z-index:2;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100svh;padding:24px;display:flex;position:relative;overflow:auto}.home-card{border:1px solid var(--card-brd);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(160deg,#241f52a8,#100e2a99);grid-template-columns:1.05fr .95fr;width:min(1080px,96vw);display:grid;overflow:hidden;box-shadow:0 40px 120px -30px #000000b3,inset 0 1px #ffffff14}.home-left{padding:46px 44px 40px}.badge-pill{color:var(--ink-soft);border:1px solid var(--card-brd);letter-spacing:.01em;background:#ffffff0f;border-radius:999px;align-items:center;gap:9px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.badge-dot{background:var(--teal);width:9px;height:9px;box-shadow:0 0 12px var(--teal);border-radius:50%;animation:2s infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}.home-title{font-family:var(--display-font);letter-spacing:-.01em;background:linear-gradient(120deg,#fff 0%, var(--accent) 60%, var(--violet) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 30px #5eead440);-webkit-background-clip:text;background-clip:text;margin:22px 0 0;font-size:clamp(44px,6vw,72px);font-weight:700;line-height:.96}.home-sub{color:var(--ink-soft);max-width:30ch;margin:14px 0 0;font-size:18px;font-weight:500;line-height:1.5}.last-run{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:800;display:flex}.last-run span{border:1px solid var(--card-brd);background:#ffffff0e;border-radius:999px;align-items:center;gap:4px;padding:7px 10px;display:inline-flex}.last-run .last-run-kicker{color:var(--teal);background:#5eead417;border-color:#5eead433}.last-run b{font-family:var(--display-font);color:#fff;font-size:15px}.field{margin-top:28px}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:12px;font-size:13px;font-weight:800}.timer-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.timer-card{text-align:left;border-radius:var(--r-sm);border:1.5px solid var(--card-brd);min-height:74px;color:var(--ink);background:#ffffff0a;flex-direction:column;align-items:flex-start;gap:4px;padding:15px;transition:all .18s;display:flex}.timer-card:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-2px)}.timer-card.is-active{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal),0 12px 30px -14px var(--teal);background:#5eead41a}.timer-card-label{font-family:var(--display-font);font-size:20px;font-weight:600}.timer-card-hint{color:var(--ink-mute);font-size:12.5px;font-weight:700;line-height:1.3}.timer-card.is-active .timer-card-hint{color:var(--ink-soft)}.diff-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.diff-card{text-align:left;border-radius:var(--r-sm);border:1.5px solid var(--card-brd);color:var(--ink);background:#ffffff0a;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 16px 15px;transition:all .18s;display:flex;position:relative}.diff-card:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-2px)}.diff-card.is-active{border-color:var(--diff-accent);box-shadow:0 0 0 1px var(--diff-accent), 0 12px 30px -12px var(--diff-accent);background:#ffffff17}.diff-dots{gap:5px;display:flex}.diff-dots i{background:#ffffff2e;border-radius:50%;width:8px;height:8px}.diff-label{font-family:var(--display-font);font-size:19px;font-weight:600}.diff-hint{color:var(--ink-mute);font-size:12.5px;font-weight:600;line-height:1.3}.avatar-row{flex-wrap:wrap;gap:10px;display:flex}.avatar-chip{border-radius:var(--r-sm);border:1.5px solid var(--card-brd);background:#ffffff0a;flex-direction:column;align-items:center;gap:4px;width:84px;padding:12px 6px 9px;transition:all .18s;display:flex}.avatar-chip:hover{background:#ffffff12;transform:translateY(-3px)}.avatar-chip.is-active{border-color:var(--av-accent);box-shadow:0 0 0 1px var(--av-accent),0 14px 30px -14px var(--av-accent);background:#ffffff17}.avatar-art{width:46px;height:46px;display:block}.avatar-name{color:var(--ink-soft);font-size:12px;font-weight:800}.avatar-chip.is-active .avatar-name{color:#fff}.start-btn{font-family:var(--display-font);color:#06121a;background:linear-gradient(135deg,var(--teal),var(--sky));box-shadow:0 16px 40px -10px var(--teal), inset 0 1px 0 #ffffff80;border:none;border-radius:999px;align-items:center;gap:14px;margin-top:34px;padding:18px 34px;font-size:24px;font-weight:600;transition:all .18s;display:inline-flex}.start-btn:hover{box-shadow:0 24px 56px -12px var(--teal), inset 0 1px 0 #fff9;transform:translateY(-3px)scale(1.015)}.start-btn:active{transform:translateY(0)scale(.99)}.start-btn svg{transition:transform .2s}.start-btn:hover svg{transform:translate(4px)}.home-hero{border-left:1px solid var(--card-brd);background:radial-gradient(circle at 50% 38%,#7c3aed47,#0000 60%),linear-gradient(#ffffff08,#0000);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:relative}.hero-orbit{border:1.5px dashed #ffffff24;border-radius:50%;position:absolute}.hero-orbit-1{width:340px;height:340px;animation:40s linear infinite spin}.hero-orbit-2{border-style:solid;border-color:#ffffff12;width:250px;height:250px;animation:28s linear infinite reverse spin}.hero-planet{background:radial-gradient(circle at 32% 30%,#fef3c7,#fb923c 70%);border-radius:50%;width:64px;height:64px;position:absolute;top:24%;right:18%;box-shadow:0 0 40px -6px #fb923c,inset -6px -6px 14px #0000004d}.hero-pilot{z-index:2;width:188px;height:188px;animation:5s ease-in-out infinite float;position:relative}.hero-pilot .avatar-art{filter:drop-shadow(0 20px 30px #00000073);width:100%;height:100%}.hero-spark{opacity:.85;background:#fff;border-radius:50%;position:absolute}.hero-spark-a{width:6px;height:6px;animation:2.4s infinite twinkle;top:30%;left:24%;box-shadow:0 0 10px #fff}.hero-spark-b{width:4px;height:4px;box-shadow:0 0 8px var(--sky);animation:3s .6s infinite twinkle;bottom:30%;right:26%}.hero-spark-c{width:5px;height:5px;box-shadow:0 0 8px var(--pink);animation:2.7s 1.1s infinite twinkle;top:62%;left:60%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(-10px)}50%{transform:translateY(12px)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}.hero-badges{text-align:center;width:84%;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hero-badges-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px;font-size:11px;font-weight:800}.planet-strip{justify-content:center;gap:9px;display:flex}.planet-badge{border:1px solid var(--card-brd);background:#ffffff0d;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.planet-badge.open{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff1f}.planet-dot{background:#ffffff1f;border-radius:50%;width:18px;height:18px;box-shadow:inset -3px -3px 6px #00000059}.planet-badge.open .planet-dot{box-shadow:inset -3px -3px 6px #00000059,0 0 14px -2px}.planet-lock{color:var(--ink-mute);font-size:12px;font-weight:800;position:absolute}.home-foot{z-index:2;color:var(--ink-mute);font-size:13px;font-weight:600;position:relative}.game{z-index:2;-webkit-overflow-scrolling:touch;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:auto}.capture-input{opacity:0;width:1px;height:1px;position:absolute;top:0;left:-9999px}.hud{border-bottom:1px solid var(--card-brd);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#100e2ad9,#100e2a59);align-items:center;gap:20px;padding:16px 26px;display:flex}.hud-logo{background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;padding:6px 8px;transition:all .15s;display:flex}.hud-logo:hover{background:#ffffff0f}.hud-mark{place-items:center;width:38px;height:38px;display:grid}.hud-mark .avatar-art{width:38px;height:38px}.hud-name{font-family:var(--display-font);color:#fff;white-space:nowrap;font-size:23px;font-weight:600}.hud-stats{gap:10px;margin-left:auto;display:flex}.stat-chip{border:1px solid var(--card-brd);background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;min-width:104px;padding:9px 16px 9px 13px;display:flex}.stat-icon{font-size:20px;line-height:1}.stat-meta{flex-direction:column;line-height:1.1;display:flex}.stat-value{font-family:var(--display-font);font-variant-numeric:tabular-nums;font-size:21px;font-weight:600}.stat-label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mute);font-size:11px;font-weight:800}.hud-progress{min-width:180px;margin-left:6px}.hud-progress-top{color:var(--ink-soft);align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:flex}.hud-planet-dot{border-radius:50%;width:13px;height:13px;box-shadow:0 0 10px -1px}.progress-track{background:#ffffff14;border-radius:999px;align-items:center;gap:4px;height:12px;margin:8px 0 6px;padding:0 4px;display:flex;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent),var(--violet));height:100%;box-shadow:0 0 14px -2px var(--accent);border-radius:999px;transition:width .5s cubic-bezier(.3,.8,.3,1);position:absolute;top:0;left:0}.progress-pip{z-index:1;background:#ffffff2e;border-radius:999px;flex:1;height:4px;position:relative}.progress-pip.on{background:#07071a59}.hud-progress-next{color:var(--ink-mute);font-size:11.5px;font-weight:700}.stage{flex:1;gap:24px;min-height:0;padding:26px 26px 30px;display:flex}.stage-inner{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;min-width:0;display:flex}.word-stage{flex-direction:column;align-items:center;gap:26px;transition:all .3s;display:flex;position:relative}.word-stage.is-done{transform:scale(1.04)}.tile-row{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1vw,14px);max-width:880px;display:flex}.tile{width:clamp(50px,5.4vw,74px);height:clamp(58px,6.4vw,88px);font-family:var(--display-font);color:var(--ink-mute);background:#ffffff0b;border:1.5px solid #ffffff1a;border-radius:18px;place-items:center;font-size:clamp(28px,3.4vw,46px);font-weight:600;transition:transform .18s,background .18s,color .18s;display:grid;position:relative}.tile-shine{border-radius:inherit;pointer-events:none;opacity:.6;background:linear-gradient(#ffffff29,#0000 45%);position:absolute;inset:0}.tile-current{color:#fff;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 0 34px -4px var(--accent), inset 0 0 22px -8px var(--accent);background:#ffffff17;animation:1.3s ease-in-out infinite tilePulse}.tile-correct{color:#06121a;background:linear-gradient(165deg,#fff 0%,var(--accent) 55%);box-shadow:0 10px 26px -8px var(--accent), inset 0 1px 0 #ffffffb3;border-color:#0000;animation:.42s cubic-bezier(.2,1.4,.4,1) tilePop}@keyframes tilePulse{0%,to{box-shadow:0 0 0 2px var(--accent),0 0 30px -6px var(--accent),inset 0 0 22px -8px var(--accent)}50%{box-shadow:0 0 0 2px var(--accent),0 0 44px -2px var(--accent),inset 0 0 22px -6px var(--accent)}}@keyframes tilePop{0%{opacity:.4;transform:rotateX(-80deg)scale(.7)}55%{transform:rotateX(0)scale(1.16)}to{transform:rotateX(0)scale(1)}}.tile.shake{animation:.4s tileShake}@keyframes tileShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.tile.shake{border-color:var(--coral)!important;box-shadow:0 0 0 2px var(--coral),0 0 30px -6px var(--coral)!important}.sentence-row{z-index:1;max-width:min(820px,72vw);font-family:var(--display-font);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 5px;font-size:clamp(26px,3.1vw,42px);font-weight:600;line-height:1.45;display:flex;position:relative}.sentence-char{min-width:.62em;height:1.32em;color:var(--ink-mute);background:#ffffff09;border:1px solid #0000;border-radius:8px;place-items:center;transition:all .16s;display:inline-grid}.sentence-space{background:0 0;min-width:.24em}.sentence-current{color:#fff;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 26px -5px var(--accent);background:#5eead41f}.sentence-space.sentence-current{background:#5eead42e}.sentence-correct{color:#06121a;background:linear-gradient(165deg,#fff 0%,var(--accent) 65%);box-shadow:0 8px 22px -10px var(--accent)}.sentence-space.sentence-correct{background:#5eead473}.sentence-char.shake{animation:.4s tileShake;border-color:var(--coral)!important;box-shadow:0 0 0 2px var(--coral),0 0 28px -8px var(--coral)!important}.points-burst{z-index:4;color:#06121a;min-width:122px;font-family:var(--display-font);box-shadow:0 0 0 5px #fde68a1f,0 16px 38px -14px var(--sun);white-space:nowrap;background:linear-gradient(135deg,#fde68af5,#5eead4eb);border:1px solid #fde68a80;border-radius:999px;justify-content:center;align-items:center;padding:9px 16px;font-size:20px;font-weight:700;animation:1.05s cubic-bezier(.2,1.45,.35,1) both pointsBurst;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@keyframes pointsBurst{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.62)}12%{opacity:1}72%{opacity:1;transform:translate(-50%)translateY(-8px)scale(1.08)}to{opacity:0;transform:translate(-50%)translateY(-26px)scale(.98)}}.feedback{justify-content:center;align-items:center;height:34px;display:flex}.feedback-cheer{font-family:var(--display-font);background:linear-gradient(100deg,var(--sun),var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:600;animation:.5s cubic-bezier(.2,1.5,.4,1) cheerPop}@keyframes cheerPop{0%{opacity:0;transform:scale(.5)translateY(8px)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.feedback-nudge{font-family:var(--display-font);color:var(--coral);font-size:20px;font-weight:500;animation:.4s cheerPop}.feedback-hint{color:var(--ink-mute);font-size:15px;font-weight:600}.scope{box-shadow:inset 0 0 60px -20px var(--accent), 0 30px 80px -40px #000;background:radial-gradient(circle at 50% 40%,#5eead41a,#100e2a66 70%);border:1.5px solid #ffffff1a;border-radius:36px;place-items:center;padding:48px 56px;display:grid;position:relative}.scope:before,.scope:after{content:"";border:2.5px solid var(--accent);opacity:.7;width:18px;height:18px;position:absolute}.scope:before{border-bottom:none;border-right:none;border-radius:6px 0 0;top:14px;left:14px}.scope:after{border-top:none;border-left:none;border-radius:0 0 6px;bottom:14px;right:14px}.scope-ring{border:1.5px solid #ffffff14;border-radius:50%;position:absolute}.scope-ring-1{width:420px;height:420px;animation:30s linear infinite spin}.scope-ring-2{border-style:dashed;border-color:#5eead433;width:300px;height:300px;animation:22s linear infinite reverse spin}.scope-cross{background:#ffffff0f;position:absolute}.scope-cross-v{width:1.5px;height:440px}.scope-cross-h{width:440px;height:1.5px}.scope-label{font-family:var(--body-font);letter-spacing:.28em;color:var(--accent);text-shadow:0 0 12px var(--accent);font-size:12px;font-weight:800;position:absolute;top:24px;left:50%;transform:translate(-50%)}.orbit-stage{place-items:center;padding:54px 60px;display:grid;position:relative}.orbit-ring{border:1.5px solid #ffffff1f;border-radius:50%;width:560px;height:320px;position:absolute;transform:rotate(-8deg)}.orbit-planet{background:radial-gradient(circle at 34% 30%,#fff,var(--planet-color) 75%);width:26px;height:26px;box-shadow:0 0 24px -2px var(--planet-color);offset-path:ellipse(280px 160px at 50% 50%);border-radius:50%;animation:14s linear infinite orbitMove;position:absolute}@supports not (offset-path:ellipse(1px 1px at 0 0)){.orbit-planet{top:6%;left:50%}}@keyframes orbitMove{to{offset-distance:100%}}.orbit-glow{background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.16;filter:blur(20px);border-radius:50%;width:340px;height:200px;position:absolute}.orbit-tag{letter-spacing:.06em;color:var(--ink-soft);font-size:13px;font-weight:800;position:absolute;top:6px;left:50%;transform:translate(-50%)}.type-bar{border:2px solid var(--card-brd);min-width:min(560px,80vw);height:64px;color:var(--ink-soft);background:#ffffff0d;border-radius:18px;align-items:center;gap:16px;padding:0 26px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.type-bar:hover{background:#ffffff14}.type-bar.is-focused{border-color:var(--accent);box-shadow:0 0 0 4px #5eead424,0 12px 30px -14px var(--accent);background:#5eead414}.type-caret{background:var(--accent);opacity:0;border-radius:2px;width:3px;height:28px}.type-bar.is-focused .type-caret{opacity:1;animation:1.05s step-end infinite blink}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.type-progress{font-family:var(--display-font);color:var(--ink);font-weight:500}.type-progress b{color:var(--accent);font-size:19px}.type-hint{color:var(--ink-mute);margin-left:auto;font-size:14px;font-weight:700}.panel{flex-direction:column;flex-shrink:0;gap:16px;width:286px;display:flex}.panel-card{background:var(--card);border:1px solid var(--card-brd);border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px}.panel-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-pilot{background:#ffffff0f;border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.panel-pilot .avatar-art{width:42px;height:42px}.panel-pilot-name{font-family:var(--display-font);font-size:19px;font-weight:600}.panel-pilot-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);font-size:12px;font-weight:800}.panel-metric{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;flex-direction:column;align-items:center;padding:14px 0 16px;display:flex}.panel-metric-num{font-family:var(--display-font);background:linear-gradient(120deg,#fff,var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:54px;font-weight:700;line-height:1}.panel-metric-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute);margin-top:6px;font-size:13px;font-weight:800}.panel-streak{font-family:var(--display-font);color:var(--ink-soft);justify-content:center;align-items:center;gap:9px;margin-top:16px;font-size:18px;font-weight:500;display:flex}.panel-streak-flame{color:var(--ink-mute);font-size:22px;transition:all .2s}.panel-streak-flame[data-on="1"]{color:var(--pink);text-shadow:0 0 16px var(--pink);animation:1.2s ease-in-out infinite flameing}@keyframes flameing{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.panel-timer{background:#fca5a517;border:1px solid #fca5a52e;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.panel-timer-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);font-size:12px;font-weight:800}.panel-timer-value{font-family:var(--display-font);color:#fff;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.panel-practice{flex-direction:column;flex:1;min-height:0;display:flex}.panel-title{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:12px;font-size:13px;font-weight:800}.panel-empty{color:var(--ink-mute);font-size:14px;font-weight:600;line-height:1.5}.practice-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.practice-word{font-family:var(--display-font);color:var(--ink-soft);background:#fca5a51a;border:1px solid #fca5a538;border-radius:11px;padding:9px 14px;font-size:17px;font-weight:500}.exit-btn{border-radius:var(--r-sm);border:1px solid var(--card-brd);color:var(--ink-soft);background:#ffffff0a;padding:14px;font-size:15px;font-weight:800;transition:all .15s}.exit-btn:hover{color:#fff;background:#ffffff17}.toast{z-index:70;border:1px solid var(--card-brd);background:linear-gradient(135deg,#241f52f5,#1a1742f5);border-radius:18px;align-items:center;gap:14px;padding:16px 24px 16px 18px;animation:.5s cubic-bezier(.2,1.3,.4,1) toastIn;display:flex;position:fixed;top:26px;left:50%;transform:translate(-50%);box-shadow:0 30px 70px -20px #000}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast-planet{border-radius:50%;width:38px;height:38px;box-shadow:0 0 24px -2px,inset -5px -5px 10px #0000004d}.toast-title{font-family:var(--display-font);font-size:20px;font-weight:600}.toast-sub{color:var(--ink-soft);font-size:13.5px;font-weight:600}.summary-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07071aad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.summary-card{border-radius:var(--r-md);border:1px solid var(--card-brd);text-align:center;background:linear-gradient(160deg,#241f52f5,#100e2af5);width:min(620px,92vw);padding:30px;animation:.34s cubic-bezier(.2,1.25,.4,1) summaryIn;box-shadow:0 34px 90px -24px #000,inset 0 1px #ffffff14}.summary-kicker{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;background:#fca5a51a;border:1px solid #fca5a538;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.summary-title{font-family:var(--display-font);color:#fff;margin:14px 0 22px;font-size:clamp(34px,7vw,50px);line-height:1}.summary-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px;display:grid}.summary-stat{border-radius:var(--r-sm);border:1px solid var(--card-brd);background:#ffffff0e;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:98px;padding:12px 8px;display:flex}.summary-value{font-family:var(--display-font);color:var(--teal);font-variant-numeric:tabular-nums;font-size:clamp(28px,5vw,38px);font-weight:700;line-height:1}.summary-label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mute);font-size:11px;font-weight:900;line-height:1.25}.summary-home-btn{background:linear-gradient(135deg,var(--teal),var(--sky));color:#06121a;min-width:180px;min-height:54px;font-family:var(--display-font);box-shadow:0 16px 40px -14px var(--teal), inset 0 1px 0 #ffffff73;border:0;border-radius:999px;justify-content:center;align-items:center;padding:14px 26px;font-size:21px;font-weight:700;transition:all .16s;display:inline-flex}.summary-home-btn:hover{box-shadow:0 22px 52px -16px var(--teal);transform:translateY(-2px)}@keyframes summaryIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important}}@media (width<=1080px){.home-card{grid-template-columns:1fr}.home-hero{display:none}.panel{width:248px}}@media (width<=840px){.hud{flex-wrap:wrap}.hud-progress{order:3;width:100%;margin-left:0}.panel{display:none}.diff-row{grid-template-columns:repeat(2,1fr)}.sentence-row{max-width:86vw;font-size:clamp(22px,6vw,32px)}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.home-left{padding:34px 24px 30px}.timer-row,.diff-row{grid-template-columns:1fr}.start-btn{justify-content:center;width:100%;padding-inline:24px;font-size:22px}.game{min-height:100svh}.stage{flex:none;min-height:auto;padding:22px 16px 28px}.stage-inner{justify-content:flex-start;gap:22px}.scope{width:100%;padding:44px 18px 38px}.type-bar{width:100%;min-width:0;padding:0 18px}.summary-card{padding:24px 18px}.summary-stat:last-child{grid-column:1/-1}}