:root{--bg:#4b3fd6;--bg-deep:#2a2088;--bg-glow:#7d6ff7;--surface:#fff;--surface-2:#f4f2ff;--surface-3:#e9e6fd;--ink:#1f1a4d;--ink-soft:#5d5890;--ink-faint:#8f8bb5;--line:#e2dff7;--on-dark:#fff;--on-dark-soft:#ffffffc7;--brand:#6c5ce7;--brand-dark:#4434c4;--gold:#ffc93c;--gold-dark:#d99500;--good:#22c55e;--good-dark:#15803d;--bad:#ef4444;--bad-dark:#b91c1c;--info:#2f8fea;--info-dark:#1c63b0;--radius-sm:10px;--radius:18px;--radius-lg:28px;--shadow-card:0 10px 30px #140c5a40;--font-display:"Fredoka", "Nunito", ui-rounded, system-ui, sans-serif;--font-body:"Nunito", ui-rounded, system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:var(--bg-deep);-webkit-font-smoothing:antialiased;margin:0;font-weight:500}body:before{content:"";z-index:-1;background:radial-gradient(circle at 50% -20%, var(--bg-glow) 0, transparent 55%), radial-gradient(circle at 0% 100%, #ffc93c1f 0, transparent 40%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-display);margin:0;font-weight:600;line-height:1.15}p{margin:0;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.screen{flex-direction:column;gap:20px;width:100%;max-width:980px;margin:0 auto;padding:20px 16px 64px;display:flex}.screen-narrow{max-width:720px}.topbar{color:var(--on-dark);align-items:center;gap:12px;min-height:44px;display:flex}.topbar h1{flex:1;min-width:0;font-size:clamp(1.4rem,4vw,1.9rem)}.topbar-sub{color:var(--on-dark-soft);font-size:.95rem}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:22px;display:flex}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card-title{font-size:1.25rem}.muted{color:var(--ink-soft)}.small{font-size:.875rem}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.spacer{flex:1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{--btn-bg:var(--brand);--btn-edge:var(--brand-dark);--btn-ink:#fff;background:var(--btn-bg);min-height:46px;color:var(--btn-ink);font-family:var(--font-display);letter-spacing:.01em;box-shadow:0 5px 0 var(--btn-edge);white-space:nowrap;-webkit-user-select:none;user-select:none;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex;transform:translateY(0)}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--btn-edge);transform:translateY(4px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-gold{--btn-bg:var(--gold);--btn-edge:var(--gold-dark);--btn-ink:#4a3200}.btn-green{--btn-bg:var(--good);--btn-edge:var(--good-dark)}.btn-red{--btn-bg:var(--bad);--btn-edge:var(--bad-dark)}.btn-blue{--btn-bg:var(--info);--btn-edge:var(--info-dark)}.btn-light{--btn-bg:var(--surface-2);--btn-edge:var(--surface-3);--btn-ink:var(--ink)}.btn-ghost{--btn-bg:#ffffff24;--btn-edge:#0000002e;--btn-ink:#fff}.btn-small{min-height:36px;box-shadow:0 3px 0 var(--btn-edge);border-radius:11px;padding:6px 14px;font-size:.92rem}.btn-small:active:not(:disabled){box-shadow:0 1px 0 var(--btn-edge);transform:translateY(2px)}.btn-big{min-height:60px;box-shadow:0 7px 0 var(--btn-edge);border-radius:18px;padding:14px 30px;font-size:1.3rem}.btn-block{width:100%}.icon-btn{width:40px;height:40px;color:inherit;background:#ffffff24;border:0;border-radius:12px;place-items:center;font-size:1.15rem;display:inline-grid}.icon-btn:hover{background:#ffffff3d}.icon-btn.on-light{background:var(--surface-2);color:var(--ink-soft)}.icon-btn.on-light:hover{background:var(--surface-3);color:var(--ink)}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:800}.input,.textarea,.select{border:2px solid var(--line);background:var(--surface);border-radius:12px;width:100%;min-height:44px;padding:10px 12px;transition:border-color .12s}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand);outline:none}.textarea{resize:vertical;min-height:120px;line-height:1.5}.segmented{background:var(--surface-2);border-radius:14px;flex-wrap:wrap;gap:6px;padding:5px;display:inline-flex}.segmented button{min-height:38px;color:var(--ink-soft);background:0 0;border:0;border-radius:10px;padding:8px 14px;font-weight:800}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--brand-dark);box-shadow:0 2px 6px #281e7826}.switch{cursor:pointer;align-items:center;gap:10px;font-weight:700;display:inline-flex}.switch input{width:22px;height:22px;accent-color:var(--brand)}.pill{background:var(--surface-2);color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:800;display:inline-flex}.notice{color:#6b4e00;background:#fff7dd;border-radius:14px;gap:10px;padding:12px 14px;font-size:.95rem;font-weight:600;display:flex}.notice.error{color:var(--bad-dark);background:#ffe8e8}.notice.info{color:var(--info-dark);background:#e7f2ff}.empty{text-align:center;color:var(--ink-soft);padding:32px 16px}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:1ms!important;animation-iteration-count:1!important}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.topic-badge{align-items:center;gap:8px;min-width:0;display:inline-flex}.topic-badge-icon{--size:34px;width:var(--size);height:var(--size);background:var(--topic);font-size:calc(var(--size) * .52);border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;box-shadow:inset 0 -3px #0000002e,0 0 0 2px #fff}.topic-badge.size-sm .topic-badge-icon{--size:24px;box-shadow:inset 0 -2px #0000002e,0 0 0 1.5px #fff}.topic-badge.size-lg .topic-badge-icon{--size:56px}.topic-badge.size-xl .topic-badge-icon{--size:84px;box-shadow:inset 0 -5px #0000002e,0 0 0 5px #fff}.topic-badge.faded .topic-badge-icon{filter:grayscale();opacity:.55;box-shadow:none;background:#d9d6ee}.topic-badge-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.crown-meter{align-items:center;gap:4px;display:inline-flex}.crown-meter .pip{background:#1f1a4d24;border-radius:6px;width:22px;height:10px;transition:background .3s}.crown-meter .pip.filled{background:var(--gold);box-shadow:inset 0 -2px 0 var(--gold-dark)}.crown-meter.size-sm .pip{width:12px;height:7px}.crown-meter.size-sm .crown-meter-icon{font-size:.8rem}.crown-meter.size-lg .pip{background:#ffffff38;border-radius:9px;width:44px;height:16px}.crown-meter.size-lg .pip.filled{background:var(--gold)}.crown-meter.size-lg .crown-meter-icon{font-size:1.5rem}.scoreboard{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.scoreboard.count-1{grid-template-columns:minmax(0,420px);justify-content:center}.score-card{background:#fffffff0;border:3px solid #0000;border-radius:18px;flex-direction:column;gap:8px;padding:10px 12px;transition:border-color .2s,transform .2s;display:flex}.score-card.active{border-color:var(--player);transform:translateY(-2px);box-shadow:0 8px 20px #0a053c4d}.score-card-head{align-items:center;gap:8px;min-width:0;display:flex}.score-card-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.score-card-crowns{flex-wrap:wrap;gap:5px;display:flex}.avatar{background:var(--player,var(--surface-2));border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:1.15rem;display:inline-grid;box-shadow:inset 0 -3px #00000026}.avatar.big{width:110px;height:110px;font-size:3.6rem;box-shadow:inset 0 -8px #00000026,0 0 0 6px #fff}.confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:0;border-radius:2px;width:9px;height:14px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.25,.6,.4,1);animation-fill-mode:forwards;position:absolute;top:-20px}.confetti-piece.round{border-radius:50%;width:10px;height:10px}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--drift), 105vh) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.avatar{position:relative}.avatar-sm{width:28px;height:28px;font-size:.95rem}.avatar-lg{width:56px;height:56px;font-size:1.9rem}.avatar-xl{width:84px;height:84px;font-size:2.8rem;box-shadow:inset 0 -6px #00000026,0 0 0 4px #fff}.avatar-face{border-radius:50%;position:absolute;inset:0;overflow:hidden}.avatar-face img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.avatar-big{width:110px;height:110px;box-shadow:inset 0 -8px #00000026,0 0 0 6px #fff}.online-dot{background:#b9b6d3;border:2px solid #fff;border-radius:50%;width:30%;min-width:9px;height:30%;min-height:9px;position:absolute;bottom:-1px;right:-1px}.online-dot.on{background:var(--good)}.crown-arc{width:min(70vw,260px);height:auto;margin-bottom:-18px;overflow:visible}.crown-arc-seg{fill:none;stroke:#ffffff40;stroke-width:13px;stroke-linecap:round;transition:stroke .3s}.crown-arc-seg.filled{stroke:var(--gold)}.crown-arc-badge{fill:#ffffff40}.crown-arc-badge.full{fill:var(--gold)}.crown-arc-icon{text-anchor:middle;dominant-baseline:central;font-size:15px}.scoreboard.versus{grid-template-columns:1fr auto 1fr;align-items:center}.versus-score{color:#fff;font-family:var(--font-display);text-shadow:0 3px #140a5a73;align-items:center;gap:10px;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;display:flex}.versus-score .vs{opacity:.8;font-size:.55em}@media (width<=520px){.scoreboard.versus{grid-template-columns:1fr 1fr}.versus-score{display:none}}.art-icon{vertical-align:-.25em;width:1.25em;height:1.25em;display:inline-block}.app-shell{min-height:100vh}.app-main{min-width:0;padding-bottom:92px}.offline-banner{color:#6b4e00;background:#fff1cc;border-radius:14px;margin:12px 16px 0;padding:10px 14px;font-size:.92rem;font-weight:700}.app-shell.no-nav{display:block}.no-nav .app-main{padding-bottom:24px}.guest-header{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1080px;margin:0 auto;padding:18px 20px;display:flex}.guest-logo{flex-shrink:0;display:inline-flex}.guest-logo img{width:auto;height:48px}.guest-links{align-items:center;gap:8px;display:flex}.guest-links a:not(.btn){min-height:44px;color:var(--on-dark);border-radius:12px;align-items:center;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.guest-links a:not(.btn):hover{background:#ffffff1a}.sidebar{display:none}@media (width>=960px){.app-shell{grid-template-columns:260px minmax(0,1fr);display:grid}.app-main{padding-bottom:24px}.app-main.centered{flex-direction:column;min-height:100vh;padding-bottom:0;display:flex}.app-main.centered>.screen{margin-block:auto;padding-top:48px;padding-bottom:48px}.tabbar{display:none!important}.sidebar{background:var(--surface);z-index:5;flex-direction:column;gap:18px;height:100vh;padding:40px 16px 20px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:6px 0 30px #140c5a38}}.side-logo{flex-direction:column;align-items:center;gap:6px;margin-bottom:21px;padding:0 8px;text-decoration:none;display:flex}.side-logo img{width:auto;height:64px}.side-tagline{font-family:var(--font-display);color:var(--ink);white-space:nowrap;font-size:.95rem;font-weight:700}.side-profile{background:var(--surface-2);color:var(--ink);border-radius:16px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.welcome-banner{color:var(--good-dark);background:#ddf8e6}.side-profile:hover,.side-profile.is-active{background:var(--surface-3)}.side-profile.is-active{box-shadow:inset 0 0 0 2px var(--brand)}.side-profile-text{flex-direction:column;min-width:0;display:flex}.side-profile-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-profile-text .small{color:var(--ink-soft)}.link-btn{color:var(--brand-dark);background:0 0;border:0;align-self:flex-start;padding:0;font-size:.85rem;font-weight:800}.link-btn:hover{text-decoration:underline}.side-nav{border-top:2px solid var(--surface-2);flex-direction:column;gap:4px;padding-top:14px;display:flex}.side-nav a{color:var(--ink-soft);font-family:var(--font-display);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;font-size:1.08rem;font-weight:600;text-decoration:none;transition:background .12s;display:flex}.side-nav a:hover{background:var(--surface-2);color:var(--ink)}.side-nav a.active{color:var(--brand-dark);background:#ece8ff}.side-nav-icon{justify-content:center;width:32px;font-size:1.45rem;display:flex}.side-nav-icon img{width:32px;height:32px;display:block}.side-nav-icon .avatar{width:32px;height:32px}.nav-badge{background:var(--bad);color:#fff;min-width:24px;height:24px;font-family:var(--font-body);border-radius:999px;place-items:center;margin-left:auto;padding:0 7px;font-size:.8rem;font-weight:800;display:inline-grid}.play-pill{background:linear-gradient(var(--ink), var(--ink)) padding-box, linear-gradient(90deg, #33b84a, #f5b917, #f5821f, #e8413e, #e64a9c, #8e5bd9, #2f8fea) border-box;color:#fff;min-height:62px;font-family:var(--font-display);border:5px solid #0000;border-radius:999px;justify-content:center;align-items:center;margin-top:auto;font-size:1.45rem;font-weight:700;text-decoration:none;transition:transform 80ms;display:flex;box-shadow:0 6px #140c5a40}.play-pill:hover{filter:brightness(1.15)}.play-pill:active{transform:translateY(4px);box-shadow:0 2px #140c5a40}.tabbar{z-index:30;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--surface);grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #140c5a33}.immersive .tabbar{display:none}.immersive .app-main{padding-bottom:24px}.tabbar a{color:var(--ink-faint);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:.72rem;font-weight:800;text-decoration:none;display:flex;position:relative}.tabbar a.active{color:var(--brand-dark)}.tab-icon{font-size:1.35rem;line-height:1}.tab-icon img{width:26px;height:26px;display:block}.tabbar a:not(.active) .tab-icon{filter:grayscale(.6);opacity:.75}.tabbar .tab-center .tab-icon{background:linear-gradient(var(--ink), var(--ink)) padding-box, conic-gradient(#33b84a, #f5b917, #f5821f, #e8413e, #e64a9c, #8e5bd9, #2f8fea, #33b84a) border-box;filter:none;opacity:1;border:4px solid #0000;border-radius:50%;place-items:center;width:58px;height:58px;margin-top:-26px;font-size:1.6rem;display:grid;box-shadow:0 5px 12px #140c5a4d}.tabbar .tab-center{color:var(--ink)}.tabbar .nav-badge{min-width:18px;height:18px;padding:0 5px;font-size:.7rem;position:absolute;top:0;right:calc(50% - 26px)}.more-btn{width:100%;color:var(--ink-soft);font-family:var(--font-display);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;font-size:1.08rem;font-weight:600;transition:background .12s;display:flex}.more-btn:hover{background:var(--surface-2);color:var(--ink)}.more-btn.active{color:var(--brand-dark);background:#ece8ff}.side-nav-icon.more-dots{color:#fff;letter-spacing:1px;background:#b98cff;border-radius:50%;align-items:center;height:32px;font-size:.7rem}.more-panel{z-index:60;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);width:280px;box-shadow:var(--shadow-card);flex-direction:column;padding:6px 0;display:flex;position:fixed}.side-nav .more-panel a,.more-panel button{color:var(--ink);font-family:var(--font-display);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;padding:12px 20px;font-size:1.05rem;font-weight:600;text-decoration:none;display:block}.side-nav .more-panel a:hover,.more-panel button:hover{background:var(--surface-2)}.side-nav .more-panel .more-feature{border-bottom:2px solid var(--line);align-items:center;gap:14px;margin-bottom:4px;padding-bottom:14px;display:flex}.more-feature img{width:40px;height:40px}.how-steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.how-steps li{align-items:flex-start;gap:14px;display:flex}.how-steps h3{margin-bottom:2px;font-size:1.1rem}.how-icon{background:var(--surface-2);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:1.5rem;display:grid}.mastery-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mastery-row{grid-template-columns:28px minmax(0,1.1fr) minmax(80px,1fr) 3.4em;align-items:center;gap:10px;display:grid}.mastery-icon{border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;display:grid;box-shadow:inset 0 -2px #0000002e}.mastery-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.mastery-track{background:var(--surface-3);border-radius:8px;height:12px;overflow:hidden}.mastery-fill{border-radius:8px;height:100%;transition:width .4s;display:block}.mastery-fill.high{background:var(--good)}.mastery-fill.mid{background:var(--gold)}.mastery-fill.low{background:#ff6b6b}.mastery-value{text-align:right;color:var(--ink-soft);font-weight:800}.missed-card{background:var(--surface-2);border-left:6px solid var(--topic);border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex}.missed-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.missed-prompt{font-size:1.05rem;font-weight:800}.missed-line{border-radius:12px;gap:8px;padding:9px 12px;font-size:.95rem;font-weight:700;display:flex}.missed-line.wrong{color:var(--bad-dark);background:#ffeaea}.missed-line.right{color:var(--good-dark);background:#e3f9ea}.missed-line.why{color:var(--info-dark);background:#e7f2ff;font-weight:600}.missed-actions{margin-top:4px}.missed-actions .icon-btn{color:var(--ink);background:var(--surface);font-size:1.5rem;font-weight:800}.game-row{background:var(--surface-2);color:var(--ink);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;text-decoration:none;transition:background .12s;display:flex}.game-row:hover{background:var(--surface-3)}.game-row-avatars{display:flex}.game-row-avatars .avatar+.avatar{box-shadow:0 0 0 2px var(--surface-2);margin-left:-10px}.game-row-main{flex-direction:column;flex:140px;min-width:0;display:flex}.game-row-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-row-score{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.game-row-status{border-radius:999px;flex:none;margin-left:auto;padding:5px 10px;font-size:.8rem;font-weight:800}.game-row-status.hot{color:var(--bad-dark);background:#ffe1e1}.game-row-status.wait{color:var(--info-dark);background:#e7f2ff}.game-row-status.done{background:var(--surface-3);color:var(--ink-soft)}.signin-prompt{align-items:flex-start}.signin-icon{background:#ece8ff;border-radius:18px;place-items:center;width:56px;height:56px;font-size:1.8rem;display:grid}.week-strip{grid-template-columns:repeat(7,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.week-strip li{flex-direction:column;align-items:center;gap:4px;display:flex}.week-dot{background:var(--surface-3);border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.1rem;display:grid}.week-strip .played .week-dot{background:#ffe8d9;box-shadow:inset 0 0 0 2px #ffb37a}.week-strip .today .week-dot{outline:3px solid var(--brand);outline-offset:2px}.week-label{color:var(--ink-faint);font-size:.72rem;font-weight:800}.mini-wheel{filter:drop-shadow(0 10px 18px #140a5a4d);flex:none}.mini-wheel svg{width:100%;height:100%}.mini-wheel-spin{transform-origin:0 0;animation:24s linear infinite mini-spin}@keyframes mini-spin{to{transform:rotate(360deg)}}.account-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width>=900px){.account-layout{grid-template-columns:minmax(0,1fr) 300px}}.account-hero{align-items:center;gap:16px;display:flex}.account-hero h2{font-family:var(--font-display);margin:0;font-size:1.6rem}.account-hero p{margin:2px 0 0}.account-email{overflow-wrap:anywhere;margin:-6px 0 6px;font-weight:800}.account-delete-link{color:var(--bad-dark);margin-top:14px}.account-delete{background:#ffeaea;border-radius:14px;flex-direction:column;gap:10px;margin-top:16px;padding:14px;display:flex}.account-delete h3{color:var(--bad-dark);margin:0}.account-delete p{margin:0}.account-panda{flex-direction:column;gap:14px;display:flex}.account-panda-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (width>=700px){.account-panda-body{grid-template-columns:220px minmax(0,1fr)}}.account-panda-stage{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.account-panda-stage .panda-preview{background:radial-gradient(circle at 50% 75%, color-mix(in srgb, var(--player,#ffd166) 35%, white), color-mix(in srgb, var(--player,#ffd166) 70%, white));border-radius:50%;width:200px;height:200px;box-shadow:inset 0 -8px #00000014}.account-panda-stage p{max-width:220px;margin:0}.account-panda-options{flex-direction:column;gap:14px;min-width:0;display:flex}.account-panda-options .notice{margin:0}.account-panda-more{align-self:flex-start}.account-panda-earn{margin:0}.sanct-screen{gap:14px}.sanct-bar{gap:12px}.bamboo-pill{color:#2f6b12;font-family:var(--font-display);white-space:nowrap;cursor:default;background:#e5f7d4;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:1.1rem;display:inline-flex;box-shadow:0 3px #a8d98a}button.bamboo-pill{cursor:pointer}button.bamboo-pill:active{transform:translateY(2px);box-shadow:0 1px #a8d98a}.sanct-toolbar{flex-wrap:wrap;gap:10px;display:flex}.sanct-stage{position:relative}.sanct-canvas-wrap{border-radius:var(--radius-lg);width:100%;height:clamp(340px,62vh,660px);box-shadow:var(--shadow-card);background:#3fb0d6;border:4px solid #ffffffd9;position:relative;overflow:hidden}.sanct-canvas{touch-action:none;cursor:pointer;width:100%;height:100%;display:block}.sanct-use{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);position:absolute;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%)}.sanct-use kbd{font-size:.8em;font-family:var(--font-body);background:#0000001f;border-radius:6px;margin-left:6px;padding:1px 6px}@media (hover:none),(pointer:coarse){.sanct-use kbd,.sanct-keys{display:none}}.sanct-hint,.sanct-toast{text-align:center;pointer-events:none;border-radius:999px;max-width:calc(100% - 24px);margin:0;padding:6px 14px;font-size:.92rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.sanct-hint{color:var(--on-dark);background:#1f1a4db8;top:12px}.sanct-toast{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card);animation:.2s pop-in;top:52px}.sanct-play,.sanct-decorate{flex-direction:column;gap:8px;display:flex}.sanct-keys{color:var(--on-dark-soft);margin:0}.emote-bar{flex-wrap:wrap;gap:8px;display:flex}.emote-btn{gap:6px}.emote-btn span[aria-hidden]{font-size:1.25rem}@media (width<=520px){.emote-label{display:none}.emote-btn{justify-content:center;min-width:56px}}.sanct-storage{gap:8px;margin:0;padding:2px 2px 8px;list-style:none;display:flex;overflow-x:auto}.storage-item{border-radius:var(--radius);background:var(--surface);min-width:92px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 4px 0 var(--surface-3);border:3px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;display:flex}.storage-item>span[aria-hidden]{font-size:1.6rem}.storage-item.is-on{border-color:var(--gold);background:#fff8dc}.storage-name{text-align:center;font-size:.82rem;font-weight:800}.storage-count{color:var(--ink-soft);font-size:.78rem}.sanct-storage-empty{color:var(--on-dark-soft);margin:0}.sanct-selected{border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.sanct-panel{border-radius:var(--radius-lg);background:var(--surface);width:100%;max-width:720px;max-height:calc(100vh - 48px);box-shadow:var(--shadow-card);flex-direction:column;gap:14px;padding:20px;animation:.22s pop-in;display:flex;overflow-y:auto}.sanct-panel-head{align-items:center;gap:12px;display:flex}.sanct-panel-head h2{flex:1;font-size:1.4rem}.sanct-close{color:var(--ink);background:var(--surface-2)}.sanct-tabs{background:var(--surface-2);border-radius:999px;gap:6px;padding:4px;display:flex}.sanct-tabs button{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:8px 10px;font-weight:800}.sanct-tabs button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px #140c5a1f}.shop-item.is-locked{opacity:.75}.shop-icon{font-size:2rem;line-height:1.2}.shop-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.shop-unlock{color:var(--brand-dark);font-weight:700}.shop-owned{color:var(--good-dark);font-weight:800}.shop-land{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.shop-land p,.sanct-earn{margin:0}.dress-body{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.panda-preview{border-radius:var(--radius);background:radial-gradient(circle at 50% 70%,#e5f7d4,#c9eeb0);flex:none}.dress-options{flex-direction:column;flex:1;gap:8px;min-width:220px;display:flex}.dress-options h3{color:var(--ink-soft);font-size:1rem}.wear-row,.tint-row{flex-wrap:wrap;gap:8px;display:flex}.wear-choice{background:var(--surface-2);color:var(--ink);font:inherit;cursor:pointer;border:3px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.wear-choice.is-on{border-color:var(--brand);background:var(--surface-3)}.dress-slot{flex-direction:column;gap:8px;display:flex}.dress-note{margin:-6px 0 0}.wear-shop{flex-direction:column;gap:14px;display:flex}.wear-shop-title{color:var(--ink-soft);margin:0 0 8px;font-size:1rem}.shop-try{margin-bottom:2px;display:inline-grid;position:relative}.shop-lock{font-size:1.2rem;position:absolute;bottom:-4px;right:-6px}.shop-item.is-locked .shop-try .avatar{filter:grayscale(.7)}.tint{background:var(--tint);width:34px;height:34px;box-shadow:0 0 0 2px var(--line);cursor:pointer;border:3px solid #fff;border-radius:50%}.tint.is-on{box-shadow:0 0 0 3px var(--ink)}.talk-panel{max-width:none;animation:none}.talk-topics{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.talk-topic{white-space:normal;justify-content:flex-start;min-width:0}@media (width<=640px){.is-talking .sanct-canvas-wrap{height:clamp(240px,40vh,660px)}.talk-panel{gap:10px;padding:14px}.talk-panel .sanct-panel-head h2{font-size:1.15rem}.talk-topics{grid-template-columns:1fr 1fr;gap:6px}.talk-topic{text-align:center;justify-content:center;min-height:0;padding:8px 10px;font-size:.85rem}}.sanct-visitors ul,.buddy-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sanct-visitors li,.buddy-list li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sanct-visitors li>span:nth-child(2){flex:1}.buddy-add{flex-wrap:wrap;gap:10px;display:flex}.buddy-add .input{flex:1;min-width:180px}.buddy-name{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sanct-welcome .panel{gap:16px}.sanct-welcome-art{letter-spacing:6px;font-size:3.4rem}@media (prefers-reduced-motion:reduce){.sanct-panel,.sanct-toast{animation:none}}.link{color:var(--brand-dark);font-weight:800;text-decoration:none}.link:hover{text-decoration:underline}.empty-mini{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.loading-screen{color:var(--on-dark);text-align:center;padding-top:80px;font-weight:700}.dash{max-width:1120px}.dash-grid{align-items:start;gap:20px;display:grid}.dash-col{flex-direction:column;gap:20px;min-width:0;display:flex}@media (width>=900px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.deck-picker{width:auto;max-width:220px;min-height:38px;padding:6px 10px}.mini-board{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mini-board li{border-radius:14px;align-items:center;gap:10px;padding:7px 10px;display:flex}.mini-board li.me{background:#ece8ff}.rank{width:1.6em;font-family:var(--font-display);color:var(--ink-soft);text-align:center;font-weight:700}.mini-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.mini-xp{color:var(--ink-soft);font-weight:800}.mini-streak{color:#d9480f;font-size:.85rem;font-weight:800}.auth-card{width:100%;max-width:480px;margin:0 auto}.auth-card .segmented{grid-template-columns:1fr 1fr;align-self:stretch;display:grid}.avatar-picker{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.avatar-picker button{aspect-ratio:1;background:var(--surface-2);border:3px solid #0000;border-radius:14px;min-width:0;padding:0;font-size:1.4rem}.avatar-picker button[aria-pressed=true]{border-color:var(--brand);background:#ece8ff}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-picker button{width:34px;height:34px;box-shadow:0 0 0 2px var(--line);border:3px solid #fff;border-radius:50%}.color-picker button[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink)}.form-error{color:var(--bad-dark);font-weight:800}.class-layout{align-items:start;gap:20px;display:grid}@media (width>=900px){.class-layout{grid-template-columns:300px minmax(0,1fr)}}.class-tabs{flex-direction:column;gap:6px;display:flex}.class-tabs a{background:var(--surface-2);color:var(--ink);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-weight:800;text-decoration:none;display:flex}.class-tabs a.active{background:var(--brand);color:#fff}.join-code{background:#fff7dd;border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.join-code-value{letter-spacing:.15em;color:#6b4e00;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.7rem;font-weight:800}.member-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.member-list li{background:var(--surface-2);border-radius:16px;align-items:center;gap:12px;padding:8px 10px;display:flex}.member-main{flex-direction:column;flex:1;min-width:0;display:flex}.shared-decks{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.shared-decks li{background:var(--surface-2);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.shared-deck-main{flex-direction:column;flex:1;gap:4px;min-width:180px;display:flex}.topic-dots{flex-wrap:wrap;gap:4px;display:flex}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;padding-top:20px;display:grid}.podium-spot{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.podium-crown{font-size:1.6rem;line-height:1}.podium-spot strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.podium-block{width:100%;font-family:var(--font-display);color:#00000059;border-radius:18px 18px 6px 6px;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:6px;padding-top:10px;font-size:1.8rem;font-weight:700;display:flex}.podium-spot.p1 .podium-block{background:linear-gradient(#ffe08a, var(--gold));height:120px}.podium-spot.p2 .podium-block{background:linear-gradient(#eef1f6,#c9d2e0);height:90px}.podium-spot.p3 .podium-block{background:linear-gradient(#ffd8b8,#f0a46a);height:70px}.board-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.board-list li{background:var(--surface-2);border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.board-list li.me{box-shadow:inset 0 0 0 2px var(--brand);background:#ece8ff}.review-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.review-summary div{background:var(--surface-2);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:12px 6px;display:flex}.review-summary strong{font-family:var(--font-display);font-size:1.6rem}.louie-icon{vertical-align:middle;flex:none;display:inline-block}.category-badge{width:var(--badge-size);height:var(--badge-size);border-radius:calc(var(--badge-size) * .28);background:var(--badge-color);color:#fff;box-shadow:0 calc(var(--badge-size) * .08) 0 var(--badge-edge), inset 0 2px 0 #ffffff47;flex:none;justify-content:center;align-items:center;display:inline-flex}.category-badge .louie-icon{filter:drop-shadow(0 2px #0000002e)}.site-header{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1080px;margin:0 auto;padding:18px 20px;display:flex}.site-logo{flex-shrink:0;display:inline-flex}.site-logo img{width:auto;height:52px}.site-links{align-items:center;gap:8px;display:flex}.site-links a{color:var(--on-dark-soft);border-radius:12px;padding:8px 14px;font-weight:800;text-decoration:none}.site-links a:hover{color:var(--on-dark);background:#ffffff14}.site-links .site-signin,.site-links .site-account{color:var(--on-dark);border:2px solid #ffffff59}@media (width<=420px){.site-logo img{height:44px}}.daily-page{min-height:100dvh;color:var(--on-dark)}.daily-main{flex-direction:column;gap:24px;width:100%;max-width:1080px;margin:0 auto;padding:24px 16px 56px;display:flex}.daily-heading{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.daily-heading h1{text-shadow:0 4px #140c5a73;font-size:clamp(2.2rem,6vw,3.4rem)}.daily-date{color:var(--gold);align-items:center;gap:8px;margin:0;font-weight:800;display:inline-flex}.daily-sub{color:var(--on-dark-soft);margin:0;font-size:1.1rem;font-weight:700}.daily-group{flex-direction:column;gap:14px;display:flex}.daily-group h2{color:var(--on-dark);font-size:1.5rem}.daily-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.daily-card{border-radius:var(--radius);background:var(--surface);height:100%;color:var(--ink);box-shadow:0 6px 0 var(--surface-3), var(--shadow-card);grid-template-columns:auto 1fr;grid-template-areas:"badge text""meta meta""play play";align-items:center;gap:14px 16px;padding:20px;text-decoration:none;transition:transform .12s;display:grid}.daily-card:hover{transform:translateY(-3px)}.daily-card .category-badge{grid-area:badge}.daily-card-text{flex-direction:column;grid-area:text;gap:2px;min-width:0;display:flex}.daily-card-text strong{font-family:var(--font-display);font-size:1.3rem;font-weight:600}.daily-card-text span{color:var(--ink-soft);font-weight:600}.daily-card-meta{color:var(--ink-soft);grid-area:meta;align-items:center;gap:12px;font-size:.9rem;font-weight:700;display:flex}.daily-card-meta>span{align-items:center;gap:5px;display:inline-flex}.daily-level{background:var(--surface-2);color:var(--brand-dark);border-radius:999px;padding:3px 10px}.daily-card-play{grid-area:play;width:100%}.daily-next{color:var(--on-dark-soft);justify-content:center;align-items:center;gap:6px;margin:0;font-weight:700;display:inline-flex}.daily-next.on-light{color:var(--ink-soft)}.daily-round{text-align:center;width:100%;max-width:560px;color:var(--ink);align-items:center;gap:14px;margin:12px auto 0}.daily-round h1{font-size:2.2rem}.daily-round-sub{color:var(--ink-soft);margin:-6px 0 0;font-weight:700}.daily-soon{background:var(--surface-2);color:var(--brand-dark);text-align:left;border-radius:14px;align-items:flex-start;gap:10px;padding:14px 16px;font-weight:700;display:flex}.daily-soon p{margin:0}.daily-round-actions{justify-content:center}.daily-disclaimer{color:var(--ink-faint);margin:0;font-size:.78rem}.landing-page{min-height:100dvh;color:var(--on-dark);flex-direction:column;display:flex}.landing-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;width:100%;max-width:760px;margin:0 auto;padding:40px 16px 32px;display:flex}.landing-eyebrow{color:var(--gold);background:#ffc93c24;border:2px solid #ffc93c73;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 16px;font-size:.95rem;font-weight:800;display:inline-flex}.landing-title{text-wrap:balance;letter-spacing:-.01em;text-shadow:0 5px #140c5a73;font-size:clamp(2.3rem,8vw,4.6rem);line-height:1.02}.landing-title span{color:var(--gold);display:block}.landing-points{color:var(--on-dark-soft);flex-direction:column;gap:6px;margin:0;padding:0;font-size:1.15rem;font-weight:700;list-style:none;display:flex}.landing-cta.btn{min-height:68px;box-shadow:0 7px 0 var(--btn-edge), 0 18px 40px #ffc93c59;border-radius:20px;gap:12px;padding:14px 34px;font-size:1.45rem;animation:2.4s ease-in-out infinite landing-cta-pulse}.landing-cta.btn:hover{animation-play-state:paused}.landing-cta.btn:active{box-shadow:0 1px 0 var(--btn-edge);animation:none;transform:translateY(6px)}@keyframes landing-cta-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.landing-meta{color:var(--on-dark-soft);flex-direction:column;align-items:center;gap:4px;margin-top:-4px;font-size:.95rem;font-weight:700;display:flex}.landing-meta p{align-items:center;gap:6px;margin:0;display:inline-flex}.landing-categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;width:100%;margin:18px 0 0;padding:0;list-style:none;display:grid}.landing-categories a{color:var(--on-dark);flex-direction:column;align-items:center;gap:10px;font-size:.85rem;font-weight:800;line-height:1.2;text-decoration:none;display:flex}.landing-categories li .category-badge{animation:3.2s ease-in-out infinite landing-float;animation-delay:var(--delay);transition:transform .12s}.landing-categories a:hover .category-badge{animation-play-state:paused;transform:translateY(-4px)scale(1.06)}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing-footer{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px 16px 28px;display:flex}.landing-footer a{text-wrap:balance;color:var(--gold);align-items:center;gap:6px;font-weight:800;text-decoration:none;display:inline-flex}.landing-footer a:hover{text-decoration:underline}.landing-footer p{color:#ffffff8c;max-width:560px;margin:0;font-size:.8rem}@media (width<=640px){.landing-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.landing-points{font-size:1.05rem}.landing-cta.btn{width:100%;font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.landing-cta.btn,.landing-categories li .category-badge{animation:none}}.front-page{min-height:100dvh;color:var(--ink);background:#f7f5ff}.front-page p{margin:0}.front-wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}.front-header{align-items:center;gap:16px;padding-top:28px;padding-bottom:18px;display:flex}.front-logo{margin-right:auto;display:inline-flex}.front-logo img{width:auto;height:50px}.front-header-links{align-items:center;gap:6px;display:flex}.front-back,.front-header-links a:not(.btn){min-height:44px;color:var(--ink);border-radius:12px;align-items:center;gap:6px;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.front-back:hover,.front-header-links a:not(.btn):hover{background:var(--surface-3);color:var(--brand-dark)}.front-header-links .btn{margin-left:8px}.front-back{padding-left:6px}.front-flip{transform:scaleX(-1)}.front-btn-outline.btn{--btn-bg:#fff;--btn-edge:var(--line);--btn-ink:var(--brand-dark);border:2px solid #c9c4ee}.front-tile{background:var(--brand);color:#fff;width:56px;height:56px;box-shadow:0 5px 0 var(--brand-dark);border-radius:18px;flex:none;justify-content:center;align-items:center;display:inline-flex}.front-tile-gold{background:var(--gold);color:var(--ink);box-shadow:0 5px 0 var(--gold-dark)}.front-tile-big{border-radius:20px;width:68px;height:68px}.front-muted{color:var(--ink-soft);font-weight:700}.front-eyebrow{color:var(--brand);letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;font-weight:800}.front-card{color:var(--ink);box-shadow:0 8px 0 var(--line);background:#fff;border-radius:28px;padding:26px}.front-actions{flex-wrap:wrap;gap:16px;margin-top:6px;display:flex}.front-actions-row{justify-content:center}.front-just-play{min-height:44px;color:var(--brand-dark);text-align:left;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:inline-flex}.front-just-play:hover{text-decoration:underline}.front-just-play img{flex:none;width:28px;height:28px}.front-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding-top:88px;padding-bottom:88px;display:grid}.front-hero-text{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.front-hero h1{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:700;line-height:1.04}.front-hero h1 span{color:var(--brand)}.front-lead{max-width:540px;color:var(--ink-soft);font-size:1.25rem;font-weight:700;line-height:1.55}.front-checks{color:var(--ink-soft);flex-wrap:wrap;gap:8px 22px;margin:4px 0 0;padding:0;font-size:.95rem;font-weight:800;list-style:none;display:flex}.front-checks li{align-items:center;gap:6px;display:inline-flex}.front-checks .louie-icon{color:var(--good-dark)}.front-stage{width:100%;max-width:560px;height:680px;margin:0 auto;position:relative}.front-map{width:390px;max-width:100%;height:640px;box-shadow:0 10px 0 var(--line), 0 30px 70px #2a208833, 0 -18px 56px #2a208829;background:#fff;border-radius:36px;position:absolute;top:20px;left:0;overflow:hidden}.front-map-line{width:100%;height:100%;position:absolute;inset:0}.front-map-line path{fill:none;stroke:var(--line);stroke-width:14px;stroke-linecap:round}.front-week{background:var(--surface-2);color:var(--brand-dark);border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.front-week span{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.front-week small{font-size:.85rem;font-weight:800}.front-week-now{background:var(--brand);color:#fff;box-shadow:0 5px 0 var(--brand-dark);top:20px;bottom:auto}.front-stop{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:absolute;transform:translate(-50%)}.front-stop-done{background:var(--good);box-shadow:0 6px 0 var(--good-dark)}.front-stop-1{top:92px;left:40%}.front-stop-2{top:190px;left:56%}.front-stop-now{background:var(--gold);width:88px;height:88px;box-shadow:0 7px 0 var(--gold-dark), 0 0 0 8px #ffc93c4d;top:280px;left:40%}.front-stop-now img{width:58px;height:58px}.front-stop-game{background:var(--info);box-shadow:0 6px 0 var(--info-dark);top:400px;left:24%}.front-stop-locked{background:var(--surface-3);color:var(--brand);top:498px;left:40%;box-shadow:0 6px #c9c4ee}.front-stop-label{background:var(--ink);color:#fff;white-space:nowrap;border-radius:12px;padding:8px 12px;font-size:.9rem;font-weight:800;position:absolute;top:296px;left:calc(40% + 58px)}.front-surprise{color:var(--info-dark);background:#e5f1fd;border-radius:10px;padding:6px 10px;font-size:.8rem;font-weight:800;position:absolute;top:418px;left:calc(24% + 46px)}.front-exam-card{width:240px;box-shadow:0 6px 0 var(--line), 0 18px 40px #2a208824;background:#fff;border-radius:20px;flex-direction:column;gap:4px;padding:16px;display:flex;position:absolute;top:110px;right:0}.front-exam-card span{color:var(--bad-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:800}.front-exam-card strong{font-family:var(--font-display);font-size:1.8rem;font-weight:700}.front-exam-card small{color:var(--ink-soft);font-size:.9rem;font-weight:700}.front-exam-card,.front-streak-chip,.front-mini-card{animation:4s ease-in-out infinite front-float}.front-streak-chip{animation-delay:-2s}.front-mini-card{animation-delay:-1.2s}@keyframes front-float{0%,to{translate:0}50%{translate:0 -8px}}.front-streak-chip{box-shadow:0 6px 0 var(--line), 0 18px 40px #2a208824;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-weight:800;display:inline-flex;position:absolute;top:205px;left:-40px}.front-streak-chip img{width:36px;height:36px}.front-subjects-section{background:#fff;padding-bottom:88px}.front-subjects{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:14px;margin:0 auto;list-style:none;display:grid}.front-subjects a,.front-subjects button{width:100%;font:inherit;color:var(--ink);text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:6px;font-size:.95rem;font-weight:800;text-decoration:none;display:flex}.front-subjects a:hover,.front-subjects button:hover{color:var(--brand-dark)}.front-subjects .category-badge{transition:transform .12s}.front-subjects a:hover .category-badge,.front-subjects button:hover .category-badge{transform:translateY(-3px)}.front-subject-notes{grid-column:span 2}.front-subjects .front-subject-notes a{background:#fff7dc;border:2px solid #ffe08a;border-radius:22px;flex-direction:row;justify-content:center;gap:14px;padding:14px 18px;font-size:1.1rem}.front-mini-card{width:240px;color:var(--ink);box-shadow:0 8px 0 var(--line), 0 24px 50px #2a20882e;background:#fff;border-radius:22px;flex-direction:column;gap:10px;padding:16px;display:flex;position:absolute;top:390px;right:0}.front-mini-top{justify-content:space-between;align-items:center;display:flex}.front-mini-top img{width:32px;height:32px}.front-mini-card .front-question-text{font-size:1.05rem}.front-mini-card .front-answer{padding:9px 12px;font-size:.95rem}.front-band{padding:88px 0}.front-band-white{background:#fff}.front-band-purple{background:var(--bg);color:#fff}.front-stack{flex-direction:column;gap:40px;display:flex}.front-kinds-head{justify-content:space-between;align-items:center;gap:32px;display:flex}.front-bamboo{flex:none;width:200px;height:auto;margin-right:48px;animation:4s ease-in-out -.6s infinite front-float;position:relative;top:-20px}.front-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.front-split-plan{padding-top:88px;padding-bottom:88px}.front-copy{flex-direction:column;gap:18px;display:flex}.front-copy h2,.front-trust-section h2,.front-final h2{text-wrap:balance;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.08}.front-copy p:not(.front-eyebrow){max-width:680px;color:var(--ink-soft);font-size:1.15rem;font-weight:600;line-height:1.55}.front-band-purple .front-copy p:not(.front-eyebrow){color:#ffffffe0}.front-notes-demo{justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.front-paper{color:#3b3566;background:#fffdf4 repeating-linear-gradient(#0000 0 28px,#e6e1c8 28px 29px);border-radius:14px;width:240px;padding:20px 20px 24px;font-size:.9rem;line-height:1.9;position:absolute;top:16px;left:0;transform:rotate(-6deg);box-shadow:0 14px 34px #2a20882e}.front-paper-title{font-family:var(--font-display);color:var(--brand-dark);font-size:1.05rem;font-weight:600}.front-question{width:360px;max-width:100%;color:var(--ink);box-shadow:0 8px 0 var(--line), 0 24px 50px #2a208829;background:#fff;border-radius:24px;flex-direction:column;gap:10px;margin:80px 0 0 140px;padding:20px;display:flex;position:relative}.front-notes-arrow{z-index:1;background:var(--gold);width:56px;height:56px;color:var(--ink);box-shadow:0 5px 0 var(--gold-dark);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:-46px;transform:translateY(-50%)}.front-chip{color:#a02a5a;background:#fde8f1;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.82rem;font-weight:800}.front-question-text{font-family:var(--font-display);font-size:1.2rem;font-weight:600;line-height:1.25}.front-answer{background:var(--surface-2);color:var(--ink);box-shadow:0 4px 0 var(--line);border-radius:12px;padding:10px 12px;font-weight:800}.front-chip-green{color:var(--good-dark);background:#e7f9ee}.front-answer-right{background:var(--good);color:#fff;box-shadow:0 4px 0 var(--good-dark);align-items:center;gap:8px;display:flex}.front-kinds{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.front-kind{--kind-bg:var(--surface-2);--kind-icon:var(--brand);--kind-ink:var(--ink-soft);background:var(--kind-bg);border-radius:22px;flex-direction:column;gap:10px;padding:22px;display:flex}.front-kind-blue{--kind-bg:#e5f1fd;--kind-icon:var(--info);--kind-ink:#33507a}.front-kind-space{--kind-bg:#ebe9f7;--kind-icon:#1a1446}.front-kind-green{--kind-bg:#e7f9ee;--kind-icon:var(--good-dark);--kind-ink:#2f5a3e}.front-kind-gold{--kind-bg:#fff7dc;--kind-icon:transparent;--kind-ink:#5c4400}.front-kind-icon{background:var(--kind-icon);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.front-kind-space .front-kind-icon{color:var(--gold)}.front-kind-icon img{width:48px;height:48px}.front-kind h3{font-size:1.2rem;font-weight:600}.front-kind p{color:var(--kind-ink);font-weight:600;line-height:1.45}.front-plan-copy{position:relative}.front-plan-copy h2{padding-right:190px}.study-panda{width:190px;height:auto;position:absolute;top:-64px;right:-16px}.study-panda-body{animation:3s ease-in-out infinite study-panda-bob}.study-panda-arm{transform-box:view-box;transform-origin:214px 174px;animation:6s ease-in-out infinite study-panda-write}.study-panda-head{transform-box:view-box;transform-origin:192px 170px;animation:6s ease-in-out infinite study-panda-glance}.study-panda-eyes{animation:6s ease-in-out infinite study-panda-look}@keyframes study-panda-glance{0%,64%,to{transform:rotate(0)}72%,90%{transform:rotate(9deg)translateY(-2px)}}@keyframes study-panda-look{0%,64%,to{transform:translate(0)}72%,90%{transform:translate(10px,-12px)}}.study-panda-lid{transform-box:fill-box;transform-origin:50%;animation:4.5s infinite study-panda-blink;transform:scaleY(0)}.study-panda-check{stroke-dasharray:1;stroke-dashoffset:0;animation:6s ease-out infinite study-panda-check}.study-panda-check-2{animation-name:study-panda-check-2}.study-panda-check-3{animation-name:study-panda-check-3}.study-panda-spark{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite study-panda-twinkle}.study-panda-spark-2{animation-delay:-1.2s}@keyframes study-panda-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes study-panda-write{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-7deg)}20%,40%,60%{transform:rotate(4deg)}75%{transform:rotate(0)}}@keyframes study-panda-blink{0%,92%,to{transform:scaleY(0)}95%{transform:scaleY(1)}}@keyframes study-panda-check{0%,8%{stroke-dashoffset:1px}18%,88%{stroke-dashoffset:0}96%,to{stroke-dashoffset:1px}}@keyframes study-panda-check-2{0%,28%{stroke-dashoffset:1px}38%,88%{stroke-dashoffset:0}96%,to{stroke-dashoffset:1px}}@keyframes study-panda-check-3{0%,48%{stroke-dashoffset:1px}58%,88%{stroke-dashoffset:0}96%,to{stroke-dashoffset:1px}}@keyframes study-panda-twinkle{0%,to{opacity:.6;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}.front-plan{flex-direction:column;gap:14px;display:flex}.front-plan-head{align-items:center;gap:12px;display:flex}.front-plan-head img{width:44px;height:44px}.front-plan-head h3{font-size:1.4rem;font-weight:600}.front-plan-row{background:var(--surface-2);border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.front-plan-row div{flex-direction:column;flex:1;gap:2px;display:flex}.front-plan-row strong{font-size:1.05rem;font-weight:800}.front-plan-row span:not(.front-plan-dot):not(.front-plan-time){color:var(--ink-soft);font-size:.92rem;font-weight:700}.front-plan-dot{border-radius:50%;flex:none;width:12px;height:12px}.front-plan-dot-red{background:var(--bad)}.front-plan-dot-gold{background:var(--gold)}.front-plan-dot-blue{background:var(--info)}.front-plan-time{color:var(--brand-dark);white-space:nowrap;font-weight:800}.front-match{box-shadow:0 10px 0 var(--bg-deep), 0 30px 60px #0a063259;flex-direction:column;gap:20px;display:flex}.front-match-top{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;font-weight:800;display:flex}.front-match-turn{background:var(--gold);color:var(--ink);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.9rem}.front-player{align-items:center;gap:14px;display:flex}.front-player+.front-player{border-top:2px solid #ecebf7;padding-top:20px}.front-player-face{border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.front-player-face img{width:44px;height:44px}.front-player-info{flex-direction:column;flex:1;gap:6px;font-size:1.1rem;display:flex}.front-crowns{gap:6px;display:flex}.front-crowns span{border-radius:8px;width:26px;height:26px}.front-score{font-family:var(--font-display);font-size:2rem;font-weight:700}.front-spin-icon{width:32px;height:32px}.front-trust-section{flex-direction:column;gap:36px;padding-top:88px;padding-bottom:48px;display:flex}.front-trust-section h2{max-width:700px}.front-trust{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.front-trust li{flex-direction:column;gap:10px;display:flex}.front-trust .louie-icon{color:var(--brand)}.front-trust h3{font-size:1.2rem;font-weight:600}.front-trust p{color:var(--ink-soft);font-weight:600;line-height:1.5}.front-daily{background:#fff7dc;border:2px solid #ffe08a;border-radius:28px;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-bottom:96px;padding:28px 32px;display:flex}.front-daily>img{flex:none;width:72px;height:72px}.front-daily-text{flex-direction:column;flex:340px;gap:6px;display:flex}.front-daily-text h2{font-size:1.6rem;font-weight:600}.front-daily-text p{color:#5c4400;font-size:1.05rem;font-weight:700}.front-daily-go{flex-direction:column;align-items:center;gap:10px;display:flex}.front-daily-go span{color:#5c4400;font-size:.9rem;font-weight:800}.front-final-section{background:#fff;padding:104px 0}.front-final{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.front-final>img{width:240px;max-width:64%;height:auto}.front-final h2{max-width:760px;font-size:clamp(2.2rem,4.6vw,3.6rem)}.front-final .front-actions{margin-top:6px}.front-final .front-just-play{margin-top:4px}.front-footer{background:var(--ink);color:#fffc;padding:40px 0 48px}.front-footer .front-wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.front-footer img{width:auto;height:40px}.front-footer nav{flex-wrap:wrap;gap:24px;font-weight:800;display:flex}.front-footer a{color:#fff;text-decoration:none}.front-footer a:hover{color:var(--gold)}.front-footer p{color:#ffffffb3;flex-basis:100%;max-width:720px;font-size:.85rem;line-height:1.5}.front-start{padding-bottom:64px}.front-start-main{flex-direction:column;gap:36px;max-width:960px;padding-top:24px;display:flex}.front-start-title{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.front-start-title img{width:96px;height:96px}.front-start-title h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700}.front-own{border:3px solid var(--gold);background:#fff7dc;border-radius:30px;flex-direction:column;gap:22px;padding:28px;display:flex;box-shadow:0 8px #f3d27a}.front-own-head{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.front-own-head>div{flex-direction:column;flex:300px;gap:4px;display:flex}.front-own h2{font-size:1.8rem;font-weight:700}.front-own-head p,.front-own-note{color:#5c4400;font-weight:700;line-height:1.45}.front-own-head p{font-size:1.1rem}.front-own-ways{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.front-own-ways .btn{white-space:normal}.front-btn-warm.btn{--btn-edge:#f3d27a;border-color:#ffe08a}.front-pick{flex-direction:column;gap:16px;display:flex}.front-pick h2{font-size:1.6rem;font-weight:600}.front-pick h3{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-top:8px;font-size:.95rem;font-weight:800}.front-subject-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.front-subject-card{width:100%;height:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border:2px solid #ecebf7;border-radius:20px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:transform .12s;display:flex;box-shadow:0 5px #ecebf7}.front-subject-card:hover{color:var(--ink);border-color:#c9c4ee;transform:translateY(-2px)}.front-subject-card>span:last-child{flex-direction:column;gap:2px;display:flex}.front-subject-card strong{font-size:1.1rem;font-weight:800}.front-subject-card small{color:var(--ink-soft);font-size:.9rem;font-weight:700}.front-start .front-just-play{align-self:center}@media (width<=1180px){.front-stage{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:24px 16px;height:auto;display:grid}.front-map{grid-column:1/-1;margin-top:20px;position:relative;top:0}.front-exam-card,.front-streak-chip,.front-mini-card{position:relative;top:auto;left:auto;right:auto}.front-exam-card{justify-self:end;width:min(100%,240px)}.front-streak-chip{justify-self:start}.front-mini-card{grid-column:1/-1;width:min(100%,320px)}.study-panda{width:150px;top:-40px;right:0}.front-plan-copy h2{padding-right:140px}}@media (width<=960px){.front-hero,.front-split{grid-template-columns:minmax(0,1fr)}.front-split{gap:40px}.front-split>.front-copy{order:-1}.front-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}.front-bamboo{width:140px;margin-right:0}.front-subjects{grid-template-columns:repeat(4,minmax(0,1fr))}.front-trust,.front-subject-list{grid-template-columns:repeat(2,minmax(0,1fr))}.front-hide-sm{display:none!important}}@media (width<=640px){.front-wrap{padding-left:16px;padding-right:16px}.front-hero{padding-top:40px;padding-bottom:64px}.front-band,.front-split-plan{padding-top:64px;padding-bottom:64px}.front-trust-section{padding-top:64px}.front-actions{align-self:stretch}.front-actions .btn{white-space:normal;width:100%}.front-notes-demo{flex-direction:column;align-items:stretch;gap:16px;min-height:0}.front-paper{width:auto;margin:0 12px;position:relative;top:0;transform:rotate(-2deg)}.front-notes-arrow{display:none}.front-question{width:auto;margin:0}.front-exam-card,.front-streak-chip{display:none}.front-kinds,.front-trust{grid-template-columns:minmax(0,1fr)}.front-bamboo,.study-panda{display:none}.front-plan-copy h2{padding-right:0}.front-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}.front-subjects-section{padding-bottom:64px}.front-plan-row{padding:12px}.front-final-section{padding:72px 0}.front-daily{margin-bottom:72px;padding:22px 20px}.front-daily-go,.front-daily-go .btn{width:100%}.front-own{padding:20px}.front-own-ways,.front-subject-list{grid-template-columns:minmax(0,1fr)}}.coin-pill{color:#6b4500;font-family:var(--font-display);box-shadow:0 3px 0 var(--gold-dark);background:#fff3c4;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 14px;font-size:1.05rem;display:inline-flex}.coin{vertical-align:-.18em;flex:none;width:1.1em;height:1.1em}.trail-reward,.drill-coins{align-items:center;gap:4px;display:inline-flex}button.coin-pill:active{box-shadow:0 1px 0 var(--gold-dark);transform:translateY(2px)}.trail-week{gap:inherit;flex-direction:column;padding-top:18px;display:flex}.trail-week-banner{border-left:6px solid var(--course,var(--brand));color:var(--on-dark);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:4px 4px 4px 16px;display:flex}.trail-week-banner h2{font-size:1.6rem;line-height:1.15}.trail-week-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-soft);font-size:.8rem;font-weight:800}.trail-week.is-complete .trail-week-eyebrow{color:#ffd54a}.trail-week-note{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.trail-focus{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;display:flex}.trail-focus.is-on{border-left:6px solid var(--brand)}.trail-focus.is-suggested{border-left:6px solid #ffc93c}.trail-focus-text{flex-direction:column;flex:240px;gap:2px;display:flex}.trail-focus-text .small{color:var(--ink-soft)}.trails-intro{color:var(--on-dark-soft);max-width:62ch}.trails-intro a{color:var(--on-dark);font-weight:800}.trails-heading{color:var(--on-dark);font-size:1.3rem}.trail-deck.is-archived{opacity:.82}.trails-removed{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.trails-removed li{border-radius:var(--radius);color:var(--on-dark);background:#ffffff1f;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.trail-progress{background:#ffffff2e;border-radius:999px;flex:140px;height:14px;overflow:hidden}.trail-progress.light{background:var(--surface-3);flex:none;width:100%}.trail-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--gold), #ffe08a);height:100%;transition:width .4s}.trail-screen{gap:24px}.trail-overview{color:var(--on-dark);flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;display:flex}.trail-section{--topic-edge:color-mix(in srgb, var(--topic) 62%, #000);flex-direction:column;display:flex}.trail-section.is-locked{--topic:#a9a4cf;--topic-edge:#7f7aab}.trail-banner{border-radius:var(--radius-lg);background:var(--topic);color:#fff;box-shadow:0 6px 0 var(--topic-edge);align-items:center;gap:14px;padding:16px 20px;display:flex}.trail-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trail-banner h2{overflow-wrap:anywhere;font-size:1.35rem}.trail-banner-eyebrow{letter-spacing:.06em;text-transform:uppercase;opacity:.9;font-size:.78rem;font-weight:800}.trail-banner-badge{background:#ffffff38;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:1.9rem;display:grid}.trail-path{flex-direction:column;align-items:center;gap:22px;margin:0;padding:44px 0 36px;list-style:none;display:flex}.trail-step{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.trail-node{background:var(--topic);color:#fff;width:76px;height:72px;transform:translateX(var(--x));box-shadow:0 7px 0 var(--topic-edge), inset 0 -5px 0 #0000001a;border:0;border-radius:50%;place-items:center;padding:0;font-size:2rem;line-height:1;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.trail-node:active{transform:translateX(var(--x)) translateY(5px);box-shadow:0 2px 0 var(--topic-edge), inset 0 -5px 0 #0000001a}.trail-node.is-selected{outline-offset:4px;outline:4px solid #fff}.trail-node.is-locked{color:#8f8bb5;background:#dcd8f2;font-size:1.5rem;box-shadow:0 7px #bdb8e0}.trail-node.is-skipped{background:color-mix(in srgb, var(--topic) 45%, #fff);box-shadow:0 7px 0 color-mix(in srgb, var(--topic) 60%, #000);font-size:1.6rem}.trail-node.is-game{box-shadow:0 7px 0 var(--topic-edge), inset 0 -5px 0 #0000001a, 0 0 0 5px #ffc93c}.trail-node.is-game.is-locked{font-size:1.9rem;box-shadow:0 7px #bdb8e0,0 0 0 5px #efe3b0}.trail-node.is-game.is-locked>span{filter:grayscale(.7)opacity(.65)}.trail-node.is-milestone{width:90px;height:86px;font-size:2.5rem}.trail-node.is-current:after{content:"";border:4px solid color-mix(in srgb, var(--topic) 55%, #fff);pointer-events:none;border-radius:50%;animation:1.6s ease-out infinite trail-ring;position:absolute;inset:-9px}.trail-node.kind-wheel .mini-wheel{filter:none}.trail-node.kind-chest{width:92px;height:84px;box-shadow:none;background:0 0;border-radius:24px}.trail-node.kind-chest:after{border-radius:24px}.trail-node.kind-chest.is-locked .chest{filter:grayscale()opacity(.55)}.trail-node.kind-chest.is-current .chest{animation:2.4s ease-in-out infinite trail-wiggle}.trail-check{background:var(--gold);color:#4a3200;width:28px;height:28px;box-shadow:0 2px 0 var(--gold-dark);border-radius:50%;place-items:center;font-size:.95rem;font-weight:900;display:grid;position:absolute;top:-4px;right:-4px}.trail-start{color:var(--topic-edge);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#fff;border-radius:12px;padding:5px 12px;font-size:.85rem;font-weight:600;animation:1.4s ease-in-out infinite trail-bob;position:absolute;bottom:calc(100% + 14px);left:50%;translate:-50%;box-shadow:0 3px #00000026}.trail-start:after{content:"";border:7px solid #0000;border-top-color:#fff;margin-left:-7px;position:absolute;top:100%;left:50%}.trail-mascot{width:58px;height:58px;transform:translateX(calc(-50% + var(--mx)));pointer-events:none;animation:2.2s ease-in-out infinite trail-bob;position:absolute;top:6px;left:50%}.trail-card{border-radius:var(--radius);border-top:6px solid var(--topic);background:var(--surface);width:min(340px,100%);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;margin-top:18px;padding:16px 18px;animation:.18s trail-pop;display:flex}.trail-card h3{font-size:1.2rem}.trail-card-status{color:var(--ink-soft);font-weight:700}.trail-card-note{background:var(--surface-2);color:var(--brand-dark);border-radius:10px;padding:6px 10px;font-weight:700}.trail-card-chest-row{justify-content:center}.trail-card.is-game{border-top-color:#ffc93c}.trail-card-tag{color:#8a5a00;background:#fff3c4;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.8rem;font-weight:800}.trail-finish{align-self:center;gap:12px}.chest{display:block;overflow:visible}.chest-lid{transform-origin:6px 29px;transition:transform .3s}.chest.open .chest-lid{transform:translate(-3px,-13px)rotate(-14deg)}.chest-reveal{gap:14px;max-width:420px;margin-block:auto}.chest-reveal .chest-lid{animation:.7s cubic-bezier(.3,1.5,.5,1) .15s both chest-open}.chest-reveal .chest-coins{animation:.6s ease-out .45s both chest-coins}.drill-screen .stage{align-items:flex-start;min-height:min(580px,100svh - 150px)}@media (width<=640px){.drill-screen .stage{min-height:calc(100svh - 90px)}}.drill-bar{gap:14px}.drill-progress{flex:1;gap:6px;display:flex}.drill-progress span{background:#fff3;border-radius:999px;flex:1;height:14px;transition:background .2s}.drill-progress span.is-right{background:var(--good)}.drill-progress span.is-wrong{background:var(--bad)}.drill-progress span.is-now{background:var(--gold)}.drill-note{color:var(--on-dark-soft);text-align:center;font-weight:700}.drill-results{gap:10px}.drill-score{font-family:var(--font-display);color:var(--topic);font-size:4.2rem;font-weight:600;line-height:1}.drill-score small{color:var(--ink-faint);font-size:1.6rem}.drill-coins{color:#6b4500;font-family:var(--font-display);background:#fff3c4;border-radius:999px;padding:6px 16px;font-size:1.2rem}.drill-bamboo{color:#2f6b12;font-family:var(--font-display);background:#e5f7d4;border-radius:999px;padding:6px 16px;font-size:1.1rem;text-decoration:none}.drill-result-note{color:var(--ink-soft);font-weight:700}.shop{flex-direction:column;gap:14px;display:flex}.shop-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.shop-head>div{flex-direction:column;gap:6px;display:flex}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.shop-item{border-radius:var(--radius);background:var(--surface-2);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;display:flex}.shop-icon{font-size:2rem}.shop-owned{gap:4px;display:flex}.shop-owned span{background:var(--surface-3);border-radius:50%;width:10px;height:10px}.shop-owned span.is-owned{background:var(--brand)}@keyframes trail-ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.22)}}@keyframes trail-bob{50%{translate:0 -5px}}.trail-start{animation-name:trail-start-bob}@keyframes trail-start-bob{0%,to{translate:-50%}50%{translate:-50% -5px}}@keyframes trail-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-6deg)}90%{transform:rotate(6deg)}95%{transform:rotate(-3deg)}}@keyframes trail-pop{0%{opacity:0;transform:translateY(-6px)scale(.97)}}@keyframes chest-open{0%{transform:none}}@keyframes chest-coins{0%{opacity:0;transform:translateY(14px)}}.trail-course-card{border-top:6px solid var(--course,var(--brand))}.trail-course-head{align-items:center;gap:12px;display:flex}.trail-course-head h3{font-size:1.3rem}.trail-course-next{color:var(--ink);margin:0}.trail-course-summary{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;display:flex}.trail-course-summary .trail-progress{flex:100%}.trail-course-link{margin-left:auto;font-weight:800}.trail-deck.is-next{box-shadow:0 0 0 4px var(--gold), var(--shadow-card)}.trail-screen>.topbar{z-index:25;border-radius:0 0 var(--radius) var(--radius);background:color-mix(in srgb, var(--bg-deep) 82%, transparent);-webkit-backdrop-filter:blur(10px);margin:-10px -16px 0;padding:10px 16px;position:sticky;top:0}.trail-switch{flex:none;position:relative}.trail-switch-btn{background:var(--surface);min-height:44px;color:var(--ink);font:inherit;box-shadow:0 3px 0 var(--surface-3);cursor:pointer;border:0;border-radius:14px;align-items:center;gap:8px;padding:4px 12px 4px 5px;font-weight:800;display:inline-flex}.trail-switch-btn:hover,.trail-switch-btn.is-open{background:var(--surface-2)}.trail-switch-btn:active{box-shadow:0 1px 0 var(--surface-3);transform:translateY(2px)}.trail-switch-deck-icon{background:var(--surface-3);border-radius:10px;place-items:center;width:34px;height:34px;font-size:1.15rem;display:inline-grid}.trail-switch-chevron{color:var(--ink-soft);font-size:.85rem}@media (width<=560px){.trail-switch-label{display:none}}.trail-switch-caret,.trail-switch-panel{z-index:40;background:var(--surface);border:2px solid var(--line);position:absolute;top:calc(100% + 12px)}.trail-switch-caret{z-index:41;border-bottom:0;border-right:0;border-radius:4px 0 0;width:18px;height:18px;margin-top:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.trail-switch-panel{border-radius:var(--radius);width:min(360px,100vw - 32px);max-height:min(560px,75vh);box-shadow:var(--shadow-card);color:var(--ink);flex-direction:column;animation:.14s ease-out trail-switch-pop;display:flex;right:0;overflow:hidden}@keyframes trail-switch-pop{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.trail-switch-panel{animation:none}}.trail-switch-scroll{overscroll-behavior:contain;overflow-y:auto}.trail-switch-panel ul{margin:0;padding:0;list-style:none}.trail-switch-head{color:var(--ink-faint);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;margin:0;padding:14px 18px 8px;font-size:.8rem;font-weight:800}.trail-switch-row{min-width:0;color:var(--ink);flex:1;align-items:center;gap:12px;padding:10px 18px;text-decoration:none;display:flex}.trail-switch-row:hover{background:var(--surface-2)}.trail-switch-row.is-current,.trail-switch-course.is-current{background:var(--surface-3)}.trail-switch-row.is-current strong,.trail-switch-course.is-current strong{color:var(--brand-dark)}.trail-switch-text{flex-direction:column;min-width:0;display:flex}.trail-switch-text strong{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:1.05rem;font-weight:600;overflow:hidden}.trail-switch-text .small{color:var(--ink-soft)}.trail-switch-course{align-items:stretch;display:flex}.trail-switch-expand{width:48px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex:none;font-size:1.2rem}.trail-switch-expand:hover{background:var(--surface-2)}.trail-switch-decks{border-left:3px solid var(--line);margin:0 0 6px 34px!important}.trail-switch-decks .trail-switch-row{padding:7px 14px}.trail-switch-decks .trail-switch-text strong{font-size:.95rem}.trail-switch-box{border:2px solid var(--line);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:1.05rem;display:inline-grid}.trail-switch-empty{color:var(--ink-soft);margin:0;padding:14px 18px}.trail-switch-foot{border-top:2px solid var(--line);padding:4px 0}.games-pick{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.games-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.games-card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}.games-card h3{margin:0;font-size:1.25rem}.games-card p{flex:1}.games-icon{font-size:2.6rem;line-height:1}.games-icon .art-icon{vertical-align:top;width:1em;height:1em}.online-now{color:var(--on-dark);align-items:center;gap:8px;font-weight:700;display:flex}.online-dot.static{width:12px;height:12px;display:inline-block;position:static}.opponent-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.opponent{border:3px solid var(--line);background:var(--surface);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.opponent.selected{border-color:var(--player);background:color-mix(in srgb, var(--player) 14%, white)}.invite-panel{gap:18px}.invite-players{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.invite-player{flex-direction:column;align-items:center;gap:4px;display:flex}.invite-state{background:var(--surface-3);color:var(--ink-soft);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:800}.invite-state.accepted,.invite-state.host{color:var(--good-dark);background:#e3f9ea}.invite-state.declined{color:var(--bad-dark);background:#ffeaea}.toast{z-index:60;background:var(--ink);color:#fff;max-width:calc(100% - 32px);box-shadow:var(--shadow-card);cursor:pointer;border-radius:14px;padding:12px 18px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.seg-link{color:var(--ink-soft);border-radius:10px;padding:8px 14px;font-weight:800;text-decoration:none}.seg-link[aria-current=true]{background:var(--surface);color:var(--brand-dark);box-shadow:0 2px 6px #281e7826}.quick-match-card{background:#fff7dd;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.quick-match-icon{background:var(--gold);width:52px;height:52px;box-shadow:inset 0 -3px 0 var(--gold-dark);border-radius:16px;flex:none;place-items:center;font-size:1.6rem;display:grid}.play-screen{gap:28px}.play-section-head-row{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.play-section-head{color:var(--on-dark);margin:0;font-size:clamp(1.4rem,4vw,1.9rem)}.play-section-head-row .play-section-head{flex:1;min-width:0}.play-loading{color:var(--on-dark-soft);margin:0}.settings-layout{align-items:start;gap:20px;display:grid}@media (width>=900px){.settings-layout{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}}.settings-card{gap:0}.settings-card h2,.settings-links h2,.help-section h2{margin:0 0 6px;font-size:1.3rem}.settings-row{border-top:2px solid var(--surface-2);align-items:center;gap:16px;padding:14px 0;display:flex}.settings-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-row-text strong{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.settings-row-text .small{color:var(--ink-soft)}.settings-switch{background:var(--surface-3);cursor:pointer;border:0;border-radius:999px;flex:none;width:60px;height:34px;padding:0;transition:background .15s;position:relative;box-shadow:inset 0 -3px #00000014}.settings-switch span{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:4px;left:4px;box-shadow:0 3px #140c5a2e}.settings-switch[aria-checked=true]{background:var(--good);box-shadow:inset 0 -3px 0 var(--good-dark)}.settings-switch[aria-checked=true] span{transform:translate(26px)}.settings-note{color:var(--on-dark-soft);margin:0}.settings-links{gap:2px}.settings-links a{color:var(--ink);font-family:var(--font-display);padding:8px 0;font-size:1.05rem;font-weight:600;text-decoration:none}.settings-links a:hover{color:var(--brand-dark);text-decoration:underline}.settings-signout{width:100%}.help-intro{color:var(--on-dark-soft);margin:0}.help-intro a{color:#fff;font-weight:800}.help-section{gap:0;padding-bottom:8px}.help-item{border-top:2px solid var(--surface-2)}.help-item summary{cursor:pointer;align-items:center;gap:12px;padding:14px 0;font-weight:800;list-style:none;display:flex}.help-item summary::-webkit-details-marker{display:none}.help-item summary:after{content:"▾";color:var(--ink-faint);margin-left:auto;transition:transform .15s}.help-item[open] summary:after{transform:rotate(180deg)}.help-item summary:hover{color:var(--brand-dark)}.help-answer{color:var(--ink-soft);flex-direction:column;align-items:flex-start;gap:10px;padding:0 0 16px;display:flex}.help-answer p{max-width:68ch;margin:0}.arcade-hero{border-radius:var(--radius-lg);box-shadow:inset 0 -6px 0 #0000002e, var(--shadow-card);color:#fff;background:radial-gradient(circle at 15% 0,#ffffff38,#0000 55%),linear-gradient(135deg,#7b6cf6,#4a3bd0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:clamp(28px,6vw,64px);margin-bottom:clamp(8px,2vw,20px);padding:22px 24px;display:flex}.arcade-player{flex:320px;align-items:center;gap:18px;min-width:0;display:flex}.arcade-avatar{color:inherit;flex:none;text-decoration:none;position:relative}.level-badge{background:var(--gold);color:#4a3200;font-family:var(--font-display);box-shadow:0 3px 0 var(--gold-dark);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.arcade-id{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.arcade-title{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-size:.8rem;font-weight:800}.arcade-id h1{text-shadow:0 4px #140a5a59;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.7rem,5vw,2.4rem);overflow:hidden}.xp-bar{background:#00000040;border-radius:999px;max-width:360px;height:24px;position:relative;overflow:hidden}.xp-fill{background:linear-gradient(180deg, #ffe08a, var(--gold));height:100%;box-shadow:inset 0 -3px 0 var(--gold-dark);border-radius:999px;transition:width .5s}.xp-bar span{text-shadow:0 1px 2px #0006;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;inset:0}.stat-btns{flex-wrap:wrap;gap:8px;display:flex;position:relative}.stat-btn{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#ffffff29;border:0;border-radius:16px;align-items:center;gap:8px;padding:6px 14px;font-weight:700;transition:background .12s,transform 80ms;display:inline-flex;box-shadow:inset 0 -4px #00000029}.stat-btn:hover,.stat-btn.is-open{background:#ffffff47}.stat-btn:active{transform:translateY(2px);box-shadow:inset 0 -2px #00000029}.stat-btn strong{font-family:var(--font-display);font-size:1.2rem}.stat-btn .art-icon,.stat-btn .coin{vertical-align:0;width:1.6rem;height:1.6rem}.stat-btn>span[aria-hidden]{font-size:1.4rem;line-height:1}.stat-btn.is-lit strong{color:#ffb547}.stat-btn.is-cold .art-icon{filter:grayscale();opacity:.6}.stat-btn.is-cold strong{color:#fff9}.stat-btn.is-coins strong{color:#ffe08a}.stat-btn.is-bamboo strong{color:#b9f5a0}.stat-course-icon{background:color-mix(in srgb, var(--course,#6c5ce7) 22%, white);width:2rem;height:2rem;box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--course,#6c5ce7) 35%, white);border-radius:10px;flex:none;place-items:center;font-size:1.15rem;line-height:1;display:inline-grid}.stat-btn .stat-course-name{text-overflow:ellipsis;white-space:nowrap;max-width:9em;font-size:1rem;overflow:hidden}.stat-caret,.stat-panel{z-index:30;background:var(--surface);border:2px solid var(--line);position:absolute;top:calc(100% + 14px)}.stat-caret{z-index:31;border-bottom:0;border-right:0;border-radius:4px 0 0;width:18px;height:18px;margin-top:-9px;transform:translate(-50%)rotate(45deg)}.stat-panel{border-radius:var(--radius);width:min(380px,100vw - 32px);box-shadow:var(--shadow-card);color:var(--ink);animation:.14s ease-out stat-pop;right:0;overflow:hidden}@keyframes stat-pop{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.stat-panel{animation:none}}@media (width<=720px){.stat-btns{width:100%}.stat-panel{width:auto;left:0}}@media (width<=480px){.stat-btns{flex-wrap:nowrap;justify-content:space-between;gap:6px}.stat-btn{gap:6px;padding:6px 10px}.stat-btn .stat-course-name{display:none}}.stat-panel h2{margin:0;font-size:1.35rem}.stat-panel p{margin:0}.stat-panel-btn{width:100%}.stat-courses-head{border-bottom:2px solid var(--line);color:var(--ink-faint);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding:14px 18px 10px;font-weight:800;font-size:.85rem!important}.stat-courses ul{max-height:290px;margin:0;padding:0;list-style:none;overflow-y:auto}.stat-courses ul a,.stat-courses-add{color:var(--ink);align-items:center;gap:14px;padding:12px 18px;text-decoration:none;display:flex}.stat-courses ul a:hover,.stat-courses-add:hover{background:var(--surface-2)}.stat-courses ul a.is-current{background:var(--surface-3)}.stat-courses ul a.is-current strong{color:var(--brand-dark)}.stat-courses .stat-course-icon{width:2.5rem;height:2.5rem;font-size:1.4rem}.stat-course-text{flex-direction:column;min-width:0;display:flex}.stat-course-text strong{font-family:var(--font-display);font-size:1.1rem}.stat-course-text .small{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);overflow:hidden}.stat-courses-empty{color:var(--ink-soft);padding:12px 18px}.stat-courses-add{border-top:2px solid var(--line)}.stat-add-box{border:2px solid var(--line);width:2.5rem;height:2.5rem;color:var(--ink-soft);border-radius:10px;place-items:center;font-size:1.2rem;display:inline-grid}.stat-streak{gap:14px;padding:18px;display:grid}.stat-streak-top{background:var(--surface-2);align-items:center;gap:12px;margin:-18px -18px 0;padding:20px 18px;display:flex}.stat-streak.is-lit .stat-streak-top{color:#fff;background:linear-gradient(135deg,#ffb547,#ff7a1a)}.stat-streak-top>div{flex:1;gap:6px;display:grid}.stat-streak.is-cold h2{color:var(--ink-soft)}.stat-streak.is-lit h2{text-shadow:0 2px #9632004d}.stat-streak-flame .art-icon{width:4.2rem;height:4.2rem}.stat-streak.is-cold .stat-streak-flame .art-icon{filter:grayscale();opacity:.45}.stat-streak-week{border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:repeat(7,1fr);gap:4px;margin:0;padding:12px 10px;list-style:none;display:grid}.stat-streak-week li{justify-items:center;gap:6px;display:grid}.stat-day-letter{color:var(--ink-faint);font-size:.85rem;font-weight:800}.stat-streak-week .is-today .stat-day-letter{color:#ff7a1a}.stat-day-dot{background:var(--surface-3);border-radius:50%;place-items:center;width:34px;height:34px;font-size:1rem;display:grid}.stat-streak-week .is-today .stat-day-dot{box-shadow:0 0 0 3px #ffd3a8}.stat-streak-week .is-studied .stat-day-dot{background:#ffe1c2}.stat-streak-week .is-future .stat-day-dot{opacity:.5}.stat-streak-goal{border:2px solid var(--line);border-radius:var(--radius-sm);gap:8px;padding:12px 14px;display:grid}.stat-goal-text{flex-wrap:wrap;justify-content:space-between;gap:4px 10px;display:flex}.stat-goal-text .small{color:var(--ink-soft)}.stat-meter{background:var(--surface-3);border-radius:6px;height:12px;overflow:hidden}.stat-meter span{background:linear-gradient(#ffb547,#ff7a1a);border-radius:6px;height:100%;display:block}.stat-info{align-items:center;gap:16px;padding:20px 18px;display:flex}.stat-info-art{flex:none;place-items:center;width:92px;display:grid}.stat-info-art .chest-lid{transform-origin:6px 29px;transform:translate(-3px,-13px)rotate(-14deg)}.stat-bamboo-art{font-size:4rem;line-height:1}.stat-info-text{gap:6px;min-width:0;display:grid}.stat-info-link{color:var(--info);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:.9rem;font-weight:800;text-decoration:none}.stat-info-link:hover{text-decoration:underline}.arcade-row{gap:20px;display:grid}@media (width>=900px){.arcade-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.arcade-play{border-radius:var(--radius-lg);background:radial-gradient(circle at 90% 10%, #fff7dd, transparent 60%), var(--surface);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:center;gap:22px;padding:22px;display:flex}.arcade-play-text{flex-direction:column;flex:220px;align-items:flex-start;gap:8px;display:flex}.arcade-play-text h2{font-size:clamp(1.4rem,4vw,1.9rem)}.arcade-exam-entry{border-radius:var(--radius);background:var(--surface-2);color:var(--ink);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.arcade-exam-entry:hover{background:var(--surface-3)}.exam-date{width:52px;box-shadow:0 3px 0 var(--surface-3);text-align:center;background:#fff;border-radius:12px;flex-direction:column;flex:none;line-height:1.1;display:flex;overflow:hidden}.exam-month{background:var(--info);color:#fff;text-transform:uppercase;padding:3px 0;font-size:.72rem;font-weight:800}.exam-day{font-family:var(--font-display);padding:4px 0 5px;font-size:1.35rem;font-weight:600}.arcade-exam-entry.is-soon .exam-month{background:var(--bad)}.arcade-exam-entry.is-soon .exam-text .small{color:var(--bad-dark);font-weight:800}.exam-text{flex-direction:column;gap:2px;min-width:0;display:flex}.arcade-week{justify-content:center}.arcade-section{flex-direction:column;gap:12px;display:flex}.arcade-section-head{color:#fff;justify-content:space-between;align-items:center;display:flex}.arcade-section-head h2{font-size:1.4rem}.link.light{color:#fff}.match-row{scroll-snap-type:x mandatory;gap:14px;padding:10px 2px 14px;display:flex;overflow-x:auto}.match-card{scroll-snap-align:start;background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);text-align:center;border-radius:22px;flex-direction:column;flex:0 0 210px;align-items:center;gap:6px;padding:18px 14px 14px;text-decoration:none;transition:transform .12s;display:flex;position:relative}.match-card:hover{transform:translateY(-3px)}.match-card.hot{box-shadow:0 0 0 4px var(--gold), var(--shadow-card)}.match-card.new{box-shadow:none;color:#fff;background:#ffffff1f;border:3px dashed #ffffff80;justify-content:center}.match-plus{font-size:2.2rem;line-height:1}.match-ribbon{background:var(--bad);color:#fff;letter-spacing:.06em;box-shadow:0 3px 0 var(--bad-dark);white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:.72rem;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.match-vs{align-items:center;gap:8px;display:flex}.match-score{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.crown-shelf{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.crown-slot{background:var(--surface-2);color:var(--ink);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:22px 10px 14px;text-decoration:none;transition:transform .12s;display:flex;position:relative}.crown-slot:hover{transform:translateY(-3px)}.crown-slot-crown{font-size:1.3rem;position:absolute;top:2px}.crown-slot-icon{filter:grayscale(.85);opacity:.75;background:#d9d6ee;border-radius:50%;place-items:center;width:60px;height:60px;font-size:1.9rem;display:grid}.crown-slot.won .crown-slot-icon,.crown-slot:hover .crown-slot-icon{background:var(--topic);filter:none;opacity:1;box-shadow:inset 0 -4px #0000002e,0 0 0 3px #fff}.crown-slot.won{background:#fff7dd}.crown-slot-meter{background:var(--surface-3);border-radius:6px;width:80%;height:8px;overflow:hidden}.crown-slot-meter span{background:var(--topic);border-radius:6px;height:100%;display:block}@media (width<=520px){.arcade-play{justify-content:center}}.arcade-moved-on{color:var(--good-dark);margin:0;font-weight:800}.arcade-review .card-header{flex-wrap:wrap;gap:10px}.arcade-crowns-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.arcade-crowns-head h3{margin:0}.arcade-review-btn{align-self:flex-start}@media (width<=520px){.arcade-review .deck-picker{width:100%;max-width:100%}.arcade-review-btn{align-self:stretch}}.course-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.course-card{border:0;border-left:6px solid var(--course,var(--brand));border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card);text-align:left;font:inherit;cursor:pointer;align-items:flex-start;gap:12px;padding:16px;text-decoration:none;transition:transform .12s;display:flex}.course-card:hover{transform:translateY(-2px)}.course-card-new{color:var(--on-dark);box-shadow:none;background:#ffffff1f;border:3px dashed #ffffff8c}.course-card-new .muted{color:var(--on-dark-soft)}.course-card-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.course-card-text strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.25rem;font-weight:600}.course-card-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-icon{background:color-mix(in srgb, var(--course,#6c5ce7) 22%, white);box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--course,#6c5ce7) 35%, white);border-radius:14px;flex:none;place-items:center;display:inline-grid}.course-icon.is-sm{border-radius:10px;width:34px;height:34px;font-size:1.15rem}.course-icon.is-md{width:46px;height:46px;font-size:1.5rem}.course-icon.is-lg{border-radius:20px;width:68px;height:68px;font-size:2.2rem}.course-card-new .course-icon{box-shadow:none;color:var(--on-dark);background:#fff3;font-weight:800}.course-exam{color:#8a5a00;font-weight:800}.deck-progress-bar{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.deck-progress-bar span{background:var(--course,var(--good));border-radius:999px;height:100%;transition:width .3s;display:block}.deck-card-progress{flex-direction:column;gap:4px;display:flex}.course-intro{flex-flow:wrap;align-items:center;gap:16px 24px}.course-intro-text{text-align:left;flex:1;min-width:220px}.course-intro-text p{margin:0}.course-intro h3{margin-bottom:4px;font-size:1.2rem}.course-intro .btn{margin-left:auto}.library-bar{flex-wrap:wrap}@media (width<=520px){.library-bar h1{flex-basis:100%}.library-bar .spacer{display:none}}.library-decks-head{flex-wrap:wrap;justify-content:space-between}.course-select.is-compact{align-items:center;gap:8px;display:flex}.course-select.is-compact .select{flex:1;min-width:0;min-height:38px;padding-top:6px;padding-bottom:6px;font-size:.9rem}.course-select-label{font-size:1.1rem}.sr-only-course{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.course-dialog{flex-direction:column;gap:12px;max-width:520px;display:flex}.course-colors{flex-wrap:wrap;gap:8px;display:flex}.course-color{background:var(--course);width:34px;height:34px;box-shadow:0 0 0 2px var(--line);cursor:pointer;border:3px solid #fff;border-radius:50%}.course-color.is-on{box-shadow:0 0 0 3px var(--ink)}.course-pick-group{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.course-pick{border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.course-pick input{flex:none;width:20px;height:20px}.course-hero{border-top:8px solid var(--course);flex-direction:column;gap:16px;display:flex}.course-hero-head{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.course-hero-text{flex:1;min-width:180px}.course-hero-text h2{overflow-wrap:anywhere;font-size:1.8rem}.course-hero-text p{margin:2px 0 0}.course-hero-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}@media (width<=640px){.course-hero-tools{flex-basis:100%;justify-content:flex-start}}.course-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.course-stat{border-radius:var(--radius);background:var(--surface-2);text-align:center;flex-direction:column;align-items:center;padding:10px 6px;display:flex}.course-stat strong{font-family:var(--font-display);color:var(--ink);font-size:1.6rem;font-weight:600}@media (width<=520px){.course-stats{grid-template-columns:repeat(2,1fr)}}.course-trail{flex-direction:column;gap:6px;display:flex}.course-trail .deck-progress-bar{height:12px}.course-actions{flex-wrap:wrap}@media (prefers-reduced-motion:reduce){.course-card,.deck-progress-bar span{transition:none}}.course-mode{align-self:flex-start}.syllabus-upload{flex-direction:column;gap:12px;display:flex}.syllabus-drop{border:3px dashed var(--line);border-radius:var(--radius);background:var(--surface-2);text-align:center;cursor:pointer;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:4px;padding:22px 16px;display:flex;position:relative}.syllabus-drop.has-files{border-color:var(--good);background:#eafbf0}.syllabus-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.syllabus-drop-icon{font-size:2rem}.syllabus-reading{color:var(--brand-dark);align-items:center;gap:10px;margin:0;font-weight:700;display:flex}.syllabus-spinner{border:3px solid var(--surface-3);border-top-color:var(--brand);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite syllabus-spin}@keyframes syllabus-spin{to{transform:rotate(360deg)}}.syllabus-overlay{align-items:flex-start}.syllabus-review{flex-direction:column;gap:18px;max-width:820px;display:flex}.syllabus-review-head{flex-direction:column;gap:8px;display:flex}.syllabus-review-head p{margin:0}.syllabus-block{border-top:2px solid var(--surface-3);flex-direction:column;gap:10px;padding-top:14px;display:flex}.syllabus-block h3{font-size:1.1rem}.syllabus-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px;display:grid}.syllabus-rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.syllabus-row{align-items:center;gap:8px;display:flex}.syllabus-row .input{flex:1;min-width:0}.syllabus-row .week-input{flex:0 0 120px}.syllabus-row .percent-input{flex:0 0 90px}.kind-select{flex:0 0 140px}.syllabus-event{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:8px;padding:12px;display:flex}.event-details{flex-wrap:wrap;align-items:flex-end}.event-details label{min-width:140px;color:var(--ink-soft);flex-direction:column;flex:1;gap:4px;font-weight:700;display:flex}.event-details .weight-field{flex:0 0 110px;min-width:0}.syllabus-hint{color:#8a5a00;margin:0;font-weight:700}.syllabus-scope{border:0;margin:0;padding:0}.syllabus-scope legend{color:var(--ink-soft);margin-bottom:6px;font-weight:700}.scope-chips{flex-wrap:wrap;gap:6px;display:flex}.scope-chip{border:2px solid var(--line);background:var(--surface);color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:700}.scope-chip.is-on{border-color:var(--brand);background:var(--surface-3);color:var(--brand-dark)}.syllabus-review-foot{border-top:2px solid var(--surface-3);flex-wrap:wrap;align-items:center;gap:10px;padding-top:14px;display:flex}.syllabus-remove{--btn-ink:var(--bad-dark);margin-left:auto}@media (width<=520px){.syllabus-row .week-input{flex-basis:84px}.kind-select{flex-basis:112px}}.recommend-card{border-top:8px solid var(--gold)}.recommend-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.exam-pill{background:var(--surface-2);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:.9rem;font-weight:800}.exam-pill.is-soon{color:#8a5a00;background:#fff1cc}.recommend-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.recommend-item{border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:12px;padding:12px 14px;display:flex}.recommend-icon{background:var(--surface);width:42px;height:42px;box-shadow:0 3px 0 var(--surface-3);border-radius:12px;flex:none;place-items:center;font-size:1.4rem;display:grid}.recommend-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.recommend-item .btn{flex:none}@media (width<=520px){.recommend-item{flex-wrap:wrap}.recommend-text{flex-basis:calc(100% - 54px)}.recommend-item .btn{margin-left:54px}}.coming-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.coming-item{align-items:center;gap:12px;display:flex}.coming-days{background:var(--surface-2);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:54px;height:54px;line-height:1.1;display:flex}.coming-days strong{font-family:var(--font-display);font-size:1.3rem}.coming-days.is-soon{color:#8a5a00;background:#fff1cc}.coming-text{flex-direction:column;min-width:0;display:flex}.syllabus-week{flex-direction:column;gap:8px;display:flex}.syllabus-week-label{color:var(--ink-soft);font-size:.95rem}.syllabus-topic-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.syllabus-topic{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.syllabus-topic.is-missing{background:#fff8e6}.syllabus-topic-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.missing-pill{color:#8a5a00;background:#fff1cc;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:800}.syllabus-topic-decks{flex-wrap:wrap;gap:6px;display:flex}.deck-chip{background:var(--surface);border-radius:999px;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.deck-chip-x{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:2px 6px}.link-upload{font-weight:800}.link-offer{border-radius:var(--radius-sm);background:var(--surface);border:2px dashed var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.link-offer>span:first-child{flex:1;min-width:200px}.link-offer-actions{gap:6px;display:flex}.link-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-picker .select{flex:1;min-width:140px}.grading-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.grading-list li{border-bottom:1px solid var(--surface-3);justify-content:space-between;gap:12px;padding:6px 0;display:flex}@media (prefers-reduced-motion:reduce){.syllabus-spinner{animation:none}}.ai-notice{border-radius:var(--radius);color:#1c3f73;background:#eef4ff;margin:0;padding:10px 14px;font-size:.92rem;line-height:1.45}.ai-badge{color:#1c3f73;background:#eef4ff;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.78rem;font-weight:800}.origin-pill{border-radius:999px;margin-top:4px;padding:1px 8px;font-size:.75rem;font-weight:800;display:inline-block}.origin-pill.is-ai,.coverage-pill.is-ai{color:#1c3f73;background:#eef4ff}.origin-pill.is-notes,.coverage-pill.is-notes{color:#2f6b12;background:#e5f7d4}.coverage-row{flex-wrap:wrap;gap:6px;display:flex}.coverage-pill{border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:800}.topic-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.generate-dialog{max-width:620px}.generate-units{border:0;flex-direction:column;gap:8px;max-height:46vh;margin:0;padding:0;display:flex;overflow-y:auto}.generate-unit{border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;border:2px solid #0000;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.generate-unit.is-on{border-color:var(--gold);background:#fff8dc}.generate-unit input{flex:none;width:20px;height:20px;margin-top:2px}.generate-unit-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.unit-state{color:var(--brand-dark);flex:none;align-items:center;gap:6px;font-size:.85rem;font-weight:800;display:inline-flex}.unit-state.is-done{color:var(--good-dark)}.unit-state.is-failed{color:var(--bad-dark);flex:100%}.generate-done{flex-direction:column;gap:10px;display:flex}.improve-offer{border-radius:var(--radius);background:#e5f7d4;flex-direction:column;gap:8px;padding:12px;display:flex}.improve-offer p{margin:0}.improved-notice,.deck-archived-note{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.deck-card.is-archived{opacity:.85;background:var(--surface-2)}.archived-link{color:var(--on-dark-soft);font-weight:800}.syl-legend{flex-wrap:wrap;gap:4px 16px;margin:-6px 0 0;display:flex}.syl-legend>span{align-items:center;gap:6px;display:inline-flex}.syl-dot{background:var(--ink-faint);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.syl-dot.is-notes{background:var(--good)}.syl-dot.is-ai{background:var(--info)}.syl-dot.is-missing{background:var(--gold);box-shadow:0 0 0 3px #fff1cc}.syl-weeks{flex-direction:column;gap:10px;display:flex}.syl-week{border-radius:var(--radius);background:var(--surface-2);overflow:hidden}.syl-week-head{cursor:pointer;grid-template-columns:auto 1fr minmax(90px,160px) auto;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:grid}.syl-week-head::-webkit-details-marker{display:none}.syl-week-label{font-family:var(--font-display);color:var(--ink);font-size:1.1rem;font-weight:600}.syl-week-meta{color:var(--ink-soft)}.syl-chevron{color:var(--ink-faint);transition:transform .15s}.syl-week[open] .syl-chevron{transform:rotate(180deg)}.syl-mastery{align-items:center;gap:8px;display:flex}.syl-mastery .deck-progress-bar{flex:1;min-width:60px}.syl-mastery .small{text-align:right;min-width:34px;color:var(--ink-soft);font-weight:800}.syl-topic-rows{border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;margin:0 8px 8px;padding:0;list-style:none;display:flex;overflow:hidden}.syl-topic+.syl-topic{border-top:1px solid var(--surface-3)}.syl-topic.is-missing{background:#fffaf0}.syl-topic-row{grid-template-columns:auto 1fr minmax(90px,160px) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.syl-topic-main{flex-direction:column;gap:3px;min-width:0;display:flex}.syl-topic-name{color:var(--ink);overflow-wrap:anywhere;font-weight:800}.syl-topic-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:2px 12px;display:flex}.syl-deck{align-items:center;gap:2px;display:inline-flex}.syl-unlink{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0 4px;font-size:.8rem}.syl-unlink:hover{color:var(--bad-dark)}.syl-missing{color:#8a5a00;font-weight:800}.syl-topic-actions{align-items:center;gap:6px;display:flex}.syl-icon-btn{justify-content:center;min-width:38px;padding-left:8px;padding-right:8px}.syl-topic .link-offer{margin:0 14px 12px 36px}.syl-topic.is-missing .syl-topic-row{grid-template-columns:auto 1fr auto}@media (width<=640px){.syl-week-head{grid-template-columns:1fr auto;gap:4px 10px}.syl-week-head .syl-mastery{grid-area:3/1/auto/-1}.syl-week-meta{grid-area:2/1}.syl-chevron{grid-area:1/2}.syl-topic-row,.syl-topic.is-missing .syl-topic-row{grid-template-columns:auto 1fr auto;gap:8px 10px}.syl-topic-main{grid-column:2/-1}.syl-topic-row .syl-mastery{grid-area:2/2}.syl-topic-actions{grid-area:2/3;justify-self:end}.syl-topic.is-missing .syl-topic-actions{grid-column:2/-1;justify-self:start}.syl-topic .link-offer{margin-left:14px}}@media (prefers-reduced-motion:reduce){.syl-chevron{transition:none}}.home-hero{text-align:center;color:var(--on-dark);flex-direction:column;align-items:center;gap:14px;padding:28px 0 8px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo h1{letter-spacing:-.01em;text-shadow:0 5px #140a5a73;font-size:clamp(2.4rem,9vw,3.8rem);font-weight:700}.logo-crown{filter:drop-shadow(0 4px #140a5a66);font-size:clamp(2.4rem,8vw,3.4rem);display:inline-block;transform:rotate(-12deg)}.home-tagline{max-width:560px;color:var(--on-dark-soft);font-size:1.08rem}.home-actions{justify-content:center;margin-top:6px}.resume-banner{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);border:3px solid var(--gold);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.resume-icon{font-size:1.6rem}.resume-text{flex-direction:column;flex:1;min-width:180px;display:flex}.section-head{color:var(--on-dark);align-items:center;gap:10px;display:flex}.section-head h2{font-size:1.5rem}.pill.on-dark{color:#fff;background:#ffffff29}.pill.warn{color:#8a5a00;background:#fff1cc}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.deck-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;padding:18px;display:flex}.deck-card h3{overflow-wrap:anywhere;font-size:1.3rem}.deck-card-topics{flex-wrap:wrap;gap:5px;margin-bottom:4px;display:flex}.deck-card-desc{color:var(--ink-soft)}.deck-card-warn{color:#8a5a00;font-weight:700}.deck-card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.upload-account{border:3px solid var(--gold);background:#fff7dc;flex-flow:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:20px;display:flex}.upload-account>div:first-child{flex-direction:column;flex:320px;gap:4px;display:flex}.upload-account h2{font-size:1.2rem}.upload-account .muted{color:#5c4400;margin:0}.upload-restored{color:var(--good-dark);background:#e7f9ee;border-radius:14px;margin:0 0 20px;padding:10px 14px;font-weight:800}.upload-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width>=860px){.upload-layout{grid-template-columns:minmax(0,1fr) 340px}.upload-preview{position:sticky;top:16px}}.dropzone{text-align:center;border:3px dashed var(--line);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--brand);background:#ece8ff}.dropzone:focus-within{outline:3px solid var(--gold);outline-offset:2px}.dropzone-icon{font-size:2.2rem}.file-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.file-list li{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.file-list li.error{color:var(--bad-dark);background:#ffeaea}.file-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.file-list li .small{order:3;width:100%;padding-bottom:4px}.file-list .photo-text{order:4;width:100%;min-height:180px;margin-bottom:6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92rem}.paste-box{min-height:180px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92rem}.example{color:#e8e5ff;background:#1f1a4d;border-radius:14px;max-height:280px;margin:0;padding:14px;font-size:.85rem;line-height:1.5;overflow-x:auto}.preview-total{font-size:1.1rem}.preview-topics{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.preview-topics li{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.preview-sample{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.preview-sample .small{color:var(--good-dark);font-weight:800}.exam-input{max-width:220px}.input-big{font-family:var(--font-display);font-size:1.3rem;font-weight:600}.topic-rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topic-row{align-items:center;gap:8px;display:flex}.topic-row .input:not(.icon-input){flex:1;min-width:0}.color-swatch{background:var(--topic);cursor:pointer;border-radius:50%;flex:none;width:40px;height:40px;position:relative;box-shadow:inset 0 -3px #0003}.color-swatch:focus-within{outline:3px solid var(--gold);outline-offset:2px}.color-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.icon-input{text-align:center;flex:none;width:56px;padding:6px;font-size:1.2rem}.filter-row{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-chip{border:2px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;flex:none;padding:6px 14px;font-size:.9rem;font-weight:800}.filter-chip.active{background:var(--topic,var(--brand));border-color:var(--topic,var(--brand));color:#fff}.question-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.question-item{background:var(--surface-2);border-left:6px solid var(--topic,var(--brand));border-radius:14px;align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex}.question-item-main{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.question-item-prompt{font-weight:700}.question-item-answer{color:var(--good-dark);font-size:.95rem;font-weight:800}.question-form{background:var(--surface);border:3px solid var(--brand);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.answer-input{border-color:#b9ecc9}.wrong-grid{gap:8px;display:grid}@media (width>=640px){.wrong-grid{grid-template-columns:repeat(3,1fr)}}.topic-select{width:auto;min-width:160px}.player-rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.player-rows li{align-items:center;gap:10px;display:flex}.player-rows .input{flex:1;min-width:0}.add-player{align-self:flex-start}.topic-toggle-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.topic-toggle{border:3px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-weight:800;transition:background .12s,border-color .12s;display:flex}.topic-toggle-icon{background:var(--surface-3);filter:grayscale();border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.3rem;display:grid}.topic-toggle-name{color:var(--ink);overflow-wrap:anywhere;text-align:center}.topic-toggle.on{border-color:var(--topic);background:color-mix(in srgb, var(--topic) 12%, white)}.topic-toggle.on .topic-toggle-icon{background:var(--topic);filter:none}.how-page{max-width:720px}.device-decks,.trail-ready{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.device-decks>span:first-child,.trail-ready>span:first-child{flex:260px}.play-mode-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.play-mode{border:3px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-align:left;font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 0 var(--line);flex-direction:column;align-items:flex-start;gap:2px;padding:14px;transition:transform 80ms;display:flex}.play-mode:hover{transform:translateY(-2px)}.play-mode[aria-pressed=true]{border-color:var(--brand);box-shadow:0 4px 0 var(--brand-dark);background:#f1eeff}.play-mode strong{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.play-mode .small{color:var(--ink-soft)}.play-mode-icon{font-size:1.8rem;line-height:1.2}.play-mode-vs{color:var(--ink-soft);flex:none;font-weight:800}.play-mode-online{flex-direction:column;gap:10px;display:flex}.play-mode-online p{margin:0}.olu-check-note{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.olu-check-note>span:first-child{flex:260px}.olu-tip{border-radius:var(--radius-sm);color:var(--ink);background:#fff8e1;border:2px solid #ffe08a;flex-direction:column;gap:6px;margin-top:8px;padding:10px 12px;display:flex}.olu-tip-title{font-weight:800}.olu-tip-fix{border-radius:var(--radius-sm);background:var(--surface);padding:8px 10px}.olu-tip-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.75rem;font-weight:800}.olu-check-badge{color:#7a5200;font:inherit;cursor:pointer;background:#fff8e1;border:2px solid #ffe08a;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.85rem;font-weight:800}.olu-check-badge:hover{background:#ffefb8}.uploads-card{gap:12px}.uploads-card>.small{margin:0}.document-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.document-list li{background:var(--surface-2);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.document-icon{font-size:1.6rem}.document-main{flex-direction:column;flex:200px;gap:2px;min-width:0;display:flex}.document-main strong{overflow-wrap:anywhere}.document-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.document-no-deck{color:#8a5a00;font-weight:800}.uploads-more{align-self:flex-start}.library-decks-note{color:var(--on-dark-soft);margin:-8px 0 0}.wheel{aspect-ratio:1;filter:drop-shadow(0 16px 30px #0a053c73);width:min(84vw,380px);margin:0 auto;position:relative}.wheel-disc{will-change:transform;width:100%;height:100%}.wheel-disc svg{width:100%;height:100%;display:block;overflow:visible}.wheel-rim{fill:#fff;stroke:var(--gold);stroke-width:4px}.wheel-wedge path:first-child{stroke:#fff;stroke-width:1.6px;stroke-linejoin:round}.wheel-inner{fill:#ffffffe6}.wheel-wedge{transition:opacity .25s}.wheel-wedge.dim{opacity:.35}.wheel-icon{text-anchor:middle;dominant-baseline:central;-webkit-user-select:none;user-select:none}.wheel-light{fill:#fff6d6;stroke:var(--gold-dark);stroke-width:.6px}.wheel-pointer{z-index:2;background:var(--gold);clip-path:polygon(0 0,100% 0,50% 100%);width:34px;height:42px;filter:drop-shadow(0 3px 0 var(--gold-dark));position:absolute;top:-14px;left:50%;transform:translate(-50%)}.wheel-pointer:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#fff3c4;position:absolute;inset:5px 8px 14px}.wheel-hub{z-index:2;aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #8d80ff, var(--brand-dark));color:#fff;width:27%;font-family:var(--font-display);letter-spacing:.04em;border:5px solid #fff;border-radius:50%;font-size:clamp(1rem,4.4vw,1.45rem);font-weight:700;transition:transform .1s,box-shadow .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px #2c1f99,0 10px 18px #0000004d}.wheel-hub:not(:disabled):hover{filter:brightness(1.08)}.wheel-hub:not(:disabled):active{transform:translate(-50%,calc(4px - 50%));box-shadow:0 2px #2c1f99,0 4px 8px #0000004d}.wheel-hub:disabled{cursor:default}.wheel-hub:not(:disabled):after{content:"";pointer-events:none;border-radius:50%;animation:1.6s ease-in-out infinite hub-ring;position:absolute;inset:-5px}@keyframes hub-ring{0%,to{box-shadow:0 0 #ffc93cbf}50%{box-shadow:0 0 0 14px #ffc93c00}}.game-screen{gap:16px;padding-top:14px}.centered-screen{justify-content:center;min-height:100svh;padding-top:20px;padding-bottom:20px}.app-main:has(>.centered-screen){padding-bottom:0}.game-title{flex-direction:column;flex:1;min-width:0;display:flex}.game-title h1{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.15rem,3.6vw,1.5rem);overflow:hidden}.stage{justify-content:center;display:flex}.panel{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:640px;box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 22px;animation:.26s cubic-bezier(.2,.9,.3,1.2) pop-in;display:flex}.panel h2{font-size:clamp(1.5rem,4.5vw,2rem)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.85rem;font-weight:800}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:none}}.spin-view{width:100%;color:var(--on-dark);flex-direction:column;align-items:center;gap:22px;display:flex}.spin-status{place-items:center;min-height:52px;display:grid}.spin-banner{font-family:var(--font-display);text-align:center;font-size:clamp(1.25rem,4.2vw,1.6rem);font-weight:600}.spin-landed{font-family:var(--font-display);background:var(--topic);text-shadow:0 2px #0003;border-radius:999px;padding:8px 24px;font-size:clamp(1.4rem,5vw,2rem);font-weight:700;animation:.24s cubic-bezier(.2,.9,.3,1.4) pop-in;box-shadow:0 5px #00000040}.spin-meter{color:var(--on-dark-soft);text-align:center;margin-top:-6px;font-weight:700}.wheel-legend{flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;margin:0;padding:0;list-style:none;display:flex}.wheel-legend li{background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 6px;font-size:.9rem;font-weight:700;display:inline-flex}.wheel-legend li span{background:var(--topic);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;display:inline-grid}.question-card{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:680px;box-shadow:var(--shadow-card);flex-direction:column;animation:.26s cubic-bezier(.2,.9,.3,1.2) pop-in;display:flex;overflow:hidden}.question-head{background:var(--topic);color:#fff;text-shadow:0 1px #0003;align-items:center;gap:12px;padding:14px 18px;display:flex}.question-topic-icon{width:46px;height:46px;text-shadow:none;background:#ffffff40;border-radius:50%;flex:none;place-items:center;font-size:1.5rem;display:grid}.question-head-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.question-topic{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;font-weight:600;overflow:hidden}.mode-tag{opacity:.95;font-size:.85rem;font-weight:800}.question-player{white-space:nowrap;background:#fff3;border-radius:999px;align-items:center;gap:6px;max-width:40%;padding:4px 12px 4px 4px;font-weight:800;display:inline-flex;overflow:hidden}.question-player .avatar{width:28px;height:28px}.timer{align-items:center;gap:10px;padding:14px 18px 0;display:flex}.timer-track{background:var(--surface-3);border-radius:8px;flex:1;height:12px;overflow:hidden}.timer-fill{background:var(--good);border-radius:8px;height:100%;transition:width .1s linear,background .3s}.timer.low .timer-fill{background:var(--bad)}.timer-count{font-family:var(--font-display);text-align:right;min-width:2ch;font-size:1.2rem;font-weight:700}.timer.low .timer-count{color:var(--bad);animation:1s ease-in-out infinite tick}@keyframes tick{50%{transform:scale(1.2)}}.question-prompt{text-align:center;overflow-wrap:anywhere;padding:22px 22px 8px;font-size:clamp(1.25rem,3.6vw,1.6rem);line-height:1.3}.choices{gap:12px;padding:16px 18px;display:grid}@media (width>=640px){.choices{grid-template-columns:1fr 1fr}}.choice{background:var(--surface-2);min-height:60px;color:var(--ink);text-align:left;box-shadow:0 4px 0 var(--surface-3);border:0;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;font-size:1.05rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,background .15s,opacity .2s;display:flex}.choice:hover:not(:disabled){background:#ebe7ff}.choice:active:not(:disabled){box-shadow:0 1px 0 var(--surface-3);transform:translateY(3px)}.choice:disabled{cursor:default}.choice-letter{background:var(--topic);color:#fff;width:32px;height:32px;font-family:var(--font-display);border-radius:10px;flex:none;place-items:center;font-weight:700;display:grid}.choice-text{overflow-wrap:anywhere;flex:1}.choice.correct{background:var(--good);color:#fff;box-shadow:0 4px 0 var(--good-dark);animation:.4s bounce}.choice.wrong,.choice.missed{background:var(--bad);color:#fff;box-shadow:0 4px 0 var(--bad-dark)}.choice.wrong{animation:.4s shake}.choice.correct .choice-letter,.choice.wrong .choice-letter,.choice.missed .choice-letter{background:#ffffff40}.choice.dim{opacity:.45}.choice.bombed{opacity:.25;box-shadow:none;text-decoration:line-through}@keyframes bounce{40%{transform:scale(1.04)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.powerups{flex-wrap:wrap;justify-content:center;gap:8px;padding:4px 18px 20px;display:flex}.powerup{border:2px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-size:.9rem;font-weight:800;display:inline-flex;position:relative}.powerup:hover:not(:disabled){border-color:var(--brand);color:var(--brand-dark)}.powerup:disabled{opacity:.4;cursor:not-allowed}.powerup-icon{font-size:1.1rem}.powerup-count{background:var(--surface-3);min-width:22px;height:22px;color:var(--ink);border-radius:999px;place-items:center;padding:0 6px;font-size:.8rem;display:inline-grid}.powerup-active{text-align:center;width:100%;color:var(--brand-dark);font-weight:800}.feedback{border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 18px 18px;padding:14px 16px;animation:.22s pop-in;display:flex}.feedback.good{color:var(--good-dark);background:#e3f9ea}.feedback.bad{color:var(--bad-dark);background:#ffeaea}.feedback-text{flex-direction:column;gap:2px;min-width:0;display:flex}.feedback-text strong{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.feedback .btn{flex:1 0 auto;max-width:100%}@media (width>=520px){.feedback .btn{flex:none}}.crown-burst{filter:drop-shadow(0 6px #d9950059);font-size:4.2rem;line-height:1;animation:.7s cubic-bezier(.2,.9,.3,1.5) crown-in}@keyframes crown-in{0%{opacity:0;transform:scale(.2)rotate(-30deg)}to{opacity:1;transform:none}}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;width:100%;margin:6px 0;display:grid}.topic-tile{background:var(--topic);color:#fff;text-shadow:0 1px #0003;border:0;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 14px;font-weight:800;transition:transform .1s;display:flex;position:relative;box-shadow:0 5px #00000038}.topic-tile:hover:not(:disabled){transform:translateY(-3px)}.topic-tile:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #00000038}.topic-tile:disabled{opacity:.4;cursor:not-allowed}.topic-tile-icon{width:54px;height:54px;text-shadow:none;background:#ffffff47;border-radius:50%;place-items:center;font-size:1.8rem;display:grid}.topic-tile-name{overflow-wrap:anywhere;line-height:1.2}.topic-tile-owned{background:#00000040;border-radius:999px;padding:2px 8px;font-size:.75rem;position:absolute;top:8px;right:8px}.duel-setup{text-align:left;align-items:stretch}.duel-setup h2{text-align:center}.duel-step{flex-direction:column;gap:10px;padding-top:6px;display:flex}.duel-step h3{font-size:1.05rem}.choice-chip{border:3px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:6px 14px 6px 6px;font-weight:800;display:inline-flex}.choice-chip.selected{border-color:var(--player);background:color-mix(in srgb, var(--player) 14%, white)}.duel-actions{justify-content:flex-end;margin-top:6px}.duel-score{align-items:center;gap:14px;display:flex}.duel-vs{font-family:var(--font-display);color:var(--ink-faint);font-weight:700}.duel-player{background:var(--surface-2);border-radius:18px;flex-direction:column;align-items:center;gap:4px;min-width:110px;padding:12px 18px;display:flex}.duel-player.winner{background:color-mix(in srgb, var(--player) 22%, white);box-shadow:0 0 0 3px var(--player)}.duel-player-name{font-weight:800}.duel-player-score{font-family:var(--font-display);font-size:2.2rem;font-weight:700;line-height:1}.pass-view{gap:18px;padding:40px 22px}.pass-view .avatar-big{animation:.6s cubic-bezier(.2,.9,.3,1.4) crown-in}.pass-view p{max-width:420px}.results-hero{max-width:none}.results-hero h1{font-size:clamp(1.9rem,6vw,2.6rem)}.trophy{font-size:4.5rem;line-height:1;animation:.8s cubic-bezier(.2,.9,.3,1.5) crown-in}.results-actions{justify-content:center;margin-top:6px}.standings{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.standings li{background:var(--surface-2);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.standings-main{flex-direction:column;flex:1;min-width:120px;display:flex}.standings-crowns{flex-wrap:wrap;gap:4px;display:flex}.topic-bars{flex-direction:column;gap:10px;display:flex}.topic-bar{grid-template-columns:minmax(0,180px) 1fr auto;align-items:center;gap:12px;display:grid}.topic-bar-track{background:var(--surface-3);border-radius:8px;height:12px;overflow:hidden}.topic-bar-fill{background:var(--topic);border-radius:8px;height:100%}.topic-bar-value{color:var(--ink-soft);text-align:right;min-width:3ch;font-weight:800}.review-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.review-list li{background:var(--surface-2);border-left:6px solid var(--topic,var(--brand));border-radius:14px;padding:12px 14px}.review-prompt{font-weight:700}.review-answer{color:var(--good-dark);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-weight:800;display:flex}.overlay{z-index:40;background:#140c4699;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay-card{width:100%;max-width:720px;animation:.22s pop-in}.question-stack{flex-direction:column;gap:14px;width:100%;max-width:680px;display:flex}.answer-tip{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);border-left:6px solid var(--good);align-items:flex-start;gap:14px;padding:16px 18px;animation:.26s pop-in;display:flex}.answer-tip.bad{border-left-color:var(--gold)}.answer-tip-icon{background:#e7f2ff;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:1.3rem;display:grid}.answer-tip-body{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;display:flex}.answer-tip-body strong{font-family:var(--font-display);font-size:1.1rem}.answer-tip-pick{color:var(--bad-dark);background:#ffeaea;border-radius:12px;margin-top:4px;padding:8px 12px;font-weight:700}.waiting-view{padding:36px 22px}.waiting-avatar{animation:1.6s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-6px)}}.waiting-dots{gap:6px;display:flex}.waiting-dots span{background:var(--brand);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite dot}.waiting-dots span:nth-child(2){animation-delay:.15s}.waiting-dots span:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.turn-badge{color:#fff;background:#ffffff29;border-radius:999px;flex:none;padding:6px 12px;font-size:.85rem;font-weight:800}.turn-badge.mine{background:var(--gold);color:#4a3200}.demo-coach{color:#4a3200;box-shadow:var(--shadow-card);background:#fff7dd;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.demo-coach-icon{font-size:1.4rem}.demo-coach-text{flex-direction:column;flex:1;min-width:0;font-size:.92rem;line-height:1.35;display:flex}.demo-coach-text strong{font-family:var(--font-display);font-size:1.05rem}.demo-coach-hide{color:#8a5a00;flex:none}.demo-next{background:var(--surface-2);border-radius:18px;flex-direction:column;align-items:center;gap:10px;margin-top:6px;padding:16px;display:flex}.demo-next h2{font-size:1.3rem}.matchmaking{z-index:70;align-items:center}.matchmaking-card{border-radius:var(--radius-lg);background:var(--surface);width:100%;max-width:440px;box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;animation:.22s mm-in;display:flex}.matchmaking-card h2{font-size:1.7rem}.matchmaking-search,.matchmaking-vs{align-items:center;gap:14px;margin:6px 0;display:flex}.matchmaking-vs-word{font-family:var(--font-display);color:var(--ink-faint);font-size:1.5rem;font-weight:700}.matchmaking-reel{background:var(--surface-2);border-radius:50%;width:84px;height:84px;overflow:hidden;box-shadow:inset 0 -6px #00000014,0 0 0 4px #fff}.matchmaking-reel-strip{flex-direction:column;animation:1.6s linear infinite mm-reel;display:flex}.matchmaking-reel-strip>span{place-items:center;height:84px;display:grid}.matchmaking-reel-strip .avatar{box-shadow:none}.matchmaking-pop{animation:.42s cubic-bezier(.2,.9,.3,1.5) mm-pop}@keyframes mm-reel{0%{transform:translateY(0)}to{transform:translateY(-1344px)}}@keyframes mm-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes mm-in{0%{opacity:0;transform:scale(.95)}}.adventure-screen{gap:12px}.adv-bamboo{color:var(--on-dark);font-family:var(--font-display);white-space:nowrap;background:#ffffff29;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:1.05rem;display:inline-flex}.adv-stage{position:relative}.adv-world{flex-direction:column;gap:12px;display:flex}.adv-canvas-wrap{border-radius:var(--radius-lg);width:100%;height:clamp(240px,min(56vh,80vw),520px);box-shadow:var(--shadow-card);background:#4fc6d3;border:4px solid #ffffffd9;position:relative;overflow:hidden}.adv-canvas{width:100%;height:100%;display:block}.adv-pad{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.adv-pad-group{gap:12px;display:flex}.adv-pad-btn{touch-action:none;min-width:72px;min-height:60px;font-size:1.6rem}.adv-jump{min-width:96px}@media (hover:hover) and (pointer:fine){.adv-pad{display:none}}@media (hover:none),(pointer:coarse){.adv-keys{display:none}}.adv-hint{max-width:calc(100% - 24px);color:var(--on-dark);text-align:center;pointer-events:none;background:#1f1a4db8;border-radius:999px;margin:0;padding:6px 14px;font-size:.92rem;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}.adv-banner{width:min(420px,100% - 24px);padding:22px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.adv-banner[role=status]{animation:.26s cubic-bezier(.2,1.4,.4,1) both adv-banner-in}@keyframes adv-banner-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}}@media (prefers-reduced-motion:reduce){.adv-banner[role=status]{animation:none}}.adv-skip{position:absolute;bottom:12px;right:12px}.adv-options{color:var(--on-dark-soft);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.adv-question-layer{z-index:40;background:linear-gradient(#140c4659,#140c46b3);justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.adv-question{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:680px;margin:auto 0;animation:.22s pop-in;display:flex}.adv-asker{border-radius:var(--radius);background:var(--surface);color:var(--ink);font-family:var(--font-display);text-align:center;box-shadow:var(--shadow-card);margin:0;padding:8px 16px;font-size:1.1rem}@media (width<=520px){.adv-hint{border-radius:var(--radius-sm);padding:4px 10px;font-size:.8rem;top:8px}}@media (prefers-reduced-motion:reduce){.adv-question{animation:none}}.blast-screen{gap:10px;max-width:1100px}.blast-question{border-radius:var(--radius-lg);color:var(--on-dark);text-align:center;box-shadow:var(--shadow-card);background:linear-gradient(#140c46bf,#2a1a78bf);border:2px solid #ffffff24;flex-direction:column;align-items:center;gap:6px;padding:12px 20px 14px;display:flex}.blast-question-head{color:var(--on-dark-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.85rem;font-weight:800;display:flex}.blast-topic{background:var(--topic,var(--brand));color:#fff;border-radius:999px;padding:2px 10px}.blast-prompt{min-height:2.5em;font-family:var(--font-display);text-shadow:0 0 18px #9c8dff8c;justify-content:center;align-items:center;max-width:900px;margin:0;font-size:clamp(1.15rem,3vw,1.9rem);line-height:1.25;display:flex}.blast-timer{background:#ffffff2e;border-radius:999px;width:min(100%,520px);height:8px;overflow:hidden}.blast-timer span{border-radius:inherit;background:var(--gold);height:100%;animation:blast-timer var(--seconds) linear forwards;display:block}@keyframes blast-timer{0%{width:100%}to{width:0%}}.blast-field{border-radius:var(--radius-lg);width:100%;height:clamp(360px,100svh - 290px,640px);box-shadow:var(--shadow-card);background:#1a0f55;border:4px solid #ffffff29;position:relative;overflow:hidden}.blast-canvas-wrap{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:absolute;inset:0}.blast-canvas{width:100%;height:100%;display:block}.blast-hud{pointer-events:none;color:var(--on-dark);font-family:var(--font-display);position:absolute;inset:0}.blast-level,.blast-streak{flex-direction:column;gap:4px;width:min(28%,170px);font-size:1rem;line-height:1;display:flex;position:absolute;top:10px}.blast-level{left:14px}.blast-streak{align-items:flex-end;right:14px}.blast-bar{background:#ffffff2e;border-radius:999px;width:100%;height:10px;overflow:hidden}.blast-bar span{border-radius:inherit;background:linear-gradient(90deg, #9c8dff, var(--gold));height:100%;transition:width .3s;display:block}.blast-pips{gap:4px;width:100%;display:flex}.blast-pips span{background:#ffffff2e;border-radius:999px;flex:1;height:10px;transition:background .2s}.blast-pips span.is-on{background:#c77dff;box-shadow:0 0 8px #c77dffcc}.blast-score{background:#140c468c;border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-size:1.25rem;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.blast-mult{background:var(--gold);color:#4a3200;border-radius:999px;padding:0 8px;font-size:.95rem}.blast-bomb{position:absolute;bottom:14px;right:14px}.blast-how{background:#0a05288c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.blast-how-card{border-radius:var(--radius-lg);background:var(--surface);width:min(520px,100%);color:var(--ink);text-align:center;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:10px;padding:20px;animation:.24s cubic-bezier(.2,.9,.3,1.2) pop-in;display:flex}.blast-how-card h2{font-size:clamp(1.4rem,4vw,1.8rem)}.blast-rules{text-align:left;color:var(--ink-soft);gap:6px;margin:0;padding:0;font-weight:700;list-style:none;display:grid}.blast-rules li{border-radius:var(--radius-sm);background:var(--surface-2);gap:10px;padding:7px 12px;display:flex}.blast-review{flex-direction:column;gap:8px;width:min(640px,100% - 20px);max-height:56%;animation:.2s pop-in;display:flex;position:absolute;top:10px;left:50%;overflow-y:auto;transform:translate(-50%)}.blast-review-head{border-radius:var(--radius);color:var(--bad-dark);border-left:6px solid var(--bad);background:#fde8e8;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;display:flex}.blast-review-head>span{min-width:180px;color:var(--ink);flex:1}.blast-review .answer-tip{padding:12px 14px}.blast-outro{color:var(--on-dark);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blast-outro h2{color:var(--gold);text-shadow:0 3px #5b2a86;font-size:clamp(1.8rem,6vw,2.8rem)}.blast-a11y{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blast-a11y:focus-within{clip-path:none;border-radius:var(--radius);white-space:normal;background:#140c46d9;flex-wrap:wrap;justify-content:center;gap:6px;width:auto;max-width:calc(100% - 20px);height:auto;padding:8px;display:flex;bottom:60px;left:50%;transform:translate(-50%)}.blast-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.blast-stats li{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-soft);flex-direction:column;align-items:center;padding:8px 14px;font-size:.85rem;display:flex}.blast-stats strong{font-family:var(--font-display);color:var(--ink);font-size:1.3rem}.blast-keys{text-align:center;color:var(--on-dark-soft);margin:0}.blast-keys-touch{display:none}@media (hover:none),(pointer:coarse){.blast-keys-desk{display:none}.blast-keys-touch{display:inline}}@media (width<=640px){.blast-question{border-radius:var(--radius);padding:10px 12px}.blast-field{border-radius:var(--radius);border-width:3px;height:clamp(340px,100svh - 250px,600px)}.blast-level,.blast-streak{width:34%;font-size:.85rem}.blast-score{font-size:1.05rem}.blast-review{gap:6px;max-height:48%}.blast-review-head{padding:8px 10px;font-size:.9rem}.blast-review .answer-tip{padding:8px 10px;font-size:.88rem}.blast-review .answer-tip-icon{display:none}}@media (prefers-reduced-motion:reduce){.blast-how-card,.blast-review{animation:none}}.rapids-screen{gap:10px;max-width:1040px}.rapids-stage{border-radius:var(--radius-lg);width:100%;height:clamp(440px,100svh - 110px,780px);box-shadow:var(--shadow-card);background:#5fbf5a;border:4px solid #ffffffd9;position:relative;overflow:hidden}.rapids-canvas-wrap{touch-action:manipulation;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.rapids-canvas{width:100%;height:100%;display:block}.rapids-hud{pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;left:12px;right:12px}.rapids-track{background:#140c4673;border-radius:999px;height:14px;margin:0 28px 0 12px;position:relative;box-shadow:inset 0 0 0 2px #ffffff80}.rapids-flag{font-size:1.3rem;position:absolute;top:50%;right:-26px;transform:translateY(-55%)}.rapids-marker{border-radius:50%;place-items:center;width:28px;height:28px;font-size:1rem;transition:left .12s linear;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.rapids-marker.is-player{box-shadow:0 0 0 3px var(--brand);z-index:1;background:#fff}.rapids-marker.is-rival{background:#fff3e6;box-shadow:0 0 0 3px #d9621c}.rapids-hud-row{font-family:var(--font-display);justify-content:space-between;gap:8px;display:flex}.rapids-gap,.rapids-checks,.rapids-streak{color:#fff;background:#140c4699;border-radius:999px;padding:2px 12px;font-size:1rem}.rapids-gap.is-ahead{background:#228c50d9}.rapids-gap.is-behind{background:#d9621ce0}.rapids-streak.is-hot{background:var(--gold);color:#4a3200}.rapids-hud-row .rapids-checks{margin-left:auto}.rapids-meter{background:#140c4699;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:3px 10px;display:flex}.rapids-meter span:not([aria-hidden]){background:#ffffff40;border-radius:999px;width:14px;height:10px;transition:background .2s}.rapids-meter span.is-on{background:#8bd043;box-shadow:0 0 6px #8bd043e6}.rapids-card{border-radius:var(--radius);border-top:5px solid var(--topic);width:min(680px,100% - 20px);max-height:58%;color:var(--ink);box-shadow:var(--shadow-card);background:#fffffff2;flex-direction:column;gap:8px;padding:12px 14px;animation:.22s rapids-rise;display:flex;position:absolute;bottom:10px;left:50%;overflow-y:auto;transform:translate(-50%)}.rapids-card-head{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.8rem;font-weight:800;display:flex}.rapids-topic{background:var(--topic,var(--brand));color:#fff;border-radius:999px;padding:1px 9px}.rapids-paused{color:var(--brand-dark);margin-left:auto}.rapids-prompt{font-family:var(--font-display);text-align:center;margin:0;font-size:clamp(1.05rem,2.6vw,1.35rem);line-height:1.25}.rapids-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rapids-card .choice{min-height:0;padding:8px 10px;font-size:.95rem}.rapids-card .choice-letter{width:28px;height:28px;font-size:.85rem}.rapids-review{flex-direction:column;align-items:center;gap:8px;display:flex}.rapids-review .answer-tip{width:100%;box-shadow:none;background:var(--surface-2);padding:10px 12px}.rapids-timer{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.rapids-timer span{border-radius:inherit;background:var(--gold);height:100%;animation:rapids-timer var(--seconds) linear forwards;display:block}.rapids-result{max-width:calc(100% - 24px);box-shadow:var(--shadow-card);text-align:center;pointer-events:none;background:#fffffff2;border-radius:999px;padding:10px 18px;animation:.2s rapids-rise,.4s 2.6s forwards rapids-fade;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.rapids-result.is-good{color:var(--good-dark)}.rapids-result.is-bad{color:var(--bad-dark)}.rapids-pad{pointer-events:none;touch-action:none;justify-content:space-between;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.rapids-pad-btn{pointer-events:auto;opacity:.92;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:76px;min-height:64px;font-size:1.6rem}@media (hover:hover) and (pointer:fine){.rapids-pad{display:none}}.rapids-banner{pointer-events:none;text-align:center;color:#fff;max-width:calc(100% - 200px);font-family:var(--font-display);background:#140c46cc;border-radius:999px;margin:0;padding:8px 16px;font-size:1rem;animation:.22s rapids-rise;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.rapids-banner{max-width:calc(100% - 24px)}}.rapids-how{background:#0a1e3c59;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.rapids-how-card{border-radius:var(--radius-lg);border-top:6px solid var(--topic);background:var(--surface);width:min(520px,100%);color:var(--ink);text-align:center;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:10px;padding:20px;animation:.24s cubic-bezier(.2,.9,.3,1.2) pop-in;display:flex}.rapids-how-card h2{font-size:clamp(1.35rem,4vw,1.75rem)}.rapids-rules{text-align:left;color:var(--ink-soft);gap:6px;margin:0;padding:0;font-weight:700;list-style:none;display:grid}.rapids-rules li{border-radius:var(--radius-sm);background:var(--surface-2);gap:10px;padding:7px 12px;display:flex}.rapids-finish{border-radius:var(--radius-lg);width:min(460px,100% - 24px);color:var(--ink);text-align:center;box-shadow:var(--shadow-card);background:#fffffff5;flex-direction:column;align-items:center;gap:4px;padding:16px;animation:.3s cubic-bezier(.2,.9,.3,1.4) pop-in;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.rapids-finish h2{font-size:clamp(1.4rem,4vw,1.8rem)}.rapids-finish p{color:var(--ink-soft);margin:0;font-weight:700}.rapids-finish-icon{font-size:2.6rem;line-height:1}.rapids-finish.is-win .rapids-finish-icon{animation:.6s ease-in-out infinite alternate rapids-bounce}.rapids-summary{flex-direction:column;align-items:center;gap:8px;display:flex}.rapids-place{margin:0;font-size:1.05rem;font-weight:800}.rapids-place.is-win{color:var(--good-dark)}.rapids-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rapids-stats li{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-soft);flex-direction:column;align-items:center;padding:8px 14px;font-size:.85rem;display:flex}.rapids-stats strong{font-family:var(--font-display);color:var(--ink);font-size:1.3rem}@keyframes rapids-rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes rapids-fade{to{opacity:0;visibility:hidden}}@keyframes rapids-timer{0%{width:100%}to{width:0%}}@keyframes rapids-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@media (width<=640px){.rapids-stage{border-radius:var(--radius);border-width:3px;height:clamp(460px,100svh - 90px,760px)}.rapids-card{max-height:62%;padding:10px}.rapids-paused{display:none}.rapids-card .choice{padding:6px 8px;font-size:.9rem}.rapids-banner{font-size:.85rem}}@media (width<=420px){.rapids-choices{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.rapids-card,.rapids-banner,.rapids-how-card,.rapids-finish,.rapids-finish.is-win .rapids-finish-icon{animation:none}.rapids-result{animation:1ms linear 2.6s forwards rapids-fade}}