:root{--r-card: 22px;--r-md: 16px;--r-sm: 12px;--font-sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--ease: cubic-bezier(.22, .61, .36, 1)}.stage,.stage[data-theme=neon]{--bg:#07060F;--app:#0C0A1A;--surface:#15122A;--surface-2:#1C1838;--sand:#211C42;--ink:#F4F1FF;--ink-soft:#B5AEDB;--ink-faint:#7C75A8;--a-primary:#1FE6FF;--a-accent:#FF2E9A;--a-good:#B6FF1A;--a-deep:#9B5CFF;--a-warm:#FF8A1F;--a-amber:#FFE03D;--on-accent:#06121A;--line: rgba(155,140,255,.18);--line-2: rgba(155,140,255,.3);--pad0:#1FE6FF;--pad1:#FF2E9A;--pad2:#B6FF1A;--pad3:#9B5CFF;--glow-primary: 0 0 18px color-mix(in srgb, var(--a-primary) 55%, transparent);--glow-accent: 0 0 18px color-mix(in srgb, var(--a-accent) 55%, transparent);--glow-good: 0 0 18px color-mix(in srgb, var(--a-good) 50%, transparent);--stage-glow: 0 0 80px rgba(155,92,255,.25);--mark-glow: drop-shadow(0 0 8px color-mix(in srgb, var(--a-primary) 60%, transparent));--shadow-card: none;--grid-op: .5;--em-shadow: var(--glow-accent)}.stage[data-theme=calm]{--bg:#EBE1CE;--app:#F1E8D7;--surface:#FBF6EC;--surface-2:#FFFCF4;--sand:#EBDDC2;--ink:#2C271E;--ink-soft:#5A5142;--ink-faint:#8C8068;--a-primary:#6F9E45;--a-accent:#DD7B3F;--a-good:#5E9B39;--a-deep:#3F7A2C;--a-warm:#CC6B2B;--a-amber:#C99230;--on-accent:#FBF6EC;--line:#E6DAC3;--line-2:#D8C8AC;--pad0:#84BE63;--pad1:#EF9356;--pad2:#E7C24A;--pad3:#5FA98A;--glow-primary: 0 6px 16px rgba(92,113,80,.22);--glow-accent: 0 6px 16px rgba(180,98,56,.22);--glow-good: 0 6px 16px rgba(92,113,80,.2);--stage-glow: 0 20px 60px rgba(70,58,38,.18);--mark-glow: none;--shadow-card: 0 4px 14px rgba(86,72,48,.07);--grid-op: 0;--em-shadow: none}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);background:#050409;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}#root{height:100dvh;width:100%;display:flex}.stage{position:relative;margin:auto;width:min(100vw,432px);height:100dvh;max-height:100dvh;background:var(--app);color:var(--ink);overflow:hidden;box-shadow:var(--stage-glow);transition:background .4s var(--ease),box-shadow .4s var(--ease)}@media (min-width: 460px){.stage{height:min(100dvh,936px);border-radius:30px}}.field-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(52% 34% at 14% 5%,color-mix(in srgb,var(--a-deep) 28%,transparent),transparent 70%),radial-gradient(48% 30% at 95% 20%,color-mix(in srgb,var(--a-accent) 22%,transparent),transparent 70%),radial-gradient(62% 44% at 50% 112%,color-mix(in srgb,var(--a-primary) 20%,transparent),transparent 70%);transition:background .4s var(--ease)}.field-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--grid-op);transition:opacity .4s;background-image:linear-gradient(rgba(155,140,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(155,140,255,.05) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 90%);mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 90%)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@keyframes screenIn{0%{transform:translateY(12px) scale(.994)}to{transform:none}}@media (prefers-reduced-motion: no-preference){.screen-enter{animation:screenIn .45s var(--ease)}}.hud{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:7px;padding:14px 14px 12px}.brand{display:flex;align-items:center;gap:8px;margin-right:auto}.brand-mark{width:26px;height:26px;color:var(--a-primary);filter:var(--mark-glow)}.brand-name{font-weight:700;font-size:15px;letter-spacing:.01em;color:var(--ink);white-space:nowrap}.brand-name b{color:var(--a-primary)}.hud-chip{display:inline-flex;align-items:center;gap:5px;height:33px;padding:0 10px;border-radius:11px;background:var(--surface);border:1px solid var(--line);font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums}.hud-chip svg{width:14px;height:14px}.hud-chip.streak{color:var(--a-warm);border-color:color-mix(in srgb,var(--a-warm) 40%,transparent)}.hud-chip.xp{color:var(--a-good);border-color:color-mix(in srgb,var(--a-good) 35%,transparent)}.hud-chip.clock{color:var(--ink-soft)}.icon-btn{width:44px;height:44px;min-width:44px;border-radius:13px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);transition:transform .18s var(--ease),border-color .2s}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:19px;height:19px;stroke:var(--ink-soft)}.feed{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.reel-track{height:100%;width:100%;transition:transform .5s var(--ease);will-change:transform}.reel{height:100%;width:100%;display:flex;flex-direction:column;padding:104px 20px 24px;position:relative}.reel[aria-hidden=true]{visibility:hidden}.reel-head{flex:0 0 auto}.badge-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.skill-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:8px;background:color-mix(in srgb,var(--a-primary) 13%,transparent);color:var(--a-primary);border:1px solid color-mix(in srgb,var(--a-primary) 30%,transparent);font-size:11.5px;font-weight:700;letter-spacing:.09em;white-space:nowrap}.skill-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--a-primary);box-shadow:var(--glow-primary)}.skill-pill.lang{background:color-mix(in srgb,var(--a-accent) 13%,transparent);color:var(--a-accent);border-color:color-mix(in srgb,var(--a-accent) 30%,transparent)}.skill-pill.lang .dot{background:var(--a-accent);box-shadow:var(--glow-accent)}.diff-tag{font-size:11px;font-weight:800;letter-spacing:.1em;padding:4px 9px;border-radius:7px;white-space:nowrap}.diff-tag.EASY{color:var(--a-good);background:color-mix(in srgb,var(--a-good) 13%,transparent);border:1px solid color-mix(in srgb,var(--a-good) 30%,transparent)}.diff-tag.MEDIUM{color:var(--a-amber);background:color-mix(in srgb,var(--a-amber) 14%,transparent);border:1px solid color-mix(in srgb,var(--a-amber) 32%,transparent)}.diff-tag.HARD{color:var(--a-accent);background:color-mix(in srgb,var(--a-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--a-accent) 34%,transparent)}.diff-tag.xp{color:var(--a-good);background:color-mix(in srgb,var(--a-good) 11%,transparent);border:1px solid color-mix(in srgb,var(--a-good) 26%,transparent)}.reel-prompt{font-size:26px;line-height:1.14;font-weight:700;letter-spacing:-.015em;color:var(--ink);margin:14px 0 0;text-wrap:balance}.reel-center{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;gap:12px;overflow:hidden;padding-top:12px}.reel-stage{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}.reel-input{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;position:relative}.hint-line{text-align:center;font-size:13px;color:var(--ink-faint);font-weight:500;margin:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.ngrid{display:grid;grid-template-columns:repeat(3,64px);gap:9px}.ncell{height:64px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);border:1.5px solid var(--line);font-size:26px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-card)}.ncell.q{background:color-mix(in srgb,var(--a-primary) 12%,transparent);border-color:var(--a-primary);color:var(--a-primary)}.answer-display{min-width:92px;height:50px;padding:0 16px;border-radius:12px;background:var(--surface-2);border:1.5px solid var(--line);display:grid;place-items:center;font-size:26px;font-weight:700;color:var(--a-primary);font-variant-numeric:tabular-nums;letter-spacing:.06em;margin:0 auto}.answer-display.empty{color:var(--ink-faint)}.answer-display.err{border-color:var(--a-accent);color:var(--a-accent);animation:shake .4s var(--ease)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{height:46px;border-radius:13px;background:var(--surface);border:1.5px solid var(--line);font-size:22px;font-weight:700;color:var(--ink);display:grid;place-items:center;box-shadow:var(--shadow-card);transition:transform .13s var(--ease),background .15s,border-color .15s}.key:active{transform:scale(.94);border-color:var(--a-primary)}.key.util{color:var(--ink-soft);font-size:14px;letter-spacing:.06em}.key.go{color:var(--on-accent);background:var(--a-good);font-size:16px;letter-spacing:.06em;box-shadow:var(--glow-good)}.word-slots{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.word-slots.err .slot{border-color:var(--a-accent);animation:shake .4s var(--ease)}.slot{width:52px;height:60px;border-radius:13px;background:var(--surface-2);border:1.5px dashed var(--line-2);display:grid;place-items:center;font-size:28px;font-weight:800;color:var(--ink);text-transform:uppercase;transition:all .2s var(--ease)}.slot.filled{border-style:solid;border-color:var(--a-primary);background:color-mix(in srgb,var(--a-primary) 8%,transparent)}.letter-tray{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.tile{width:54px;height:54px;border-radius:13px;background:var(--surface);border:1.5px solid var(--line);display:grid;place-items:center;font-size:24px;font-weight:800;color:var(--ink);text-transform:uppercase;box-shadow:var(--shadow-card);transition:transform .14s var(--ease),opacity .2s,border-color .15s}.tile:active{transform:scale(.92);border-color:var(--a-primary)}.tile.used{opacity:0;pointer-events:none}.btn{height:54px;border-radius:15px;width:100%;font-size:15px;font-weight:700;letter-spacing:.03em;display:grid;place-items:center;transition:transform .15s var(--ease),box-shadow .2s,opacity .2s}.btn-primary{background:var(--a-primary);color:var(--on-accent);box-shadow:var(--glow-primary)}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:var(--surface);color:var(--ink-soft);border:1.5px solid var(--line)}.stage[data-theme=calm] .btn-ghost{border-color:var(--a-primary);color:var(--ink)}.btn-accent{background:var(--a-accent);color:var(--on-accent);box-shadow:var(--glow-accent)}.btn:disabled{opacity:.45}.solve-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;display:grid;place-items:center}.solve-wash{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--a-good) 40%,transparent),transparent 66%);animation:washIn .85s var(--ease) both}@keyframes washIn{0%{transform:scale(.4);opacity:0}40%{opacity:1}to{transform:scale(1.3);opacity:0}}.solve-check{width:90px;height:90px;border-radius:24px;background:var(--a-good);display:grid;place-items:center;box-shadow:var(--glow-good),0 0 40px color-mix(in srgb,var(--a-good) 50%,transparent);animation:popIn .5s var(--ease) both}.solve-check svg{width:46px;height:46px;stroke:var(--on-accent)}.solve-check svg path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .45s .16s var(--ease) forwards}@keyframes popIn{0%{transform:scale(.3) rotate(-12deg);opacity:0}60%{transform:scale(1.1) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes draw{to{stroke-dashoffset:0}}.combo-pop{position:absolute;top:32%;z-index:9;pointer-events:none;font-weight:800;font-size:30px;letter-spacing:.02em;color:var(--a-amber);text-shadow:var(--em-shadow);animation:comboPop 1s var(--ease) both}@keyframes comboPop{0%{transform:translateY(10px) scale(.6);opacity:0}30%{transform:translateY(-6px) scale(1.1);opacity:1}70%{opacity:1}to{transform:translateY(-40px) scale(1);opacity:0}}.speck{position:absolute;border-radius:2px;opacity:0}.speck.s0{width:10px;height:10px;background:var(--a-primary);animation:drift 1.3s .15s var(--ease) forwards}.speck.s1{width:8px;height:8px;background:var(--a-accent);animation:drift2 1.4s .2s var(--ease) forwards}.speck.s2{width:9px;height:9px;background:var(--a-amber);animation:drift3 1.5s .12s var(--ease) forwards}@keyframes drift{0%{opacity:0;transform:translate(0) scale(.6) rotate(0)}25%{opacity:1}to{opacity:0;transform:translate(-60px,-120px) scale(1) rotate(180deg)}}@keyframes drift2{0%{opacity:0;transform:translate(0) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(64px,-130px) rotate(-160deg)}}@keyframes drift3{0%{opacity:0;transform:translate(0) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(10px,-150px) rotate(120deg)}}.solved-tray{position:absolute;left:0;right:0;bottom:24px;z-index:7;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 20px}.score-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.score-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:11px;font-size:14px;font-weight:800;letter-spacing:.03em}.score-chip svg{width:15px;height:15px}.score-chip.xp{background:color-mix(in srgb,var(--a-good) 14%,transparent);color:var(--a-good);border:1px solid color-mix(in srgb,var(--a-good) 34%,transparent)}.score-chip.time{background:color-mix(in srgb,var(--a-primary) 12%,transparent);color:var(--a-primary);border:1px solid color-mix(in srgb,var(--a-primary) 30%,transparent)}.swipe-cue{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--a-primary)}.swipe-cue.last-note{color:var(--ink-faint)}.swipe-cue svg{width:24px;height:24px}.swipe-cue span{font-size:12px;font-weight:700;letter-spacing:.07em;white-space:nowrap}@media (prefers-reduced-motion: no-preference){.swipe-cue svg{animation:bob 1.6s var(--ease) infinite}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.solo-diff{position:absolute;top:60px;left:16px;right:16px;z-index:6;display:flex;justify-content:center}.solo-body{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.solo-body .reel{padding-top:116px}.solo-next{width:auto;padding:0 30px}.onb{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:16px 28px 36px;z-index:2;overflow-y:auto;-webkit-overflow-scrolling:touch}.onb::-webkit-scrollbar{display:none}.onb-top{position:absolute;top:16px;right:28px;z-index:3}.onb-art{flex:1 1 auto;position:relative;display:grid;place-items:center}.onb-orb{width:184px;height:184px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;background:linear-gradient(140deg,var(--a-deep),var(--a-accent));display:grid;place-items:center;box-shadow:0 0 60px color-mix(in srgb,var(--a-accent) 45%,transparent),inset 0 0 40px #ffffff1f;position:relative}@media (prefers-reduced-motion: no-preference){.onb-orb{animation:spin 16s linear infinite}.onb-orb svg{animation:spin 16s linear infinite reverse}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onb-orb svg{width:78px;height:78px;color:var(--on-accent)}.onb-ring{position:absolute;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--a-primary) 45%,transparent)}.onb-ring.r1{width:238px;height:238px;box-shadow:var(--glow-primary)}.onb-ring.r2{width:298px;height:298px;border-color:color-mix(in srgb,var(--a-deep) 35%,transparent)}@media (prefers-reduced-motion: no-preference){.onb-ring.r1{animation:pulse 3s var(--ease) infinite}.onb-ring.r2{animation:pulse 3s .5s var(--ease) infinite}}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.06);opacity:.25}}.onb-copy{flex:0 0 auto}.onb-kicker{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--a-primary)}.onb-title{font-size:40px;line-height:1.04;font-weight:800;letter-spacing:-.02em;margin:12px 0 0}.onb-title em{font-style:normal;color:var(--a-accent);text-shadow:var(--em-shadow)}.onb-text{font-size:15px;line-height:1.5;color:var(--ink-soft);margin:14px 0 0;max-width:34ch}.onb-points{display:flex;gap:14px;margin:22px 0;flex-wrap:wrap}.onb-point{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-soft);font-weight:700}.onb-point svg{width:16px;height:16px}.onb-actions{display:flex;flex-direction:column;gap:10px}.seg{display:inline-flex;padding:4px;border-radius:12px;background:var(--surface);border:1px solid var(--line);gap:4px}.seg button{padding:7px 14px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--ink-faint);letter-spacing:.03em;transition:all .2s var(--ease);display:inline-flex;align-items:center;gap:6px;text-transform:capitalize}.seg button.on{background:var(--a-primary);color:var(--on-accent);box-shadow:var(--glow-primary)}.seg button .sw{width:11px;height:11px;border-radius:50%}.seg button:not(.on) .sw{opacity:.35}.menu{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;z-index:3;padding:66px 20px 48px;background:var(--app);-webkit-overflow-scrolling:touch}.menu::-webkit-scrollbar{display:none}.menu-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:0}.menu-kicker{font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--a-primary)}.menu-title{font-size:30px;font-weight:800;letter-spacing:-.01em;margin:6px 0 0;line-height:1.04}.menu-section{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:18px 2px 10px}.theme-block{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px}.theme-block .tb-label{font-size:13.5px;font-weight:700;color:var(--ink)}.theme-block .tb-sub{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.glist{display:flex;flex-direction:column;gap:10px}.gcard{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px;box-shadow:var(--shadow-card);transition:transform .16s var(--ease),border-color .2s;text-align:left;width:100%}.gcard:active{transform:scale(.985);border-color:var(--a-primary)}.gcard-ico{width:50px;height:50px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto}.gcard-ico svg{width:26px;height:26px;stroke:var(--ink-soft)}.gcard-main{flex:1;min-width:0}.gcard-name{font-size:16px;font-weight:700;color:var(--ink)}.gcard-meta{display:flex;align-items:center;gap:7px;margin-top:6px}.gcard-go{width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--a-primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--a-primary) 30%,transparent);display:grid;place-items:center;flex:0 0 auto}.gcard-go svg{width:18px;height:18px;stroke:var(--a-primary)}.insights{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;z-index:2;padding:66px 20px 48px;background:var(--app);-webkit-overflow-scrolling:touch}.insights::-webkit-scrollbar{display:none}.ins-head{margin-bottom:16px}.ins-kicker{font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--a-primary)}.ins-title{font-size:30px;font-weight:800;letter-spacing:-.01em;margin:6px 0 0;line-height:1.04}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:20px;margin-bottom:12px;box-shadow:var(--shadow-card)}.level-card{background:linear-gradient(150deg,color-mix(in srgb,var(--a-deep) 22%,var(--surface)),color-mix(in srgb,var(--a-accent) 12%,var(--surface)));border-color:color-mix(in srgb,var(--a-deep) 40%,transparent)}.level-row{display:flex;align-items:center;gap:16px}.level-badge{width:64px;height:64px;border-radius:18px;background:var(--surface-2);border:1.5px solid var(--a-deep);display:grid;place-items:center;flex:0 0 auto}.level-badge b{font-size:28px;font-weight:800;color:var(--a-good)}.level-label{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-faint);text-transform:uppercase}.level-name{font-size:22px;font-weight:800;color:var(--ink);margin-top:2px}.level-xp{margin-top:10px}.xp-track{height:9px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--line)}.xp-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--a-good),var(--a-primary));box-shadow:var(--glow-good);transition:width 1s var(--ease)}.xp-meta{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:var(--ink-soft);margin-top:6px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 8px;text-align:center;box-shadow:var(--shadow-card)}.stat-num{font-size:28px;font-weight:800;line-height:1}.stat-num.cyan{color:var(--a-primary)}.stat-num.pink{color:var(--a-accent)}.stat-num.orange{color:var(--a-warm)}.stat-label{font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--ink-faint);margin-top:7px;text-transform:uppercase}.card-label{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}.skills{display:flex;flex-direction:column;gap:14px}.skill-row .sk-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.sk-name{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap}.sk-delta{font-size:12px;font-weight:800;color:var(--a-good);white-space:nowrap;padding-left:10px}.sk-track{height:9px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--line)}.sk-fill{height:100%;border-radius:999px;width:0;transition:width 1s var(--ease);background:linear-gradient(90deg,var(--a-primary),var(--a-deep));box-shadow:var(--glow-primary)}.sk-fill.pink{background:linear-gradient(90deg,var(--a-accent),var(--a-warm));box-shadow:var(--glow-accent)}.ach-row{display:flex;gap:10px}.ach{flex:1;text-align:center;padding:14px 6px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.ach.locked{opacity:.62}.ach-ico{font-size:22px}.ach-name{font-size:10.5px;font-weight:700;color:var(--ink-soft);margin-top:5px}@media (max-width: 400px){.hud{gap:5px;padding-left:10px;padding-right:10px}.feed-screen .brand-name{display:none}.feed-screen .brand{margin-right:auto}.hud-chip{padding:0 8px}}@media (max-height: 760px){.reel{padding-top:84px;padding-bottom:16px}.reel-prompt{font-size:24px;margin-top:10px}.reel-center{gap:10px;padding-top:10px}.reel-stage{gap:12px}.ngrid{grid-template-columns:repeat(3,58px);gap:8px}.ncell{height:58px;border-radius:13px;font-size:24px}.answer-display{height:44px;font-size:23px}.keypad{gap:7px}.key{height:40px;border-radius:12px;font-size:20px}.key.util,.key.go{font-size:14px}.solved-tray{bottom:18px;gap:12px}.solo-body .reel{padding-top:106px}}@media (max-height: 640px){.reel{padding:76px 20px 12px}.reel-prompt{font-size:22px;line-height:1.1}.badge-row{gap:6px}.skill-pill{padding:4px 9px}.diff-tag{padding:3px 8px}.ngrid{grid-template-columns:repeat(3,52px);gap:7px}.ncell{height:52px;border-radius:12px;font-size:22px}.answer-display{height:38px;min-width:84px;font-size:21px}.key{height:36px;font-size:18px}.hint-line{font-size:12px}.solo-body .reel{padding-top:104px}}@media (max-height: 680px){.onb{padding-bottom:24px}.onb-art{flex:0 0 210px}.onb-orb{width:150px;height:150px}.onb-orb svg{width:62px;height:62px}.onb-ring.r1{width:198px;height:198px}.onb-ring.r2{width:244px;height:244px}.onb-title{font-size:34px}.onb-text{font-size:14px;line-height:1.42}.onb-points{margin:16px 0;gap:10px}}@media (max-height: 580px){.onb-top{top:12px;right:14px}.onb{padding:12px 20px 20px}.onb-art{flex-basis:170px}.onb-orb{width:124px;height:124px}.onb-ring.r1{width:164px;height:164px}.onb-ring.r2{width:202px;height:202px}.onb-title{font-size:30px}.onb-text{margin-top:10px}.onb-points{margin:12px 0}}.board{position:relative;margin:0 auto}.bgrid{display:grid;width:min(86vw,300px);margin:0 auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}.bc{position:relative;aspect-ratio:1;display:grid;place-items:center;font-weight:800;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.drawgrid{touch-action:none}.numrow{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.numrow .key{width:42px;height:44px;font-size:20px}.sudoku .bgrid{gap:0;border:2px solid var(--line-2);border-radius:10px;overflow:hidden;background:var(--surface-2)}.sudoku .bc{border:1px solid var(--line);font-size:clamp(17px,6vw,25px);color:var(--ink);background:var(--surface-2);transition:background .12s}.sudoku .bc.given{background:var(--surface);color:var(--ink)}.sudoku .bc.user{color:var(--a-primary)}.sudoku .bc.sel{background:color-mix(in srgb,var(--a-primary) 24%,var(--surface-2))}.sudoku .bc.bad{color:var(--a-accent);background:color-mix(in srgb,var(--a-accent) 14%,var(--surface-2))}.sudoku .bc.bx{border-right:2px solid var(--line-2)}.sudoku .bc.by{border-bottom:2px solid var(--line-2)}.queens .bgrid{gap:3px}.queens .bc{border-radius:7px;font-size:clamp(16px,5.6vw,26px);color:#161310;transition:transform .1s var(--ease)}.queens .bc:active{transform:scale(.9)}.queens .qq{color:#161310}.queens .qx{color:#14100a80;font-size:.6em}.queens .bc.bad{box-shadow:inset 0 0 0 3px var(--a-accent)}.queens .bc.bad .qq{color:var(--a-accent);text-shadow:0 0 2px rgba(0,0,0,.25)}.zip .bgrid{gap:0;border:1.6px solid var(--line-2);border-radius:10px;overflow:hidden;position:relative}.zip .bc{border:1px solid var(--line);background:var(--surface-2)}.zip .bc.on{background:color-mix(in srgb,var(--a-primary) 14%,var(--surface-2))}.zip .cpnum{position:relative;z-index:3;display:grid;place-items:center;width:66%;height:66%;border-radius:50%;background:var(--app);border:1.6px solid var(--a-deep);color:var(--a-deep);font-weight:800;font-size:clamp(12px,3.8vw,17px);font-variant-numeric:tabular-nums}.zip-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.zip-line polyline{fill:none;stroke:var(--a-primary);stroke-width:.34;stroke-linejoin:round;stroke-linecap:round}.zip-line .zip-head{fill:var(--a-primary)}.tango .bgrid{gap:5px}.tango .bc{border-radius:10px;background:var(--surface-2);border:1.6px solid var(--line);font-size:clamp(19px,7vw,30px);transition:background .12s}.tango .bc.given{background:var(--surface);border-color:var(--line-2)}.tango .bc.sun{color:var(--a-warm)}.tango .bc.moon{color:var(--a-primary)}.tango .bc.bad{background:color-mix(in srgb,var(--a-accent) 26%,var(--surface-2));box-shadow:inset 0 0 0 2px var(--a-accent)}.tango.err .bgrid{animation:shake .4s var(--ease)}.tango .cmark{position:absolute;transform:translate(-50%,-50%);width:19px;height:19px;border-radius:50%;background:var(--app);border:1.6px solid var(--line-2);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--ink-soft);z-index:3;pointer-events:none}.patches .bgrid{gap:0;border-radius:14px;padding:5px;background:var(--surface-2);border:1.6px solid var(--line)}.patches .bc{border:1px dashed color-mix(in srgb,var(--ink-faint) 38%,transparent);transition:background .12s}.patches .bc.prev{box-shadow:inset 0 0 0 2.5px var(--ink);filter:brightness(1.12) saturate(1.25);z-index:2}.clue-chip{position:relative;z-index:3;display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:10px;color:#fff;font-weight:800;line-height:1;box-shadow:0 2px 5px #00000038}.clue-chip b{font-size:clamp(13px,4vw,18px);font-variant-numeric:tabular-nums}.clue-chip i{font-style:normal;font-size:clamp(11px,3.4vw,15px);opacity:.92}.clue-chip .clue-any{opacity:.8}@media (max-height: 760px){.bgrid{width:min(82vw,264px)}.numrow .key{height:40px}}@media (max-height: 640px){.bgrid{width:min(78vw,236px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.08s!important}}