@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Source+Serif+4:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@500;700&family=Caveat:wght@600;700&display=swap";:root{--color-page: #F1EBE1;--color-bg: #FBF7F0;--color-surface: #FFFFFF;--color-ink: #2B2622;--color-ink-deep: #1E1A17;--color-muted: #7A716A;--color-line: #EADFD0;--color-chip: #F3EDE3;--color-you: #3B7BF2;--color-you-soft: #E3EDFF;--color-you-ink: #2557C7;--color-rival: #F2655A;--color-rival-soft: #FFE4E0;--color-rival-ink: #C2382E;--color-pace: #E9B23B;--color-pace-soft: #FFF1CC;--color-pace-ink: #8A5A00;--color-correct: #3EAE6A;--color-correct-soft: #DDF3E5;--color-correct-ink: #1D7A43;--color-wrong: #C2382E;--color-wrong-soft: #FFE4E0;--color-highlight: #FFE68A;--color-track: #EADFD0;--color-practice: #D9D0FB;--color-practice-ink: #3A2C8C;--color-ranked: #E9B23B;--color-zippy: #F6C544;--color-boss: #7CC4F5;--color-ponder: #8FE0A8;--font-display: "Baloo 2", system-ui, sans-serif;--font-passage: "Source Serif 4", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--font-hand: "Caveat", "Comic Sans MS", cursive;--text-display: 40px;--text-display-desk: 56px;--text-h1: 30px;--text-h2: 22px;--text-body: 16px;--text-small: 13px;--text-passage: 17px;--text-passage-desk: 19px;--leading-passage: 1.6;--text-clock: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-chip: 14px;--radius-card: 18px;--radius-panel: 22px;--radius-pill: 999px;--border: 2px solid var(--color-ink);--shadow-offset: 3px 3px 0 var(--color-ink);--shadow-pressed: 1px 1px 0 var(--color-ink);--motion-hp-drain: .6s;--motion-vs: .9s;--motion-clock-pulse: 1s;--motion-mood: .18s;--motion-confetti: 1.4s;--motion-press: 90ms;--ease-out: cubic-bezier(.2, .8, .2, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-page: #0E0C0B;--color-bg: #1A1715;--color-surface: #231F1C;--color-ink: #F3EDE3;--color-ink-deep: #0E0C0B;--color-muted: #A79C90;--color-line: #3A332E;--color-chip: #3A332E;--color-you: #5B93FF;--color-you-soft: #1F2A44;--color-you-ink: #9DBBFF;--color-rival: #FF7A6E;--color-rival-soft: #4A2620;--color-rival-ink: #FFB3AB;--color-pace: #F0C25A;--color-pace-soft: #3D3018;--color-pace-ink: #FFD98A;--color-correct: #4CC27C;--color-correct-soft: #163A26;--color-correct-ink: #8FE0B0;--color-wrong: #FF7A6E;--color-wrong-soft: #4A2620;--color-highlight: #6B5A12;--color-track: #3A332E;--color-practice: #3A3170;--color-practice-ink: #D9D0FB;color-scheme:dark}}:root[data-theme=dark]{--color-page: #0E0C0B;--color-bg: #1A1715;--color-surface: #231F1C;--color-ink: #F3EDE3;--color-ink-deep: #0E0C0B;--color-muted: #A79C90;--color-line: #3A332E;--color-chip: #3A332E;--color-you: #5B93FF;--color-you-soft: #1F2A44;--color-you-ink: #9DBBFF;--color-rival: #FF7A6E;--color-rival-soft: #4A2620;--color-rival-ink: #FFB3AB;--color-pace: #F0C25A;--color-pace-soft: #3D3018;--color-pace-ink: #FFD98A;--color-correct: #4CC27C;--color-correct-soft: #163A26;--color-correct-ink: #8FE0B0;--color-wrong: #FF7A6E;--color-wrong-soft: #4A2620;--color-highlight: #6B5A12;--color-track: #3A332E;--color-practice: #3A3170;--color-practice-ink: #D9D0FB;color-scheme:dark}:root{--on-you: #FFFFFF;--rail-w: 232px;--tab-h: 68px;--practice-tex: rgba(58, 44, 140, .055)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--on-you: #0E0C0B;--practice-tex: rgba(217, 208, 251, .05)}}:root[data-theme=dark]{--on-you: #0E0C0B;--practice-tex: rgba(217, 208, 251, .05)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--color-page);color:var(--color-ink);font:500 var(--text-body)/1.45 var(--font-display);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100dvh}h1,h2,h3,p{margin:0}h1{font:800 var(--text-h1)/1.08 var(--font-display);letter-spacing:-.01em}h2{font:800 var(--text-h2)/1.15 var(--font-display)}button,input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-chip);padding:1px 6px;border-radius:6px}.mono{font-family:var(--font-mono);font-weight:700}.muted{color:var(--color-muted)}.small{font-size:var(--text-small)}.block{display:block}.center{text-align:center}.grow{flex:1;min-width:0}.kicker{font:700 11px var(--font-mono);letter-spacing:.08em;color:var(--color-muted);display:flex;gap:8px;align-items:center;margin-bottom:4px}.label{font:700 11px var(--font-mono);letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase;display:block;margin-bottom:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:-999px;top:8px;z-index:100;background:var(--color-ink);color:var(--color-bg);padding:8px 14px;border-radius:10px}.skip-link:focus{left:8px}:focus-visible{outline:3px solid var(--color-you);outline-offset:2px;border-radius:10px}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-5)}.row-gap{display:flex;gap:var(--space-3);align-items:center}.row-gap.wrap{flex-wrap:wrap}.art{display:inline-flex;flex-shrink:0;line-height:0}.art svg{width:100%;height:100%}.art-ghost{opacity:.6}.mock-strip{position:sticky;top:0;z-index:60;background:repeating-linear-gradient(-45deg,var(--color-pace) 0 12px,var(--color-pace-soft) 12px 24px);color:#2b2622;border-bottom:2px solid var(--color-ink);text-align:center;font:700 11px var(--font-mono);letter-spacing:.12em;padding:3px 8px}.mock-strip{text-shadow:0 0 4px #FFF1CC,0 0 2px #FFF1CC}.dev{position:fixed;right:12px;bottom:calc(var(--tab-h) + 12px);z-index:80;width:min(330px,calc(100vw - 24px));background:var(--color-surface);border:var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-offset);padding:10px 12px;font-size:13px}.dev-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.dev-head .mono{font-size:11px;color:var(--color-muted)}.dev-sec{font:700 10px var(--font-mono);letter-spacing:.1em;color:var(--color-muted);text-transform:uppercase;margin:8px 0 4px}.dev-row{display:flex;flex-wrap:wrap;gap:6px}.dev-btn{min-height:32px;padding:4px 9px;border:2px solid var(--color-ink);border-radius:10px;background:var(--color-chip);font:700 12px var(--font-mono);cursor:pointer}.dev-btn.warn{background:var(--color-rival-soft)}.dev-btn.on{background:var(--color-you-soft)}.dev-foot{margin-top:8px;font-size:10px;color:var(--color-muted)}.dev-fab{position:fixed;right:12px;bottom:calc(var(--tab-h) + 12px);z-index:80;width:44px;height:44px;border-radius:50%;border:var(--border);background:var(--color-pace);box-shadow:var(--shadow-offset);cursor:pointer;display:grid;place-items:center;color:#2b2622}@media(min-width:1024px){.dev,.dev-fab{bottom:16px}}.shell{min-height:100dvh}.main{max-width:560px;margin:0 auto;min-height:100dvh;background:var(--color-bg);padding-bottom:calc(var(--tab-h) + 24px);border-inline:2px solid var(--color-line)}.page{padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;height:var(--tab-h);display:flex;background:var(--color-surface);border-top:var(--border);padding:4px 4px max(4px,env(safe-area-inset-bottom))}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font:700 11px var(--font-display);color:var(--color-muted);min-height:44px;border-radius:12px}.tab-ico{width:40px;height:28px;border-radius:10px;display:grid;place-items:center;transition:background var(--motion-mood) var(--ease-out)}.tab.on{color:var(--color-ink)}.tab.on .tab-ico{background:var(--color-you);color:var(--on-you);border:2px solid var(--color-ink)}.rail{display:none}@media(min-width:1024px){.tabbar{display:none}.shell{display:grid;grid-template-columns:var(--rail-w) 1fr}.main{max-width:none;width:100%;margin:0;border:0;padding-bottom:48px}.page{max-width:880px;margin:0 auto;padding:var(--space-6) var(--space-6)}.page-wide{max-width:1180px}.rail{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:0;height:100dvh;padding:var(--space-5) var(--space-4);border-right:var(--border);background:var(--color-surface)}.mock-strip+.shell .rail,.mock-strip~.shell .rail{height:calc(100dvh - 22px);top:22px}}.rail-brand{display:flex;align-items:center;gap:8px;font:800 24px var(--font-display)}.brand-mark{background:var(--color-rival);color:#fff;border:2px solid var(--color-ink);border-radius:10px;padding:0 8px;font:800 .8em var(--font-display);box-shadow:2px 2px 0 var(--color-ink);transform:rotate(-4deg);display:inline-block}.rail-role{align-self:flex-start;background:var(--color-practice);color:var(--color-practice-ink);border:2px solid var(--color-ink);border-radius:999px;padding:0 10px;font:700 12px var(--font-mono)}.rail-nav{display:flex;flex-direction:column;gap:4px}.rail-item{display:flex;gap:10px;align-items:center;min-height:44px;padding:8px 12px;border-radius:14px;font-weight:700;color:var(--color-muted);border:2px solid transparent;transition:background var(--motion-mood) var(--ease-out)}.rail-item:hover{background:var(--color-chip);color:var(--color-ink)}.rail-item.on{background:var(--color-you-soft);color:var(--color-ink);border-color:var(--color-ink);box-shadow:var(--shadow-offset)}.rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.rail-me{display:flex;align-items:center;gap:10px;font-weight:800;padding:6px;border-radius:14px}.rail-me:hover{background:var(--color-chip)}.bare{min-height:100dvh;background:var(--color-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border:var(--border);border-radius:16px;background:var(--color-surface);color:var(--color-ink);font:800 16px var(--font-display);cursor:pointer;box-shadow:var(--shadow-offset);transition:transform var(--motion-press) ease,box-shadow var(--motion-press) ease,background var(--motion-mood) ease;text-align:center;white-space:nowrap}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--color-you);color:var(--on-you)}.btn-gold{background:var(--color-pace);color:#2b2622}.btn-rival{background:var(--color-rival-soft);color:var(--color-rival-ink)}.btn-plain{background:var(--color-surface)}.btn-small{min-height:44px;padding:6px 12px;font-size:14px;border-radius:12px;box-shadow:2px 2px 0 var(--color-ink)}.btn-lg{min-height:56px;font-size:18px;border-radius:18px}.btn.full{width:100%}.btn small{font-weight:600;opacity:.8}.icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border:2px solid var(--color-ink);border-radius:12px;background:var(--color-surface);cursor:pointer;flex-shrink:0}.link{display:inline-flex;align-items:center;gap:4px;font:800 14px var(--font-display);color:var(--color-you-ink);min-height:44px}.back{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--color-muted);min-height:44px;align-self:flex-start}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--color-surface);border:var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-offset);padding:var(--space-4)}.chip{display:inline-flex;align-items:center;gap:4px;border:2px solid var(--color-ink);border-radius:999px;padding:1px 10px;font:800 12px var(--font-display);white-space:nowrap;background:var(--color-chip)}.chip-you{background:var(--color-you-soft);color:var(--color-you-ink)}.chip-rival{background:var(--color-rival-soft);color:var(--color-rival-ink)}.chip-pace{background:var(--color-pace-soft);color:var(--color-pace-ink)}.chip-correct{background:var(--color-correct-soft);color:var(--color-correct-ink)}.chip-dark{background:var(--color-ink);color:var(--color-bg)}.practice-badge{display:inline-flex;align-items:center;gap:6px;background:var(--color-practice);color:var(--color-practice-ink);border:2px solid var(--color-ink);border-radius:999px;padding:2px 10px;font:700 11px var(--font-mono);letter-spacing:.1em;align-self:flex-start}.ranked-ribbon{position:relative;display:inline-flex;align-items:center;gap:6px;background:var(--color-ranked);color:#2b2622;border:2px solid var(--color-ink);padding:2px 16px 2px 10px;font:700 11px var(--font-mono);letter-spacing:.1em;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%);align-self:flex-start}.ai-tag{display:inline-block;margin-left:6px;background:var(--color-ink);color:var(--color-bg);border-radius:6px;padding:0 5px;font:700 10px var(--font-mono);vertical-align:2px}.you-tag{display:inline-block;margin-left:6px;background:var(--color-you);color:var(--on-you);border-radius:6px;padding:0 5px;font:700 10px var(--font-mono);vertical-align:2px}.practice-tex{background-image:repeating-linear-gradient(-45deg,var(--practice-tex) 0 2px,transparent 2px 14px)}.pagehead{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.pagehead p{margin-top:4px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);gap:8px}.sectionhead h2{font-size:18px}.skel{display:block;background:linear-gradient(90deg,var(--color-chip),var(--color-line),var(--color-chip));background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skel-card{display:flex;flex-direction:column;gap:10px;box-shadow:none;border-color:var(--color-line)}.loading-head{display:flex;align-items:center;gap:10px}.state-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--color-surface);border:2px dashed var(--color-ink);border-radius:var(--radius-panel);margin:var(--space-4)}.state-card.compact{padding:var(--space-4);margin:0}.state-card p{max-width:42ch}.unavail,.boot{min-height:80dvh;display:grid;place-items:center;padding:var(--space-4)}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.form-err{color:var(--color-wrong);font-weight:700}.form-err:before{content:"! "}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tab-h) + 20px);z-index:90;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;gap:8px;align-items:center;background:var(--color-ink);color:var(--color-bg);border-radius:999px;padding:8px 16px;font:700 14px var(--font-display);white-space:nowrap;animation:toastIn .26s var(--ease-out);box-shadow:2px 2px 0 var(--color-rival)}.toast-ok svg{color:var(--color-correct)}.toast-ghost{background:var(--color-practice);color:var(--color-practice-ink);border:2px solid var(--color-ink);box-shadow:none}@keyframes toastIn{0%{opacity:0;transform:translateY(10px) scale(.96)}}@media(min-width:1024px){.toasts{bottom:28px}}.page-in{animation:pageIn .32s var(--ease-out) both}.phase-in{animation:pageIn .26s var(--ease-out) both;display:flex;flex-direction:column;gap:var(--space-4)}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}}.field{display:flex;flex-direction:column;gap:4px;border:0;padding:0;margin:0;min-width:0}.field legend{padding:0}.input{min-height:48px;border:var(--border);border-radius:14px;background:var(--color-surface);padding:8px 14px;font:600 17px var(--font-display);width:100%}.hint{font-size:11px;color:var(--color-muted)}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--color-chip);border:2px solid var(--color-ink);border-radius:16px;align-self:flex-start;max-width:100%}.seg-btn{min-height:40px;padding:4px 14px;border-radius:12px;border:2px solid transparent;background:transparent;font-weight:800;cursor:pointer;display:inline-flex;gap:6px;align-items:center;color:var(--color-muted)}.seg-btn.on{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-ink);box-shadow:2px 2px 0 var(--color-ink)}.seg-count{font-size:11px;background:var(--color-line);border-radius:6px;padding:0 5px}.pill-wrap{display:flex;flex-wrap:wrap;gap:8px}.pill{min-height:44px;padding:6px 14px;border:2px solid var(--color-ink);border-radius:999px;background:var(--color-surface);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--motion-mood) ease}.pill.on{background:var(--color-ink);color:var(--color-bg)}.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:480px){.two{grid-template-columns:1fr}}.welcome{max-width:560px;margin:0 auto;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.welcome-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.welcome-cast{display:flex;align-items:flex-end;gap:4px;margin-bottom:6px}.welcome-form{display:flex;flex-direction:column;gap:var(--space-4)}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:0;padding:0;margin:0}.sticker-grid legend{margin-bottom:6px}.sticker-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:2px solid var(--color-line);border-radius:18px;background:var(--color-bg);cursor:pointer;font-size:10px;transition:transform var(--motion-mood) var(--ease-out),border-color var(--motion-mood)}.sticker-opt.on{border-color:var(--color-ink);background:var(--color-you-soft);box-shadow:var(--shadow-offset);transform:rotate(-2deg)}.preview-row{display:flex;align-items:center;gap:12px;padding:10px;border:2px dashed var(--color-line);border-radius:14px}.login{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;max-width:560px;margin:0 auto}.login-stage{position:relative;height:300px;display:grid;place-items:end center;overflow:hidden;background:var(--color-you);border-bottom:var(--border)}.login-burst{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 100%,rgba(255,255,255,.13) 0 8deg,transparent 8deg 16deg)}.login-cast{position:relative;display:flex;align-items:flex-end;gap:6px;padding-bottom:18px}.login-copy{padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.brand-big{font:800 44px/1 var(--font-display);display:flex;align-items:center;gap:10px}.lede{font:600 18px/1.4 var(--font-display)}.launch-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(min-width:1024px){.login{max-width:1100px;grid-template-columns:1fr 1fr;grid-template-rows:1fr;align-items:center;gap:48px;padding:48px}.login-stage{height:520px;border:var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-offset)}.brand-big{font-size:var(--text-display-desk)}}.home-head{display:flex;align-items:center;gap:12px}.record{text-align:right;background:var(--color-surface);border:var(--border);border-radius:14px;padding:6px 10px;box-shadow:2px 2px 0 var(--color-ink)}.record-num{font-size:20px}.record-sub{font-size:9px;color:var(--color-muted);display:flex;align-items:center;gap:3px}.tip{display:flex;gap:12px;align-items:center;background:var(--color-pace-soft)}.bubble-text{font:700 21px/1.15 var(--font-hand)}.hstrip{display:flex;gap:12px;overflow-x:auto;padding:2px 4px 8px 2px;scroll-snap-type:x mandatory}.comp-card{scroll-snap-align:start;flex:0 0 230px;display:flex;flex-direction:column;gap:4px;padding:14px;border:var(--border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-offset);position:relative;transition:transform var(--motion-press)}.comp-card.hot{background:var(--color-you);color:var(--on-you)}.comp-card:hover{transform:translate(-1px,-1px)}.comp-name{font:800 17px var(--font-display)}.comp-cta{position:absolute;right:12px;bottom:12px;background:var(--color-pace);color:#2b2622;border:2px solid var(--color-ink);border-radius:10px;padding:0 10px;font-weight:800}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.entry{display:flex;flex-direction:column;gap:2px;padding:14px;border:var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-offset);min-height:110px;transition:transform var(--motion-press)}.entry:hover{transform:translate(-1px,-1px) rotate(-.5deg)}.entry-tests{background:var(--color-correct-soft)}.entry-practice{background:var(--color-practice);color:var(--color-practice-ink)}.entry-ico{width:40px;height:40px;border:2px solid var(--color-ink);border-radius:12px;display:grid;place-items:center;background:var(--color-surface);color:var(--color-ink);margin-bottom:6px}.arow{display:flex;align-items:center;gap:12px;padding:10px 12px;border:var(--border);border-radius:var(--radius-card);background:var(--color-surface);min-height:64px;transition:transform var(--motion-press),box-shadow var(--motion-press);box-shadow:2px 2px 0 var(--color-ink)}a.arow:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-offset)}.arow.done{box-shadow:none;border-color:var(--color-line)}.arow-body{flex:1;min-width:0;display:flex;flex-direction:column}.place{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--color-ink);border-radius:12px;background:var(--color-chip)}.place.p1{background:var(--color-pace);color:#2b2622}.place.p2{background:var(--color-you-soft)}.place.p3{background:var(--color-rival-soft)}.friend{display:flex;align-items:center;gap:10px;padding:6px 10px;border:2px solid var(--color-line);border-radius:14px;background:var(--color-surface);min-height:56px}.wl{font-size:18px;padding:2px 10px;border-radius:10px;border:2px solid var(--color-ink)}.wl.w{background:var(--color-correct-soft);color:var(--color-correct-ink)}.wl.l{background:var(--color-rival-soft);color:var(--color-rival-ink);border-style:dashed}.wl small{font-size:11px}.tests-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.test-card{flex:1 0 120px;display:flex;flex-direction:column;padding:12px;border:2px solid var(--color-ink);border-radius:16px;background:var(--color-surface)}.test-card.best{background:var(--color-you-soft);box-shadow:var(--shadow-offset)}.test-card .score{font-size:28px}.skill-row{display:flex;flex-direction:column;gap:6px;padding:12px;border:2px solid var(--color-line);border-radius:16px;background:var(--color-surface)}.skill-row.weak{border-color:var(--color-ink);border-style:dashed}.skill-top{display:flex;justify-content:space-between;gap:8px}.skill-top .mono{font-size:13px;white-space:nowrap}.skill-bar,.meter{height:12px;border:2px solid var(--color-ink);border-radius:999px;overflow:hidden;background:var(--color-chip)}.skill-bar span,.meter span{display:block;height:100%;background:var(--color-correct);transform-origin:left;transition:transform var(--motion-hp-drain) var(--ease-out)}.skill-row.weak .skill-bar span{background:var(--color-rival)}.meter.sm{height:8px;margin-top:4px}.meter span{background:var(--color-you)}.skill-row .btn{align-self:flex-start}.practice-sum{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;background:var(--color-practice);color:var(--color-practice-ink)}.sum-stats{display:flex;gap:14px}.sum-stats span{display:flex;flex-direction:column;align-items:center}.sum-stats small{font:700 10px var(--font-display)}.setup{max-width:560px;margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);min-height:100dvh}.rival{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:var(--border);border-radius:var(--radius-card);background:var(--color-surface);cursor:pointer;text-align:left;transition:transform var(--motion-mood) var(--ease-out),box-shadow var(--motion-mood)}.rival.on{box-shadow:var(--shadow-offset);transform:translate(-1px,-1px)}.rival-zippy.on{background:color-mix(in srgb,var(--color-zippy) 28%,var(--color-surface))}.rival-boss.on{background:color-mix(in srgb,var(--color-boss) 28%,var(--color-surface))}.rival-ponder.on{background:color-mix(in srgb,var(--color-ponder) 28%,var(--color-surface))}.rival-art{flex-shrink:0}.rival-body{flex:1;display:flex;flex-direction:column;min-width:0}.rival-name{font:800 20px var(--font-display)}.rival-meta{font-size:10px;color:var(--color-muted)}.rival-line{font:700 19px/1.1 var(--font-hand)}.rival-check{width:28px;height:28px;border:2px solid var(--color-ink);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.rival.on .rival-check{background:var(--color-you);color:var(--on-you)}.confirm-line{background:var(--color-pace-soft);color:var(--color-pace-ink);border:2px dashed var(--color-ink);border-radius:14px;padding:10px 12px;font-weight:600}.ghost-hero{position:relative;display:grid;place-items:center;padding:12px}.ghost-float{position:absolute;right:30%;top:0;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px)}}.vs{position:relative;min-height:100dvh;overflow:hidden;background:#1e2a44;color:#fff;display:flex;flex-direction:column}.vs-left,.vs-right{position:absolute;top:0;bottom:0;width:90%;transform:skew(-14deg)}.vs-left{left:-40%;background:var(--color-you);animation:slideL var(--motion-vs) var(--ease-out) both}.vs-right{right:-40%;background:var(--color-rival);animation:slideR var(--motion-vs) var(--ease-out) both}@keyframes slideL{0%{transform:skew(-14deg) translate(-60%)}}@keyframes slideR{0%{transform:skew(-14deg) translate(60%)}}.vs-body{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;max-width:700px;margin:0 auto;width:100%}.vs-label{font-size:13px;letter-spacing:2px;opacity:.95;text-align:center}.vs-row{display:flex;align-items:center;gap:6px;width:100%}.vs-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}.vs-side b{font:800 22px var(--font-display)}.vs-frame{background:#fbf7f0;border:3px solid #2B2622;border-radius:28px;padding:10px;line-height:0}.vs-word{font:800 64px/1 var(--font-display);text-shadow:4px 4px 0 #2B2622;transform:rotate(-8deg)}.vs-word.slam{animation:slam .52s cubic-bezier(.3,1.6,.5,1) both}@keyframes slam{0%{transform:rotate(-8deg) scale(2.6);opacity:0}}.vs-quote{background:#fbf7f0;color:#2b2622;border:2px solid #2B2622;border-radius:18px;padding:6px 16px;font:700 21px var(--font-hand)}.vs-stats{display:flex;gap:10px}.vs-stats div{background:#2b2622;border-radius:14px;padding:8px 14px;text-align:center;display:flex;flex-direction:column}.vs-stats b{font-size:18px}.vs-stats small{font:700 10px var(--font-display);color:#e9b23b}.vs-resume{background:#2b2622;padding:4px 12px;border-radius:999px;font-weight:700}.vs-foot{position:relative;padding:0 20px 36px;max-width:560px;width:100%;margin:0 auto}.vs-foot .btn{width:100%;border-width:3px}.vs .ranked-ribbon,.vs .practice-badge{align-self:center}.battle{min-height:100dvh;background-color:var(--color-bg);display:flex;flex-direction:column;max-width:560px;margin:0 auto;border-inline:2px solid var(--color-line)}.bhead{position:sticky;top:0;z-index:20;background:var(--color-surface);border-bottom:var(--border);padding:8px 14px 6px;display:flex;flex-direction:column;gap:6px}.mock-strip~.bare .bhead{top:22px}.bhead-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.bhead-top .icon-btn{width:40px;height:40px}.hp-row{display:flex;align-items:center;gap:8px}.hp{flex:1;height:14px;border:2px solid var(--color-ink);border-radius:999px;overflow:hidden;background:var(--color-surface)}.hp-fill{height:100%;width:100%;transition:transform var(--motion-hp-drain) var(--ease-out)}.hp-you .hp-fill{background:var(--color-you);transform-origin:left}.hp-rival .hp-fill{background:var(--color-rival);transform-origin:right}.hp-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--color-muted)}.clock{background:var(--color-ink);color:var(--color-bg);border-radius:10px;padding:3px 8px;text-align:center;min-width:70px;line-height:1.1;transition:background var(--motion-mood)}.clock-num{font:700 17px var(--font-mono);display:block}.clock.paused{background:var(--color-line);color:var(--color-ink)}.clock.paused .clock-num{font-size:12px}.clock-sub{font:700 9px var(--font-mono);display:flex;align-items:center;gap:2px;justify-content:center}.clock.low{background:var(--color-rival);color:#fff}.clock.low.paused{background:var(--color-line);color:var(--color-ink)}.clock.pulse{animation:pulse var(--motion-clock-pulse) ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.1)}}.opp-av.is-ghost{opacity:.9}.track{position:relative;height:18px;display:flex;align-items:center}.track-line{position:absolute;left:0;right:0;height:2px;background:var(--color-ink)}.track-slot{flex:1;display:flex;justify-content:center;position:relative}.track-dot{width:8px;height:8px;border-radius:50%;background:var(--color-surface);border:1.5px solid var(--color-ink)}.track-dot.won{background:var(--color-you)}.track-dot.lost{background:var(--color-rival)}.track-me,.track-opp{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid var(--color-ink);transition:left .25s linear}.track-me{background:var(--color-you);top:-4px}.track-opp{background:var(--color-rival);top:10px}.track-opp.ghost{background:var(--color-practice);border-style:dashed}.offline-bar,.err-bar{display:flex;align-items:center;gap:8px;justify-content:center;padding:8px 12px;font-weight:700;border-bottom:2px solid var(--color-ink)}.offline-bar{background:var(--color-pace-soft);color:var(--color-pace-ink)}.err-bar{background:var(--color-rival-soft);color:var(--color-rival-ink);justify-content:space-between}.bgrid{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-6)}.q-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--color-muted);margin-bottom:8px}.passage{font:400 var(--text-passage)/var(--leading-passage) var(--font-passage);text-wrap:pretty}.passage p{margin:0 0 10px}.passage u{text-decoration-thickness:2px;text-underline-offset:3px}.psg-label{font:600 11px var(--font-mono);color:var(--color-muted);margin:4px 0}mark.echo{background:var(--color-highlight);color:inherit;border-radius:4px;padding:0 2px;box-shadow:inset 0 -2px 0 var(--color-pace);animation:markIn .5s var(--ease-out) both}@keyframes markIn{0%{background:transparent;box-shadow:none}}.stem{font:600 var(--text-passage)/1.4 var(--font-passage)}.choices{display:flex;flex-direction:column;gap:8px}.choice{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:var(--color-surface);border:2px solid var(--color-ink);border-radius:14px;padding:10px 12px;min-height:52px;transition:background var(--motion-mood) ease,transform var(--motion-press) ease,box-shadow var(--motion-mood) ease}button.choice{cursor:pointer}button.choice:hover{background:var(--color-you-soft)}.choice-badge{width:28px;height:28px;flex-shrink:0;border-radius:50%;border:2px solid var(--color-ink);display:grid;place-items:center;font:800 14px var(--font-display);background:var(--color-surface)}.choice-body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.choice-text{font:400 15px/1.45 var(--font-passage)}.choice-note{font:700 10px var(--font-mono);letter-spacing:.06em;color:var(--color-muted)}.choice-selected{background:var(--color-you-soft);box-shadow:var(--shadow-offset);transform:translate(-1px,-1px)}.choice-selected .choice-badge{background:var(--color-you);color:var(--on-you)}.choice-correct{background:var(--color-correct-soft);border-color:var(--color-correct)}.choice-correct .choice-badge{background:var(--color-correct);color:#fff}.choice-correct .choice-note{color:var(--color-correct-ink)}.choice-wrong{background:var(--color-wrong-soft);border-style:dashed;border-color:var(--color-wrong)}.choice-wrong .choice-badge{background:var(--color-surface);color:var(--color-wrong);border-style:dashed;border-color:var(--color-wrong)}.choice-wrong .choice-note{color:var(--color-rival-ink)}.choice-dim .choice-text{color:var(--color-muted)}.pick-actions{display:flex;gap:10px;align-items:stretch}.btn-flag{background:var(--color-pace-soft);color:var(--color-pace-ink)}.btn-flag.on{background:var(--color-pace);color:#2b2622}.kbd-hint{text-align:center}.why-title{font-size:24px}.tagchips{display:flex;flex-wrap:wrap;gap:6px}.tagchip{min-height:44px;border:2px solid var(--color-ink);border-radius:999px;padding:4px 12px;font:800 12px var(--font-display);background:var(--color-surface);cursor:pointer;transition:background var(--motion-mood),transform var(--motion-press)}.tagchip .tag-hint{font-weight:600;opacity:.75}.tagchip.on{background:var(--color-ink);color:var(--color-bg);transform:rotate(-2deg)}.duels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.duel{border:var(--border);border-radius:var(--radius-card);background:var(--color-surface);padding:10px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-offset);animation:duelIn .38s var(--ease-out) both}.duel+.duel{animation-delay:.12s}@keyframes duelIn{0%{opacity:0;transform:translateY(10px) rotate(-1deg)}}.duel-win{background:var(--color-you-soft)}.duel-loss{background:var(--color-rival-soft);border-style:dashed}.duel-kind{font:700 11px var(--font-mono);letter-spacing:.12em}.duel-nums{display:flex;align-items:center;justify-content:space-between;gap:4px}.duel-side{display:flex;flex-direction:column;align-items:center;min-width:0}.duel-side .mono{font-size:22px}.duel-side.lead .mono{text-decoration:underline 3px;text-underline-offset:4px}.duel-who{font:700 10px var(--font-display);color:var(--color-muted);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-vs{font:700 11px var(--font-mono);color:var(--color-muted)}.duel-verdict{font:800 14px var(--font-display);display:flex;flex-direction:column}.duel-hit{font:700 11px var(--font-mono);color:var(--color-rival-ink)}.ghost-hide{color:var(--color-practice-ink)}.speech{display:flex;align-items:flex-end;gap:10px}.bubble{position:relative;background:var(--color-surface);border:var(--border);border-radius:18px;padding:8px 14px;font:700 21px/1.15 var(--font-hand);display:flex;flex-direction:column}.bubble:before{content:"";position:absolute;left:-9px;bottom:14px;width:14px;height:14px;background:var(--color-surface);border-left:var(--border);border-bottom:var(--border);transform:rotate(45deg)}.bubble-by{font:700 10px var(--font-mono);color:var(--color-muted);margin-top:4px}.ghost-line{align-items:center;background:var(--color-practice);color:var(--color-practice-ink);border:2px dashed var(--color-ink);border-radius:16px;padding:10px}.ghost-chip{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--color-ink);border-radius:50%;background:var(--color-surface)}.why-line{font:400 14px/1.4 var(--font-passage);color:var(--color-ink)}.your-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;font:700 11px var(--font-mono);border:2px solid var(--color-ink);border-radius:999px;padding:1px 8px}.your-tag.ok{background:var(--color-correct-soft);color:var(--color-correct-ink)}.your-tag.miss{background:var(--color-wrong-soft);color:var(--color-rival-ink);border-style:dashed}.your-tag.none{border-color:var(--color-line);color:var(--color-muted)}.timeup{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:color-mix(in srgb,var(--color-ink-deep) 55%,transparent);animation:pageIn .2s both;padding:16px}.timeup-card{background:var(--color-rival);color:#fff;border:3px solid #2B2622;border-radius:var(--radius-panel);box-shadow:5px 5px #2b2622;padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:360px;animation:slam .48s cubic-bezier(.3,1.6,.5,1) both}.timeup-card h2{font-size:34px}@media(min-width:1024px){.battle{max-width:none;border:0}.bhead{padding:10px 32px 8px}.hp-row,.hp-labels,.track,.bhead-top{max-width:1100px;width:100%;margin:0 auto}.bgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:0;padding:0;max-width:1280px;width:100%;margin:0 auto}.bcol-passage{padding:32px 40px;border-right:2px solid var(--color-line)}.bcol-passage .passage{font-size:var(--text-passage-desk);position:sticky;top:140px}.bcol-q{padding:32px 40px}.clock-num{font-size:22px}}.result{max-width:720px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);min-height:100dvh;position:relative}.result-top{display:flex;justify-content:center}.result-hero{text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;padding:20px 16px;border:var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-offset)}.result-hero.win{background:var(--color-you-soft)}.result-hero.loss{background:var(--color-rival-soft)}.result-hero.tie{background:var(--color-chip)}.result-hero h1{font-size:var(--text-display)}.poses{display:flex;align-items:flex-end;justify-content:center;gap:12px}.pose{display:inline-flex;transition:transform .4s var(--ease-out)}.pose.up{animation:hop .9s var(--ease-out) .2s both}.pose.down{transform:translateY(6px) rotate(-4deg);opacity:.85}@keyframes hop{30%{transform:translateY(-16px)}60%{transform:translateY(0)}80%{transform:translateY(-6px)}}.vs-mini{font:800 22px var(--font-display);color:var(--color-muted);padding-bottom:30px}.hp-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:440px}.hp-pair>div{display:flex;flex-direction:column;gap:4px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.stat{border:var(--border);border-radius:16px;padding:10px;background:var(--color-surface);display:flex;flex-direction:column;align-items:center}.stat b{font-size:26px}.stat b small{font-size:13px;color:var(--color-muted)}.stat>small{font:700 10px var(--font-mono);color:var(--color-muted);letter-spacing:.08em;text-align:center}.stat.you{background:var(--color-you-soft)}.stat.rival{background:var(--color-rival-soft)}.stat.pace{background:var(--color-pace-soft)}.insight,.lost-line{display:flex;align-items:center;gap:10px;font:700 16px var(--font-display)}.insight{background:var(--color-pace-soft)}.lost-line{background:var(--color-rival-soft);border-style:dashed}.rounds{border:var(--border);border-radius:var(--radius-card);overflow:hidden;background:var(--color-surface)}.rr{display:grid;grid-template-columns:40px 1fr 72px 48px 40px 40px;gap:6px;padding:8px 10px;align-items:center;border-top:2px solid var(--color-line);font-size:14px}.rr.head{border-top:0;background:var(--color-chip);font:700 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.rr.timeout{background:repeating-linear-gradient(-45deg,var(--color-rival-soft) 0 6px,transparent 6px 12px)}.rr-skill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr .ok,.rr .bad,.rr-to{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-size:12px}.rr .ok{color:var(--color-correct-ink)}.rr .bad{color:var(--color-rival-ink);text-decoration:underline dashed}.rr-to{color:var(--color-muted)}.dm{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;border:2px solid var(--color-ink);font:700 12px var(--font-mono)}.dm.w{background:var(--color-you);color:var(--on-you)}.dm.l{background:var(--color-rival-soft);border-style:dashed;color:var(--color-rival-ink)}.dm.t{border-color:var(--color-line)}.confetti{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.confetti span{position:absolute;top:-20px;width:10px;height:14px;border:1.5px solid var(--color-ink);border-radius:2px;animation:fall var(--motion-confetti) cubic-bezier(.3,.6,.5,1) both}@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.6}}.grid-2{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:720px){.grid-2{grid-template-columns:1fr 1fr}}.comp-big{display:flex;flex-direction:column;gap:8px;padding:14px;border:var(--border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-offset);transition:transform var(--motion-press)}a.comp-big:hover{transform:translate(-1px,-1px)}.comp-big-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.comp-big-top b{font-size:18px}.comp-big-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--color-muted)}.past{display:flex;flex-direction:column;gap:10px;box-shadow:none}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px}.podium-step{flex:1;max-width:140px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.podium-name{font:800 13px var(--font-display)}.podium-block{width:100%;display:flex;flex-direction:column;align-items:center;border:var(--border);border-radius:12px 12px 0 0;padding:6px 0}.podium-block .mono{font-size:20px;line-height:1.1}.podium-block small.mono{font-size:11px;margin-top:3px}.p1 .podium-block{background:var(--color-pace);height:78px;color:#2b2622}.p2 .podium-block{background:var(--color-you-soft);height:58px}.p3 .podium-block{background:var(--color-rival-soft);height:44px}.closes{display:flex;flex-direction:column;align-items:center;background:var(--color-ink);color:var(--color-bg);border-radius:14px;padding:6px 12px}.closes .mono{font-size:20px}.closes small{font:700 9px var(--font-mono)}.detail-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:1024px){.detail-grid{grid-template-columns:1.6fr 1fr}}.cta-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--color-you-soft)}.cta-card.done{background:var(--color-correct-soft)}.lb{border:var(--border);border-radius:var(--radius-card);overflow:hidden;background:var(--color-surface)}.lb-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-top:2px solid var(--color-line);min-height:48px}.lb-head{border-top:0;background:var(--color-chip);font:700 10px var(--font-mono);color:var(--color-muted);text-transform:uppercase;min-height:32px}.lb-row.me{background:var(--color-you-soft);box-shadow:inset 4px 0 0 var(--color-you)}.lb-rank{width:22px;text-align:center}.lb-name{flex:1;min-width:0;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-num{width:44px;text-align:right}.lb-num small{color:var(--color-muted);font-size:10px}.lb-pts{width:48px;text-align:right;font-size:16px}@media(max-width:480px){.hide-sm{display:none}}.ghost-explainer{background:var(--color-practice);color:var(--color-practice-ink);display:flex;flex-direction:column;gap:6px}.ghost-explainer .muted{color:inherit;opacity:.85}.ghost-ico{width:44px;height:44px;border:2px solid var(--color-ink);border-radius:50%;display:grid;place-items:center;background:var(--color-surface);color:var(--color-ink)}.profile-hero{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid var(--color-ink);border-radius:14px;background:var(--color-pace-soft);color:var(--color-pace-ink);font-weight:800;box-shadow:2px 2px 0 var(--color-ink)}.badge:nth-child(2n){transform:rotate(-1.5deg);background:var(--color-you-soft);color:var(--color-you-ink)}.fav{display:flex;align-items:center;gap:14px}.t-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:900px){.t-grid{grid-template-columns:1.4fr 1fr}}.t-live{display:flex;flex-direction:column;gap:6px;padding:10px;border:2px solid var(--color-line);border-radius:14px}.t-live:hover{border-color:var(--color-ink)}.t-live-top{display:flex;justify-content:space-between}.warn-ico{color:var(--color-rival-ink)}.table-box{overflow-x:auto;border:var(--border);border-radius:var(--radius-card);background:var(--color-surface);max-width:100%}.ttable{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}.ttable th{text-align:left;font:700 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);background:var(--color-chip);padding:8px 10px;white-space:nowrap}.ttable td{padding:8px 10px;border-top:2px solid var(--color-line);vertical-align:middle}.ttable tr.on td{background:var(--color-you-soft)}.row-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;padding:6px 4px;min-height:44px;font-weight:800;text-decoration:underline 2px var(--color-line);text-underline-offset:4px}.row-btn:hover{text-decoration-color:var(--color-you)}.cells{display:inline-flex;gap:3px}.cell{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--color-line);display:grid;place-items:center}.cell.ok{background:var(--color-correct);border-color:var(--color-ink);color:#fff}.cell.bad{background:var(--color-wrong-soft);border:1.5px dashed var(--color-wrong);color:var(--color-wrong)}.run-panel{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;max-width:100%;animation:pageIn .28s var(--ease-out) both}.run-panel>.stack{width:100%;min-width:0}.run-panel .table-box{width:100%;min-width:0}.run-panel .teacher-banner{min-width:0;overflow-wrap:anywhere}.teacher-banner{display:flex;align-items:center;gap:8px;background:var(--color-practice);color:var(--color-practice-ink);border:2px solid var(--color-ink);border-radius:12px;padding:8px 12px;font-weight:800}.run-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pickmark{display:inline-flex;align-items:center;gap:3px;font:700 13px var(--font-mono);padding:1px 6px;border-radius:8px;border:2px solid var(--color-ink)}.pickmark.ok{background:var(--color-correct-soft);color:var(--color-correct-ink)}.pickmark.bad{background:var(--color-wrong-soft);color:var(--color-rival-ink);border-style:dashed}.tagcells{display:inline-flex;gap:4px;flex-wrap:wrap}.tagcell{font:700 10px var(--font-mono);padding:1px 5px;border-radius:6px;border:1.5px solid var(--color-line);white-space:nowrap}.tagcell.ok{background:var(--color-correct-soft);color:var(--color-correct-ink);border-color:var(--color-correct)}.tagcell.bad{background:var(--color-wrong-soft);color:var(--color-rival-ink);border:1.5px dashed var(--color-wrong);text-decoration:line-through}.tagcell.none{color:var(--color-muted)}.assign-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start}@media(min-width:1024px){.assign-grid{grid-template-columns:1.6fr 1fr}.sticky{position:sticky;top:40px}}.step{position:relative;display:flex;flex-direction:column;gap:10px;padding-left:56px}.step-n{position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--color-ink);color:var(--color-bg);display:grid;place-items:center}.pill-st{padding-left:6px}.opp-pick{display:flex;gap:8px;flex-wrap:wrap}.opp-opt{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;border:2px solid var(--color-line);border-radius:14px;background:var(--color-surface);cursor:pointer;font-weight:800;font-size:13px;min-width:88px}.opp-opt.on{border-color:var(--color-ink);background:var(--color-you-soft);box-shadow:2px 2px 0 var(--color-ink)}.summary{display:flex;flex-direction:column;gap:12px;background:var(--color-pace-soft)}.sum-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sum-list li{display:flex;justify-content:space-between;gap:8px;border-bottom:2px dashed var(--color-line);padding-bottom:6px}.sum-list span{color:var(--color-muted)}.preview .comp-big.static{transform:rotate(-1deg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.confetti{display:none}.clock.pulse{animation:none;outline:3px solid var(--color-rival);outline-offset:2px}}