:root{--color-bg:#fff7ec;--color-bg-soft:#fceedc;--color-bg-elev-1:#fff;--color-bg-elev-2:#fffdf7;--color-ink:#1f1a3b;--color-ink-soft:#5b5677;--color-ink-muted:#8c88a6;--color-border:#eadfc9;--color-border-strong:#d8c8ab;--color-primary:#5b5bf6;--color-primary-deep:#3f3fd1;--color-primary-soft:#e6e5ff;--color-primary-rgb:91,91,246;--color-accent:#ffc247;--color-accent-deep:#e5a018;--color-accent-soft:#fff1ca;--color-accent-rgb:255,194,71;--color-success:#19c37d;--color-success-deep:#109764;--color-success-soft:#d4f5e5;--color-success-rgb:25,195,125;--color-danger:#ff5c6c;--color-danger-deep:#d9384b;--color-danger-soft:#ffdde1;--color-danger-rgb:255,92,108;--color-info:#2ec4d3;--color-info-deep:#1fa0ac;--color-info-soft:#d2f3f6;--color-info-rgb:46,196,211;--color-purple:#a270ff;--color-purple-deep:#7e4fe0;--color-purple-soft:#ecddff;--grad-hero:linear-gradient(135deg,#ffc247,#ff7e8a 45%,#5b5bf6);--grad-success:linear-gradient(135deg,#19c37d,#2ec4d3);--grad-danger:linear-gradient(135deg,#ff5c6c,#ff9a5a);--grad-primary:linear-gradient(135deg,#5b5bf6,#8a8cff);--grad-accent:linear-gradient(135deg,#ffc247,orange);--grad-card:linear-gradient(180deg,#fff,#fff7ec);--grad-info:linear-gradient(135deg,#2ec4d3,#5b5bf6);--background-color:var(--color-bg);--container-background:var(--color-bg-elev-1);--text-color:var(--color-ink);--text-color-secondary:var(--color-ink-soft);--border-color:var(--color-border);--shadow-color:#1f1a3b14;--primary-color:var(--color-primary);--primary-hover-color:var(--color-primary-deep);--primary-rgb:var(--color-primary-rgb);--primary-color-translucent:rgba(var(--color-primary-rgb),.18);--correct-color:var(--color-success);--correct-border-color:var(--color-success-deep);--correct-rgb:var(--color-success-rgb);--incorrect-color:var(--color-danger);--incorrect-border-color:var(--color-danger-deep);--incorrect-color-translucent:rgba(var(--color-danger-rgb),.18);--button-secondary-bg:var(--color-bg-soft);--button-secondary-hover-bg:var(--color-border);--highlight-color:var(--color-accent);--highlight-hover-color:var(--color-accent-deep);--color-c2:var(--color-success);--color-c2-hover:var(--color-success-deep);--color-c3:var(--color-accent);--color-c3-hover:var(--color-accent-deep);--color-c4:var(--color-purple);--color-c4-hover:var(--color-purple-deep);--font-display:"Fredoka","Nunito","Segoe UI",system-ui,-apple-system,sans-serif;--font-body:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif;--fs-xs:clamp(0.75rem,0.70rem + 0.20vw,0.85rem);--fs-sm:clamp(0.875rem,0.82rem + 0.25vw,1.00rem);--fs-md:clamp(1.00rem,0.94rem + 0.30vw,1.125rem);--fs-lg:clamp(1.25rem,1.10rem + 0.60vw,1.50rem);--fs-xl:clamp(1.75rem,1.40rem + 1.40vw,2.25rem);--fs-2xl:clamp(2.20rem,1.70rem + 2.00vw,3.20rem);--lh-tight:1.15;--lh-snug:1.35;--lh-base:1.55;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-base:0;--tracking-wide:0.04em;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:30px;--radius-pill:999px;--shadow-sm:0 1px 2px #1f1a3b0f,0 1px 1px #1f1a3b0a;--shadow-md:0 6px 14px #5b5bf61a,0 2px 4px #1f1a3b0f;--shadow-lg:0 18px 36px #5b5bf629,0 6px 12px #1f1a3b12;--shadow-xl:0 28px 60px #5b5bf638,0 10px 18px #1f1a3b14;--shadow-inset:inset 0 3px 0 #0000000f;--shadow-glow-primary:0 0 0 4px #5b5bf633;--shadow-glow-success:0 0 0 4px #19c37d40;--shadow-glow-danger:0 0 0 4px #ff5c6c40;--shadow-glow-accent:0 0 0 4px #ffc2474d;--container-shadow:var(--shadow-md);--container-shadow-lg:var(--shadow-lg);--ease-out-quart:cubic-bezier(.25,.46,.45,.94);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-pop:cubic-bezier(.18,.89,.32,1.28);--ease-back-in:cubic-bezier(.6,-.28,.74,.05);--dur-fast:120ms;--dur-base:220ms;--dur-slow:420ms;--dur-deliberate:700ms;--focus-ring:0 0 0 4px rgba(var(--color-primary-rgb),.35);--z-base:0;--z-header:10;--z-toast:800;--z-overlay:900;--z-modal:1000;--z-tutorial:1100;--globe-ocean:#b8e0e6;--globe-ocean-emit:#8fc9d1;--globe-ocean-spec:#e5f5f8;--globe-land:#ffc247;--globe-land-emit:#c98a12;--globe-land-hover:#5b5bf6;--globe-land-hover-emit:#2c2cb8;--globe-border:#5b5677;--globe-highlight:#ffc247;--globe-atmosphere:#5b5bf6;--globe-amb-light:#ffe9c2;--globe-key-light:#fff;--globe-rim-light:#8a8cff;--globe-correct:#19c37d;--globe-correct-emit:#0e7a4f;--globe-wrong:#ff5c6c;--globe-wrong-emit:#8e2230;--brand-buck-green:#1fae5f;--brand-buck-stroke:#1f1a3b;color-scheme:light}[data-theme=dark]{--color-bg:#0f0e1e;--color-bg-soft:#15142b;--color-bg-elev-1:#1a1832;--color-bg-elev-2:#221f40;--color-ink:#f5f2ff;--color-ink-soft:#bfb9dc;--color-ink-muted:#8c88b0;--color-border:#2b2748;--color-border-strong:#3d3865;--color-primary:#8a8cff;--color-primary-deep:#6f70f1;--color-primary-soft:#2b2a55;--color-primary-rgb:138,140,255;--color-accent:#ffd075;--color-accent-deep:#e5a018;--color-accent-soft:#463a1f;--color-accent-rgb:255,208,117;--color-success:#2dde94;--color-success-deep:#1fbe79;--color-success-soft:#1a3f30;--color-success-rgb:45,222,148;--color-danger:#ff7782;--color-danger-deep:#e55867;--color-danger-soft:#45222a;--color-danger-rgb:255,119,130;--color-info:#54d6e1;--color-info-deep:#2ec4d3;--color-info-soft:#1c3d44;--color-info-rgb:84,214,225;--color-purple:#b98eff;--color-purple-deep:#a270ff;--color-purple-soft:#2e2348;--grad-card:linear-gradient(180deg,#1a1832,#0f0e1e);--grad-hero:linear-gradient(135deg,#ffd075,#ff7e8a 45%,#8a8cff);--shadow-color:#0000004d;--shadow-sm:0 1px 2px #0000004d,0 1px 1px #0003;--shadow-md:0 6px 14px #0006,0 2px 4px #0000004d;--shadow-lg:0 18px 36px #00000080,0 6px 12px #0000004d;--shadow-xl:0 28px 60px #0009,0 10px 18px #0006;--shadow-glow-primary:0 0 0 4px #8a8cff4d;--shadow-glow-success:0 0 0 4px #2dde944d;--shadow-glow-danger:0 0 0 4px #ff77824d;--shadow-glow-accent:0 0 0 4px #ffd0754d;--focus-ring:0 0 0 4px rgba(var(--color-primary-rgb),.45);--globe-ocean:#11233f;--globe-ocean-emit:#06101f;--globe-ocean-spec:#244166;--globe-land:#cdb88f;--globe-land-emit:#2a2417;--globe-land-hover:#ff6a3d;--globe-land-hover-emit:#8e1f0c;--globe-border:#04060b;--globe-highlight:#ffe066;--globe-atmosphere:#3f6bff;--globe-amb-light:#9ac;--globe-key-light:#fff0dd;--globe-rim-light:#4f74ff;--globe-correct:#2dde94;--globe-correct-emit:#15623f;--globe-wrong:#ff7782;--globe-wrong-emit:#6a1a24;color-scheme:dark}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--fs-md);font-weight:500;letter-spacing:var(--tracking-snug);line-height:var(--lh-base);margin:0;overflow-x:hidden;text-rendering:optimizeLegibility;transition:background-color var(--dur-slow) var(--ease-out-quart),color var(--dur-slow) var(--ease-out-quart)}body:before{background:radial-gradient(40rem 30rem at 90% -10%,rgba(var(--color-accent-rgb),.18),#0000 60%),radial-gradient(50rem 35rem at -10% 110%,rgba(var(--color-primary-rgb),.14),#0000 60%);inset:-10vh -10vw;z-index:-2}body:after,body:before{content:"";pointer-events:none;position:fixed;transition:opacity var(--dur-slow) ease}body:after{background:radial-gradient(22rem 16rem at 8% 30%,rgba(var(--color-primary-rgb),.25),#0000 65%),radial-gradient(20rem 14rem at 92% 22%,rgba(var(--color-accent-rgb),.22),#0000 65%),radial-gradient(26rem 18rem at 12% 88%,rgba(var(--color-success-rgb),.18),#0000 65%),radial-gradient(24rem 16rem at 88% 82%,rgba(var(--color-info-rgb),.2),#0000 65%);filter:blur(40px);inset:0;opacity:0;z-index:-1}@media (min-width:1024px){body:after{opacity:.55}}@media (min-width:1440px){body:after{opacity:.7}}@media (prefers-reduced-motion:reduce){body:after{opacity:0}}h1,h2,h3,h4{color:var(--color-ink);font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md);font-weight:700}p{line-height:var(--lh-base);margin:0}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit}button{border:0;cursor:pointer;padding:0}button,input,textarea{background:#0000}a{color:var(--color-primary);font-weight:600;text-decoration:none}ul{list-style:none;margin:0;padding:0}.app-container,.app-container-fullwidth{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;min-height:100vh;padding:clamp(var(--space-md),3vw,var(--space-2xl));width:100%}.app-container{max-width:760px}.app-container-fullwidth{max-width:1280px}@media (min-width:720px){.app-container,.app-container-fullwidth{justify-content:center;padding-block:clamp(var(--space-xl),5vh,var(--space-4xl))}}@media (min-width:1024px){.app-container{max-width:880px}.app-container-fullwidth{max-width:1320px}}@media (min-width:1440px){.app-container{max-width:960px}}@media (max-width:480px){.app-container,.app-container-fullwidth{padding:var(--space-sm)}}@media (max-width:360px){.app-container,.app-container-fullwidth{padding:var(--space-xs)}}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover:none){.back-button:hover:not(:disabled),.choice-card:hover:not(:disabled),.grid-button:hover:not(:disabled),.menu-button:hover:not(:disabled),.option-button:hover:not(:disabled),.response-submit:hover:not(:disabled),.skip-button:hover:not(:disabled),.ui-button:hover:not(:disabled){transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}::selection{background:rgba(var(--color-primary-rgb),.35);color:var(--color-ink)}*{scrollbar-color:var(--color-border-strong) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--color-border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:var(--radius-pill)}.material-symbols-rounded{-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-style:normal;font-weight:500;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.app-icon{vertical-align:middle}.icon-inline{font-size:1.3em}.icon-lg{font-size:2em}.icon-xl{font-size:3em}.icon-primary{color:var(--color-primary)}.icon-correct{color:var(--color-success)}.icon-incorrect{color:var(--color-danger)}.icon-highlight{color:var(--color-accent)}.icon-muted{color:var(--color-ink-muted)}.icon-pop{animation:icon-pop var(--dur-slow) var(--ease-pop) both;display:inline-block}@keyframes icon-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.quiz-box{align-items:center;background:var(--grad-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-lg);max-width:640px;overflow:hidden;padding:clamp(var(--space-md),3vw,var(--space-xl));position:relative;transition:box-shadow var(--dur-base) var(--ease-out-quart);width:100%}@media (min-width:1024px){.quiz-box{gap:var(--space-xl);max-width:740px;padding:var(--space-2xl)}}@media (min-width:1440px){.quiz-box{max-width:820px}}@media (max-width:480px){.quiz-box{border-radius:var(--radius-md);gap:var(--space-md);padding:var(--space-md)}}.quiz-box:before{background-image:radial-gradient(circle,rgba(var(--color-primary-rgb),.07) 1px,#0000 1px);background-position:0 0;background-size:22px 22px;content:"";inset:0;opacity:.35;pointer-events:none;position:absolute;z-index:0}.quiz-box>*{position:relative;z-index:1}.bonus-menu-box,.main-menu-box,.settings-box,.stats-box{background:var(--grad-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-lg);max-width:720px;padding:clamp(var(--space-md),3vw,var(--space-xl));position:relative;width:100%}@media (min-width:1024px){.bonus-menu-box,.main-menu-box,.settings-box,.stats-box{max-width:820px;padding:var(--space-2xl)}}@media (min-width:1440px){.bonus-menu-box,.main-menu-box,.settings-box,.stats-box{max-width:900px}}@media (max-width:480px){.bonus-menu-box,.main-menu-box,.settings-box,.stats-box{border-radius:var(--radius-md);gap:var(--space-md);padding:var(--space-md)}}.loading-box{align-items:center;background:var(--grad-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);box-sizing:border-box;color:var(--color-ink-soft);display:flex;flex-direction:column;font-size:var(--fs-md);gap:var(--space-lg);justify-content:center;min-height:220px;padding:var(--space-2xl);width:100%}.loading-box:before{animation:spinner .8s linear infinite;border-bottom:3px solid var(--color-border-strong);border-left:3px solid var(--color-border-strong);border-radius:50%;border-right-color:var(--color-border-strong);border-right:3px solid var(--color-accent);border-top-color:var(--color-border-strong);border-top:3px solid var(--color-primary);content:"";height:44px;width:44px}@keyframes spinner{to{transform:rotate(1turn)}}.menu-button,.option-button,.response-submit,.skip-button{-webkit-tap-highlight-color:transparent;align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;gap:var(--space-sm);justify-content:center;letter-spacing:var(--tracking-snug);min-height:52px;padding:var(--space-md) var(--space-xl);transition:transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur-base) var(--ease-out-quart),background-color var(--dur-base) var(--ease-out-quart),color var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart)}.menu-button:disabled,.option-button:disabled,.response-submit:disabled,.skip-button:disabled{cursor:not-allowed;opacity:.55}.menu-button{background:var(--grad-primary);border-color:#0000;box-shadow:0 6px 0 var(--color-primary-deep),var(--shadow-md);color:#fff;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);width:100%}.menu-button:hover:not(:disabled){box-shadow:0 8px 0 var(--color-primary-deep),var(--shadow-lg);transform:translateY(-2px)}.menu-button:active:not(:disabled){box-shadow:0 2px 0 var(--color-primary-deep),var(--shadow-sm);transform:translateY(3px)}.menu-button.c2{background:linear-gradient(135deg,#19c37d,#2ec4d3);box-shadow:0 6px 0 var(--color-success-deep),var(--shadow-md)}.menu-button.c2:hover:not(:disabled){box-shadow:0 8px 0 var(--color-success-deep),var(--shadow-lg)}.menu-button.c2:active:not(:disabled){box-shadow:0 2px 0 var(--color-success-deep),var(--shadow-sm)}.menu-button.c3{background:linear-gradient(135deg,#ffc247,#ff8a45);box-shadow:0 6px 0 var(--color-accent-deep),var(--shadow-md);color:#4a2d00}.menu-button.c3:hover:not(:disabled){box-shadow:0 8px 0 var(--color-accent-deep),var(--shadow-lg)}.menu-button.c3:active:not(:disabled){box-shadow:0 2px 0 var(--color-accent-deep),var(--shadow-sm)}.menu-button.c4{background:linear-gradient(135deg,#a270ff,#5b5bf6);box-shadow:0 6px 0 var(--color-purple-deep),var(--shadow-md)}.menu-button.c4:hover:not(:disabled){box-shadow:0 8px 0 var(--color-purple-deep),var(--shadow-lg)}.menu-button.c4:active:not(:disabled){box-shadow:0 2px 0 var(--color-purple-deep),var(--shadow-sm)}.menu-button.secondary{background:var(--color-bg-elev-2);border:2px solid var(--color-border-strong);box-shadow:0 6px 0 var(--color-border-strong),var(--shadow-sm);color:var(--color-ink)}.menu-button.secondary:hover:not(:disabled){background:var(--color-bg-soft);box-shadow:0 8px 0 var(--color-border-strong),var(--shadow-md)}.menu-button.secondary:active:not(:disabled){box-shadow:0 2px 0 var(--color-border-strong),var(--shadow-sm)}.menu-button-stats{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;margin-top:var(--space-xs);opacity:.9}.menu-button-stats .completed{background:#00000040;border-radius:var(--radius-pill);padding:2px 10px}.menu-button-stats .completed,.menu-button-stats .review-stat{color:var(--color-accent-soft);font-weight:700}.response-submit{background:var(--grad-primary);box-shadow:0 5px 0 var(--color-primary-deep),var(--shadow-md);color:#fff;flex:1 1}.response-submit:hover:not(:disabled){box-shadow:0 7px 0 var(--color-primary-deep),var(--shadow-lg);transform:translateY(-2px)}.response-submit:active:not(:disabled){box-shadow:0 2px 0 var(--color-primary-deep),var(--shadow-sm);transform:translateY(2px)}.skip-button{background:var(--color-bg-soft);border:2px solid var(--color-border-strong);box-shadow:0 4px 0 var(--color-border-strong);color:var(--color-ink-soft);flex:0 0 auto;min-width:96px}.skip-button:hover:not(:disabled){background:var(--color-border);box-shadow:0 6px 0 var(--color-border-strong);transform:translateY(-2px)}.skip-button:active:not(:disabled){box-shadow:0 2px 0 var(--color-border-strong);transform:translateY(2px)}.option-button{background:var(--color-bg-elev-1);border:2px solid var(--color-border-strong);box-shadow:0 4px 0 var(--color-border-strong),var(--shadow-sm);color:var(--color-ink);justify-content:flex-start;min-height:56px;padding:var(--space-md) var(--space-lg);position:relative;text-align:left;width:100%}.option-button:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 6px 0 var(--color-border-strong),var(--shadow-md);transform:translateY(-2px)}.option-button:active:not(:disabled){box-shadow:0 2px 0 var(--color-border-strong),var(--shadow-sm);transform:translateY(2px)}.option-button.correct{background:var(--color-success-soft);border-color:var(--color-success);box-shadow:0 4px 0 var(--color-success-deep),var(--shadow-glow-success);color:var(--color-success-deep)}.option-button.incorrect{background:var(--color-danger-soft);border-color:var(--color-danger);box-shadow:0 4px 0 var(--color-danger-deep),var(--shadow-glow-danger);color:var(--color-danger-deep)}.grid-button{align-items:stretch;background:var(--color-bg-elev-1);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 0 var(--color-border-strong),var(--shadow-sm);color:var(--color-ink);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-display);font-weight:600;gap:var(--space-xs);justify-content:space-between;min-height:88px;padding:var(--space-md);transition:transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart)}.grid-button:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 6px 0 var(--color-border-strong),var(--shadow-md);transform:translateY(-2px)}.grid-button:active:not(:disabled){box-shadow:0 2px 0 var(--color-border-strong),var(--shadow-sm);transform:translateY(2px)}.grid-button:disabled{cursor:not-allowed;opacity:.5}.grid-button-name{color:var(--color-ink);font-size:var(--fs-md)}.grid-button-stats{align-items:center;color:var(--color-ink-soft);display:flex;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:700;justify-content:space-between}.grid-button-stats .completed{background:var(--color-success-soft);border-radius:var(--radius-pill);color:var(--color-success-deep);padding:2px 8px}.grid-button-stats .review-stat{background:var(--color-accent-soft);border-radius:var(--radius-pill);color:var(--color-accent-deep);padding:2px 8px}.category-section{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.category-section h3{color:var(--color-ink);color:var(--color-ink-soft);font-size:var(--fs-md);font-weight:700;letter-spacing:var(--tracking-wide);margin:0;padding-left:var(--space-xs);text-transform:uppercase}.category-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}@media (min-width:720px){.category-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.menu-options{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.menu-title{-webkit-text-fill-color:#0000;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:var(--color-primary-deep);font-size:var(--fs-2xl);font-weight:700;margin:0;text-align:center}@supports not (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.menu-title{-webkit-text-fill-color:initial;background:none;color:var(--color-primary-deep)}}.menu-subtitle{color:var(--color-ink-soft);font-size:var(--fs-md);margin:0 0 var(--space-md);text-align:center}.back-button{align-items:center;align-self:flex-start;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:var(--color-ink);cursor:pointer;display:inline-flex;font-weight:600;gap:var(--space-xs);justify-content:center;min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md);transition:background-color var(--dur-base) var(--ease-out-quart),color var(--dur-base) var(--ease-out-quart),transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur-base) var(--ease-out-quart)}.back-button:hover:not(:disabled){background:var(--color-primary-soft);box-shadow:var(--shadow-md);color:var(--color-primary-deep);transform:translateY(-1px)}.back-button:active:not(:disabled){transform:translateY(1px)}.back-button.menu-back-button{align-self:center;color:var(--color-primary);margin-top:var(--space-sm)}.flag-image{-webkit-user-drag:none;aspect-ratio:3/2;background:var(--color-bg-elev-1);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border);height:auto;max-width:340px;object-fit:contain;padding:6px;-webkit-user-select:none;user-select:none;width:100%}@media (min-width:1024px){.flag-image{max-width:400px}}@media (min-width:1440px){.flag-image{max-width:460px}}.flag-flash-placeholder{background:repeating-linear-gradient(45deg,var(--color-bg-elev-1),var(--color-bg-elev-1) 12px,var(--color-bg-elev-2) 12px,var(--color-bg-elev-2) 24px);color:var(--color-ink-muted);font-family:var(--font-display);font-size:6rem;font-weight:800}.flag-flash-placeholder,.reverse-prompt{align-items:center;display:flex;justify-content:center}.reverse-prompt{aspect-ratio:3/2;background:var(--color-bg-elev-1);background:var(--grad-card,var(--color-bg-elev-1));border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border);flex-direction:column;gap:var(--space-xs);max-width:460px;padding:var(--space-md);text-align:center;width:100%}.reverse-prompt__label{color:var(--color-ink-muted);font-size:var(--fs-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.reverse-prompt__name{color:var(--color-primary-deep);font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.6rem);font-weight:800;line-height:1.15;word-break:break-word}.flag-choice-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr;width:100%}@media (min-width:640px){.flag-choice-grid{gap:var(--space-md)}}.flag-choice{align-items:center;background:var(--color-bg-elev-2);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:var(--space-sm);position:relative;transition:transform var(--dur-fast) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart),background-color var(--dur-base) var(--ease-out-quart)}.flag-choice:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-2px)}.flag-choice:active:not(:disabled){transform:translateY(0)}.flag-choice:disabled{cursor:not-allowed;opacity:.75}.flag-choice.is-correct{background:rgba(var(--color-success-rgb),.12);background:var(--color-success-soft,rgba(var(--color-success-rgb),.12));border-color:var(--color-success)}.flag-choice.is-incorrect{background:rgba(var(--color-danger-rgb),.12);background:var(--color-danger-soft,rgba(var(--color-danger-rgb),.12));border-color:var(--color-danger)}.flag-choice__index{align-items:center;background:var(--color-bg-elev-1);border-radius:50%;color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-xs);font-weight:800;height:22px;justify-content:center;left:6px;position:absolute;top:6px;width:22px}.flag-choice.is-correct .flag-choice__index{background:var(--color-success);color:#fff}.flag-choice.is-incorrect .flag-choice__index{background:var(--color-danger);color:#fff}.flag-choice__img{aspect-ratio:3/2;background:var(--color-bg-elev-1);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);max-width:200px;object-fit:contain;width:100%}.flag-choice__mark{position:absolute;right:6px;top:6px}.quiz-header{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;width:100%}.quiz-score{background:var(--color-primary-soft);border-radius:var(--radius-pill);color:var(--color-primary-deep);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;padding:var(--space-xs) var(--space-md)}.quiz-score.pop{animation:score-pop .35s var(--ease-pop)}@keyframes score-pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.feedback-label{flex-direction:column;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;gap:var(--space-xs);justify-content:center;min-height:56px;text-align:center}.feedback-label,.feedback-row{align-items:center;display:flex}.feedback-row{gap:var(--space-sm)}.feedback-answer{font-size:var(--fs-lg);font-weight:700}.options-box{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:1fr;width:100%}@media (min-width:640px){.options-box{gap:var(--space-md);grid-template-columns:1fr 1fr}}.response-form{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.response-input{background:var(--color-bg-elev-1);border:2px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-ink);font-size:var(--fs-md);font-weight:600;min-height:56px;padding:var(--space-md) var(--space-lg);transition:border-color var(--dur-base) var(--ease-out-quart),background-color var(--dur-base) var(--ease-out-quart),box-shadow var(--dur-base) var(--ease-out-quart);width:100%}.response-input:focus{background:var(--color-bg-elev-2);border-color:var(--color-primary)}.response-input::placeholder{color:var(--color-ink-muted);font-weight:500}.response-input.wiggle{animation:wiggle .45s var(--ease-pop)}@keyframes wiggle{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}.quiz-actions{gap:var(--space-md);width:100%}.lives-container,.quiz-actions{align-items:center;display:flex}.lives-container{gap:var(--space-xs);justify-content:center}.life-box{background:var(--color-danger);border-radius:50%;box-shadow:var(--shadow-sm),inset 0 -2px 0 #00000026;height:18px;transition:background-color var(--dur-base) var(--ease-out-quart),transform var(--dur-base) var(--ease-out-quart);width:18px}.life-box.lost{background:var(--color-border);transform:scale(.75)}.life-box.correct{background:var(--color-success)}.life-box.shake{animation:wiggle .45s var(--ease-pop)}.quiz-box.flash-correct{animation:flash-correct 1.4s var(--ease-out-quart) forwards}.quiz-box.flash-incorrect{animation:flash-incorrect 1.4s var(--ease-out-quart) forwards}@keyframes flash-correct{0%{box-shadow:0 0 0 0 #19c37d8c,var(--shadow-lg)}25%{box-shadow:0 0 0 14px #19c37d33,var(--shadow-xl)}to{box-shadow:0 0 0 22px #19c37d00,var(--shadow-lg)}}@keyframes flash-incorrect{0%{box-shadow:0 0 0 0 #ff5c6c8c,var(--shadow-lg)}25%{box-shadow:0 0 0 14px #ff5c6c33,var(--shadow-xl)}to{box-shadow:0 0 0 22px #ff5c6c00,var(--shadow-lg)}}.pop-in{animation:pop-in .55s var(--ease-pop) both}@keyframes pop-in{0%{opacity:0;transform:scale(.85) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.ui-card{background:var(--grad-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-xl)}.ui-card--flat{border-color:var(--color-border);box-shadow:none}.ui-card--raised{box-shadow:var(--shadow-md)}.ui-card--floating{box-shadow:var(--shadow-lg)}.ui-card--interactive{cursor:pointer;transition:transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur-base) var(--ease-out-quart)}.ui-card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.ui-pill{align-items:center;background:var(--color-bg-soft);border-radius:var(--radius-pill);color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-xs);font-weight:700;gap:6px;letter-spacing:var(--tracking-wide);padding:4px 12px;text-transform:uppercase}.ui-pill--primary{background:var(--color-primary-soft);color:var(--color-primary-deep)}.ui-pill--success{background:var(--color-success-soft);color:var(--color-success-deep)}.ui-pill--danger{background:var(--color-danger-soft);color:var(--color-danger-deep)}.ui-pill--accent{background:var(--color-accent-soft);color:var(--color-accent-deep)}.ui-pill--info{background:var(--color-info-soft);color:var(--color-info-deep)}.choice-card{--choice-accent:var(--color-primary);--choice-accent-deep:var(--color-primary-deep);--choice-accent-soft:var(--color-primary-soft);align-items:center;background:var(--color-bg-elev-1);border:2px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:0 5px 0 var(--color-border-strong),var(--shadow-sm);color:var(--color-ink);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;gap:var(--space-sm);justify-content:flex-start;min-height:60px;padding:var(--space-md) var(--space-lg);text-align:left;transition:transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart),background-color var(--dur-base) var(--ease-out-quart),color var(--dur-base) var(--ease-out-quart);width:100%}.choice-card .choice-card__index{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-pill);color:var(--color-primary-deep);display:inline-flex;font-size:var(--fs-xs);font-weight:700;height:28px;justify-content:center;margin-right:var(--space-xs);min-width:28px}@media (hover:hover){.choice-card:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 7px 0 var(--color-border-strong),var(--shadow-md);transform:translateY(-2px)}}.choice-card:active:not(:disabled){box-shadow:0 2px 0 var(--color-border-strong),var(--shadow-sm);transform:translateY(2px)}.choice-card:disabled{cursor:not-allowed;opacity:.65}.choice-card.is-correct{background:var(--color-success-soft);border-color:var(--color-success);box-shadow:0 5px 0 var(--color-success-deep),var(--shadow-glow-success);color:var(--color-success-deep)}.choice-card.is-correct .choice-card__index{background:var(--color-success);color:#fff}.choice-card.is-incorrect{background:var(--color-danger-soft);border-color:var(--color-danger);box-shadow:0 5px 0 var(--color-danger-deep),var(--shadow-glow-danger);color:var(--color-danger-deep)}.choice-card.is-incorrect .choice-card__index{background:var(--color-danger);color:#fff}.ui-progress-bar{background:var(--color-bg-soft);box-shadow:var(--shadow-inset);height:12px;overflow:hidden;position:relative}.ui-progress-bar,.ui-progress-bar__fill{border-radius:var(--radius-pill);width:100%}.ui-progress-bar__fill{background:var(--grad-primary);height:100%;transform-origin:left;transition:background var(--dur-base) var(--ease-out-quart)}.ui-progress-bar--success .ui-progress-bar__fill{background:var(--grad-success)}.ui-progress-bar--danger .ui-progress-bar__fill{background:var(--grad-danger)}.ui-progress-bar--accent .ui-progress-bar__fill{background:var(--grad-accent)}.ui-toggle{--w:56px;--h:32px;background:var(--color-bg-soft);border:2px solid var(--color-border-strong);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;height:var(--h);position:relative;transition:background-color var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart);width:var(--w)}.ui-toggle__knob{background:var(--color-bg-elev-1);border-radius:50%;box-shadow:var(--shadow-sm);height:calc(var(--h) - 8px);left:2px;position:absolute;top:2px;width:calc(var(--h) - 8px)}.ui-toggle.is-on{background:var(--color-primary);border-color:var(--color-primary-deep)}.ui-toggle.is-on .ui-toggle__knob{background:#fff}.ui-score-bubble{align-items:center;background:var(--color-accent-soft);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);display:inline-flex;font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;gap:var(--space-xs);padding:6px var(--space-md);position:relative}.ui-score-bubble,.ui-score-bubble .ui-score-bubble__icon{color:var(--color-accent-deep)}.floating-score{background:var(--color-bg-elev-1);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);color:var(--color-success-deep);font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;padding:2px 10px;pointer-events:none;position:absolute;right:-8px;top:-8px}.floating-score--negative{color:var(--color-danger-deep)}.ui-toast-stack{flex-direction:column;left:50%;pointer-events:none;position:fixed;top:var(--space-lg);transform:translateX(-50%);width:min(92vw,420px);z-index:var(--z-toast)}.ui-toast,.ui-toast-stack{display:flex;gap:var(--space-sm)}.ui-toast{background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-ink);font-weight:600;padding:var(--space-md) var(--space-lg);pointer-events:auto}.ui-toast--success{border-left-color:var(--color-success)}.ui-toast--danger{border-left-color:var(--color-danger)}.ui-toast--accent{border-left-color:var(--color-accent)}.ui-modal-backdrop{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f0e1e8c;display:flex;inset:0;justify-content:center;padding:var(--space-lg);position:fixed;z-index:var(--z-modal)}.ui-modal{background:var(--grad-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--space-md);max-height:calc(100vh - var(--space-lg)*2);max-height:calc(100dvh - var(--space-lg)*2);max-width:480px;overflow-y:auto;padding:var(--space-2xl);position:relative;width:100%}.ui-modal-close{align-items:center;align-self:flex-end;background:var(--color-bg-soft);border:none;border-radius:var(--radius-pill);color:var(--color-ink-soft);cursor:pointer;display:inline-flex;height:38px;justify-content:center;margin:calc(var(--space-md)*-1) calc(var(--space-md)*-1) calc((38px + var(--space-md))*-1) 0;position:-webkit-sticky;position:sticky;top:0;transition:background .15s ease,color .15s ease,transform .1s ease;width:38px;z-index:2}.ui-modal-close:hover{background:var(--color-border);color:var(--color-ink)}.ui-modal-close:active{transform:scale(.92)}.ui-modal-close .material-symbols-rounded{font-size:22px}.ui-modal-close+h2{padding-right:44px}.section-heading{color:var(--color-ink-soft);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-wide);margin:0 0 var(--space-xs);text-transform:uppercase}.stats-subtitle{color:var(--color-ink-soft);font-family:var(--font-display);font-size:var(--fs-md);margin:var(--space-md) 0 var(--space-xs)}.stats-catalog-summary{color:var(--color-ink-soft);font-size:var(--fs-sm);margin:0}.full-width{width:100%}.text-center{text-align:center}.cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.stack-md{gap:var(--space-md)}.stack-lg,.stack-md{display:flex;flex-direction:column}.stack-lg{gap:var(--space-lg)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ui-button{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-weight:600;gap:var(--space-sm);justify-content:center;line-height:1;text-decoration:none;transition:transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur-base) var(--ease-out-quart),background-color var(--dur-base) var(--ease-out-quart),color var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart);white-space:nowrap}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button--full{width:100%}.ui-button--sm{font-size:var(--fs-sm);min-height:40px;padding:0 var(--space-md)}.ui-button--md{font-size:var(--fs-md);min-height:48px;padding:0 var(--space-lg)}.ui-button--lg{border-radius:var(--radius-xl);font-size:var(--fs-md);min-height:60px;padding:0 var(--space-xl)}.ui-button--primary{background:var(--grad-primary);box-shadow:0 5px 0 var(--color-primary-deep),var(--shadow-md);color:#fff}.ui-button--primary:hover:not(:disabled){box-shadow:0 7px 0 var(--color-primary-deep),var(--shadow-lg)}.ui-button--primary:active:not(:disabled){box-shadow:0 2px 0 var(--color-primary-deep),var(--shadow-sm)}.ui-button--success{background:var(--grad-success);box-shadow:0 5px 0 var(--color-success-deep),var(--shadow-md);color:#fff}.ui-button--success:hover:not(:disabled){box-shadow:0 7px 0 var(--color-success-deep),var(--shadow-lg)}.ui-button--success:active:not(:disabled){box-shadow:0 2px 0 var(--color-success-deep),var(--shadow-sm)}.ui-button--accent{background:var(--grad-accent);box-shadow:0 5px 0 var(--color-accent-deep),var(--shadow-md);color:#4a2d00}.ui-button--accent:hover:not(:disabled){box-shadow:0 7px 0 var(--color-accent-deep),var(--shadow-lg)}.ui-button--accent:active:not(:disabled){box-shadow:0 2px 0 var(--color-accent-deep),var(--shadow-sm)}.ui-button--danger{background:var(--grad-danger);box-shadow:0 5px 0 var(--color-danger-deep),var(--shadow-md);color:#fff}.ui-button--danger:hover:not(:disabled){box-shadow:0 7px 0 var(--color-danger-deep),var(--shadow-lg)}.ui-button--danger:active:not(:disabled){box-shadow:0 2px 0 var(--color-danger-deep),var(--shadow-sm)}.ui-button--secondary{background:var(--color-bg-elev-2);border-color:var(--color-border-strong);box-shadow:0 4px 0 var(--color-border-strong),var(--shadow-sm);color:var(--color-ink)}.ui-button--secondary:hover:not(:disabled){background:var(--color-bg-soft);box-shadow:0 6px 0 var(--color-border-strong),var(--shadow-md)}.ui-button--secondary:active:not(:disabled){box-shadow:0 2px 0 var(--color-border-strong)}.ui-button--ghost{background:#0000;border-color:#0000;box-shadow:none;color:var(--color-primary-deep)}.ui-button--ghost:hover:not(:disabled){background:var(--color-primary-soft)}.settings-section{background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.settings-section-title{color:var(--color-ink-soft);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-wide);margin:0 0 var(--space-xs);text-transform:uppercase}.setting-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;padding:var(--space-sm) var(--space-xs)}.setting-row__label{display:flex;flex:1 1 200px;flex-direction:column;gap:2px}.setting-row__title{font-family:var(--font-display);font-weight:700}.setting-row__desc{color:var(--color-ink-soft);font-size:var(--fs-sm)}.stats-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}@media (min-width:540px){.stats-grid{gap:var(--space-md)}}.stats-grid.high-score-grid{grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.stats-grid.high-score-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{align-items:center;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:4px;padding:var(--space-md);text-align:center}.region-stats,.stat-item{display:flex;flex-direction:column}.region-stats{gap:6px;width:100%}.region-stat{grid-gap:var(--space-sm);align-items:center;display:grid;gap:var(--space-sm);grid-template-columns:minmax(80px,120px) 1fr 46px}.region-stat__name{color:var(--color-ink);font-size:var(--fs-sm);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-stat__track{background:var(--color-bg-soft);border-radius:var(--radius-pill);height:8px;overflow:hidden}.region-stat__fill{background:var(--grad-primary);border-radius:var(--radius-pill);display:block;height:100%}.region-stat__val{color:var(--color-ink-soft);font-size:var(--fs-xs);font-weight:800;text-align:right}.stat-value{color:var(--color-primary-deep);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;line-height:1}@media (min-width:540px){.stat-value{font-size:var(--fs-xl)}}.stat-value.bonus-score{color:var(--color-accent-deep)}.stat-label{color:var(--color-ink-soft);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.hero-band{background:var(--grad-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--color-ink-soft);flex-direction:column;overflow:hidden;padding:clamp(var(--space-xl),5vw,var(--space-2xl)) clamp(var(--space-md),4vw,var(--space-lg))}.hero-band,.hero-band__logo-row{align-items:center;display:flex;gap:var(--space-md);position:relative}.hero-band__logo-row{flex-wrap:wrap;justify-content:center;z-index:2}.hero-band__title{margin:0}.hero-band__subtitle,.hero-band__title{position:relative;text-align:center;z-index:2}.hero-band__subtitle{color:var(--color-ink-soft);max-width:36ch}.mode-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr;width:100%}@media (min-width:560px){.mode-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.mode-grid{gap:var(--space-lg)}}.menu-section{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.menu-section .section-heading{margin:0 var(--space-xs)}.mode-card{--mc-bg:var(--grad-primary);--mc-shadow:var(--color-primary-deep);--mc-fg:#fff;background:var(--mc-bg);border:0;border-radius:var(--radius-xl);box-shadow:0 6px 0 var(--mc-shadow),var(--shadow-md);color:var(--mc-fg);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-display);gap:var(--space-xs);min-height:140px;overflow:hidden;padding:var(--space-lg);position:relative;text-align:left;transition:transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur-base) var(--ease-out-quart)}.mode-card:hover{box-shadow:0 8px 0 var(--mc-shadow),var(--shadow-lg);transform:translateY(-2px)}.mode-card:active{box-shadow:0 3px 0 var(--mc-shadow),var(--shadow-sm);transform:translateY(2px)}.mode-card.is-disabled,.mode-card:disabled{cursor:not-allowed;opacity:.6}.mode-card__title{font-size:var(--fs-lg);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.15;padding-right:60px}.mode-card__desc{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;line-height:1.35;opacity:.92;padding-right:60px}.mode-card__icon{bottom:-10px;color:currentColor!important;font-size:clamp(64px,14vw,92px)!important;opacity:.22;pointer-events:none;position:absolute;right:-6px}.mode-card__badge{align-self:flex-start;background:#00000038;border-radius:var(--radius-pill);color:inherit;font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-xs);padding:3px 10px;text-transform:uppercase}.mode-card.tone-accent .mode-card__badge{background:#0003;color:#2a1700}.mode-card__streak{align-items:center;background:#00000038;border-radius:var(--radius-pill);color:inherit;display:inline-flex;font-size:var(--fs-xs);font-weight:800;gap:3px;padding:2px 9px;position:absolute;right:12px;top:10px;z-index:2}.mode-card__streak .icon{font-size:1em}.mode-card.tone-primary{--mc-bg:var(--grad-primary);--mc-shadow:var(--color-primary-deep);--mc-fg:#fff}.mode-card.tone-success{--mc-bg:var(--grad-success);--mc-shadow:var(--color-success-deep);--mc-fg:#fff}.mode-card.tone-accent{--mc-bg:var(--grad-accent);--mc-shadow:var(--color-accent-deep);--mc-fg:#4a2d00}.mode-card.tone-purple{--mc-bg:linear-gradient(135deg,#a270ff,#5b5bf6);--mc-shadow:var(--color-purple-deep);--mc-fg:#fff}.mode-card.tone-danger{--mc-bg:var(--grad-danger);--mc-shadow:var(--color-danger-deep);--mc-fg:#fff}.mode-card.tone-info{--mc-bg:var(--grad-info);--mc-shadow:var(--color-info-deep);--mc-fg:#fff}.mode-card.tone-neutral{--mc-bg:var(--color-bg-elev-1);--mc-shadow:var(--color-border-strong);--mc-fg:var(--color-ink)}.mode-card.tone-versus{--mc-bg:linear-gradient(135deg,#ff7ba0,#b05bf6);--mc-shadow:#7a3fb0;--mc-fg:#fff}.knowledge-stats{justify-content:center}.knowledge-stats,.quiz-topbar{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.quiz-topbar{align-items:center;justify-content:space-between;margin-bottom:var(--space-xs);min-height:44px;position:relative;width:100%;z-index:30}.quiz-topbar>*{flex:0 0 auto;min-width:0}.quiz-topbar>.ui-score-bubble{margin-left:auto}.quiz-topbar>.ui-pill{max-width:100%;white-space:nowrap}@media (max-width:380px){.quiz-topbar{gap:var(--space-xs)}.quiz-topbar>.ui-pill{font-size:.65rem;padding:3px 8px}}.frenzy-quiz-container{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.frenzy-quiz-container.shake{animation:wiggle .5s var(--ease-pop)}.frenzy-header{align-items:center;background:var(--grad-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;padding:var(--space-md) var(--space-lg)}.frenzy-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr}@media (min-width:720px){.frenzy-grid{grid-template-columns:1fr 1fr}}.frenzy-slot{background:var(--grad-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-sm);min-height:220px;overflow:hidden;padding:var(--space-md);position:relative}.frenzy-flag-image{aspect-ratio:3/2;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);object-fit:cover;width:100%}.frenzy-form{width:100%}.frenzy-input{font-size:var(--fs-sm);min-height:44px;padding:var(--space-sm) var(--space-md)}.frenzy-countdown{color:var(--color-primary-deep);font-family:var(--font-display);font-size:clamp(64px,22vw,140px);font-weight:800;line-height:1;text-shadow:0 4px 0 var(--color-bg-elev-1),0 8px 18px #0000002e}.frenzy-countdown-hint{color:var(--color-ink-soft);font-weight:700;margin-top:var(--space-sm)}.frenzy-timer-bar-container{background:var(--color-bg-soft);border-radius:var(--radius-pill);height:8px;overflow:hidden;width:100%}.frenzy-timer-bar{background:var(--grad-primary);border-radius:var(--radius-pill);height:100%;transform-origin:left center;transition:transform .12s linear,background var(--dur-base);width:100%;will-change:transform}.frenzy-timer-bar.warn{background:var(--grad-accent)}.frenzy-timer-bar.danger{background:var(--grad-danger)}.frenzy-cooldown-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#fff7eceb;border-radius:inherit;display:flex;inset:0;justify-content:center;position:absolute;z-index:3}[data-theme=dark] .frenzy-cooldown-overlay{background:#0f0e1ed9}.frenzy-cooldown-overlay.correct{box-shadow:inset 0 0 0 3px var(--color-success)}.frenzy-cooldown-overlay.expired,.frenzy-cooldown-overlay.incorrect{box-shadow:inset 0 0 0 3px var(--color-danger)}.frenzy-cooldown-content{align-items:center;display:flex;flex-direction:column;font-family:var(--font-display);font-weight:700;gap:4px;text-align:center}.frenzy-cooldown-answer{color:var(--color-primary-deep);font-size:var(--fs-lg);font-weight:700}.frenzy-cooldown-overlay.correct .frenzy-cooldown-answer{color:var(--color-success-deep)}.frenzy-cooldown-overlay.expired .frenzy-cooldown-answer,.frenzy-cooldown-overlay.incorrect .frenzy-cooldown-answer{color:var(--color-danger-deep)}.pixelated-quiz-box{gap:var(--space-md)}.pixel-game-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;width:100%}.pixelated-flag-container{align-items:center;aspect-ratio:3/2;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:center;margin:0 auto;max-width:360px;overflow:hidden;width:100%}.pixelated-flag-image{filter:blur(0) grayscale(0);filter:blur(var(--base-blur,0)) grayscale(var(--base-grayscale-percent,0));height:100%;object-fit:cover;transition:filter .4s ease-out;width:100%}.pixelated-flag-image.reveal{filter:blur(0) grayscale(0)}.pixelated-flag-image.wavy{animation:float-y 4s ease-in-out infinite}.pixel-feedback{min-height:44px}.score-change{animation:float-up 1s ease-out forwards;display:inline-block;font-weight:700;margin-left:var(--space-sm)}.score-change.correct{color:var(--color-success-deep)}.score-change.incorrect{color:var(--color-danger-deep)}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.frenzy-notification-overlay,.pixel-notification-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f0e1e8c;display:flex;inset:0;justify-content:center;padding:var(--space-lg);position:fixed;z-index:var(--z-overlay)}.frenzy-notification-box,.pixel-notification-box{align-items:center;background:var(--grad-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--space-md);max-height:92vh;max-width:480px;overflow-y:auto;padding:var(--space-2xl) var(--space-xl);text-align:center;width:100%}.frenzy-high-score,.pixel-high-score{color:var(--color-ink-soft);font-weight:700}.frenzy-final-score,.pixel-final-score{color:var(--color-primary-deep);font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700}.frenzy-new-high-score,.pixel-new-high-score{align-items:center;color:var(--color-accent-deep);display:inline-flex;font-weight:700;gap:4px}.pixel-rules-list{align-self:stretch;color:var(--color-ink-soft);list-style:disc;padding-left:var(--space-lg);text-align:left}.pixel-rules-list li{margin:4px 0}.bucket-picker{align-self:stretch;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 var(--space-xs)}.bucket-chip{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);cursor:pointer;display:inline-flex;font-size:var(--fs-sm);font-weight:700;gap:6px;padding:6px 12px}.bucket-chip:hover:not(:disabled){background:var(--color-bg-elev-2)}.bucket-chip.is-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-deep)}.bucket-chip:disabled{cursor:not-allowed;opacity:.45}.bucket-chip__count{color:var(--color-ink-muted);font-size:var(--fs-xs);font-weight:600}.bucket-chip.is-active .bucket-chip__count{color:var(--color-primary-deep)}.frenzy-tip,.pixel-tip{color:var(--color-ink-muted);font-size:var(--fs-sm)}.frenzy-unanswered{align-self:stretch;border-top:1px solid var(--color-border);margin-top:var(--space-sm);padding-top:var(--space-md);text-align:left}.frenzy-unanswered-title{font-weight:700;margin-bottom:4px}.frenzy-unanswered-list{color:var(--color-ink-soft);list-style:square;padding-left:var(--space-lg)}.language-quiz-box .phrase-container{background:var(--color-primary-soft);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;width:100%}.phrase-text{color:var(--color-primary-deep);font-family:var(--font-body);font-size:var(--fs-lg);font-weight:400;letter-spacing:.01em;line-height:1.4;margin:0}.language-subtitle{margin:0}.language-options{width:100%}.language-header{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;width:100%}.final-score-lang,.high-score-lang,.new-high-score-lang{font-weight:700}.new-high-score-lang{align-items:center;color:var(--color-accent-deep);display:inline-flex;gap:4px}.game-over-box{text-align:center}.lang-hint-row{display:flex;justify-content:center;margin:0;width:100%}.lang-hint-btn{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);cursor:pointer;display:inline-flex;font-size:var(--fs-sm);font-weight:700;gap:6px;padding:6px 14px}.lang-hint-btn:hover:not(:disabled){background:var(--color-bg-elev-2);border-color:var(--color-primary)}.lang-hint-btn:disabled{cursor:not-allowed;opacity:.5}.lang-hint-chip{align-items:center;background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-pill);color:var(--color-ink);display:inline-flex;font-size:var(--fs-sm);font-weight:700;gap:6px;padding:6px 14px}.lang-hint-btn .icon,.lang-hint-chip .icon{color:var(--color-accent-deep)}.lang-explainer{background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-left:4px solid var(--color-info,var(--color-primary));border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;margin-top:var(--space-sm);padding:var(--space-md);text-align:left;width:100%}.lang-explainer__title{align-items:center;color:var(--color-ink);display:inline-flex;font-size:var(--fs-md);font-weight:800;gap:6px;margin:0}.lang-explainer__title .icon{color:var(--color-primary);color:var(--color-info,var(--color-primary))}.lang-explainer__line{color:var(--color-ink-soft);font-size:var(--fs-sm);line-height:1.4;margin:0}.lang-explainer__line--contrast{color:var(--color-ink-muted)}.lang-explainer__continue{align-items:center;align-self:flex-end;background:var(--color-primary);border:none;border-radius:var(--radius-pill);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--fs-sm);font-weight:700;gap:4px;margin-top:4px;padding:6px 14px}.lang-explainer__continue:hover{background:var(--color-primary-deep)}.capitals-prompt{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.capitals-country{color:var(--color-ink);font-family:var(--font-body);font-family:var(--font-display,var(--font-body));font-size:var(--fs-xl);font-weight:800;line-height:1.2;margin:0;text-align:center}.capitals-subtitle{margin:0}.us-states-prompt{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.us-state-flag{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);height:auto;max-width:380px;width:70%}.pride-prompt{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.pride-flag{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);height:auto;max-width:420px;width:75%}.pride-subtitle{margin:0}.choice-card__body{min-width:0}.choice-card__body.has-secondary{align-items:flex-start;display:flex;flex-direction:column;gap:2px;text-align:left}.choice-card__body.has-secondary .choice-card__primary{font-weight:700;line-height:1.25}.choice-card__body.has-secondary .choice-card__secondary{color:var(--color-ink-soft);font-size:.9rem;font-size:var(--fs-sm,.9rem);font-weight:400;line-height:1.35;white-space:normal}.options-box--pride{grid-template-columns:1fr}@media (min-width:720px){.options-box--pride{grid-template-columns:1fr 1fr}}.options-box--pride .choice-card{align-items:flex-start;min-height:72px}.us-map-wrap{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:0 auto;max-width:900px;padding:var(--space-md);width:100%}.us-map{display:block;height:auto;width:100%}.us-map__separator{stroke:var(--color-border-strong);stroke-width:1.5;opacity:.5}.us-map__state{fill:var(--color-bg-elev-2);stroke:var(--color-border-strong);stroke-width:.8;cursor:pointer;outline:none;transition:fill var(--dur-base),transform var(--dur-base)}@media (hover:hover){.us-map__state:hover{fill:#cfe8ff;fill:var(--color-primary-soft,#cfe8ff)}}.us-map__state:focus-visible{fill:#cfe8ff;fill:var(--color-primary-soft,#cfe8ff);stroke:var(--color-primary);stroke-width:1.5}.us-map__state.is-prompt{fill:#ffd6a5;fill:var(--color-accent-soft,#ffd6a5);stroke:#f59e0b;stroke:var(--color-accent,#f59e0b);stroke-width:1.5}.us-map__state.is-correct{fill:#34d399;fill:var(--color-success,#34d399);stroke:#047857;stroke:var(--color-success-deep,#047857);stroke-width:1.5}.us-map__state.is-wrong{fill:#f87171;fill:var(--color-danger,#f87171);stroke:#b91c1c;stroke:var(--color-danger-deep,#b91c1c);stroke-width:1.5}.us-map__states.is-disabled .us-map__state{cursor:default}@media (hover:hover){.us-map__states.is-disabled .us-map__state:hover{fill:var(--color-bg-elev-2)}.us-map__states.is-disabled .us-map__state.is-correct:hover{fill:#34d399;fill:var(--color-success,#34d399)}.us-map__states.is-disabled .us-map__state.is-wrong:hover{fill:#f87171;fill:var(--color-danger,#f87171)}}.us-map__label{fill:var(--color-ink-soft);dominant-baseline:central;font-family:var(--font-body);font-size:11px;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}.us-map__label.is-reveal{stroke:#fff;stroke-width:3.5px;stroke-linejoin:round;font-size:17px;font-weight:800;letter-spacing:.5px;paint-order:stroke fill}.us-map__label.is-reveal.is-correct{fill:#047857;fill:var(--color-success-deep,#047857)}.us-map__label.is-reveal.is-wrong{fill:#b91c1c;fill:var(--color-danger-deep,#b91c1c)}.settings-box .switch{display:inline-block;height:32px;position:relative;width:56px}.settings-box .switch input{display:none}.settings-box .slider{background:var(--color-bg-soft);border:2px solid var(--color-border-strong);border-radius:var(--radius-pill);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color var(--dur-base)}.settings-box .slider:before{background:var(--color-bg-elev-1);border-radius:50%;bottom:3px;box-shadow:var(--shadow-sm);content:"";height:22px;left:3px;position:absolute;transition:transform var(--dur-base) var(--ease-pop);width:22px}.settings-box .switch input:checked+.slider{background:var(--color-primary);border-color:var(--color-primary-deep)}.settings-box .switch input:checked+.slider:before{background:#fff;transform:translateX(24px)}.settings-box .reset-button{align-items:center;background:var(--grad-danger);border:0;border-radius:var(--radius-lg);box-shadow:0 5px 0 var(--color-danger-deep),var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md);min-height:52px;padding:var(--space-md) var(--space-xl);transition:transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur-base) var(--ease-out-quart)}.settings-box .reset-button:hover{box-shadow:0 7px 0 var(--color-danger-deep),var(--shadow-lg);transform:translateY(-2px)}.settings-box .reset-button:active{box-shadow:0 2px 0 var(--color-danger-deep),var(--shadow-sm);transform:translateY(2px)}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--color-bg) 82%,#0000);border-radius:var(--radius-lg);justify-content:flex-end;max-width:820px;padding:var(--space-xs) var(--space-sm);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:var(--z-header)}.topbar,.topbar__right{align-items:center;display:flex;gap:var(--space-sm)}.account-chip{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:var(--color-ink);cursor:pointer;display:inline-flex;font-weight:700;gap:var(--space-xs);padding:6px 14px;transition:transform var(--dur-fast) var(--ease-out-quart)}.account-chip:hover{transform:translateY(-1px)}.account-chip__name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bell-button{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:var(--color-ink);cursor:pointer;display:inline-flex;height:40px;justify-content:center;position:relative;width:40px}.bell-button:hover{background:var(--color-bg-soft)}.bell-badge{align-items:center;background:var(--color-danger);border-radius:var(--radius-pill);color:#fff;display:flex;font-size:11px;font-weight:800;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.account-menu{gap:var(--space-sm);margin-top:var(--space-md)}.account-menu,.announcement-list{display:flex;flex-direction:column}.announcement-list{gap:var(--space-md);list-style:none;margin:0;padding:0}.announcement-item{background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.announcement-head{align-items:baseline;display:flex;gap:var(--space-sm);justify-content:space-between;margin-bottom:4px}.announcement-date{color:var(--color-ink-muted);font-size:var(--fs-xs);white-space:nowrap}.announcement-body{color:var(--color-ink-soft);margin:0;white-space:pre-wrap}.announcement-remove{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-ink-muted);cursor:pointer;display:inline-flex;line-height:0;padding:2px 4px}.announcement-remove:hover:not(:disabled){background:#dc262614;background:var(--color-danger-soft,#dc262614);color:var(--color-danger)}.announcement-remove:disabled{cursor:progress;opacity:.5}.feedback-form{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.feedback-category{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.feedback-category__chip{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink-soft);cursor:pointer;display:inline-flex;font-size:var(--fs-sm);font-weight:600;gap:6px;padding:6px 12px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.feedback-category__chip:hover{background:var(--color-bg-soft)}.feedback-category__chip.is-active{background:#6366f11f;background:var(--color-accent-soft,#6366f11f);border-color:#6366f1;border-color:var(--color-accent,#6366f1);color:var(--color-ink)}.feedback-textarea{background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font:inherit;line-height:1.4;min-height:120px;padding:var(--space-sm);resize:vertical;width:100%}.feedback-textarea:focus{outline:2px solid #6366f1;outline:2px solid var(--color-accent,#6366f1);outline-offset:1px}.feedback-foot{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between}.feedback-count{color:var(--color-ink-muted);font-size:var(--fs-xs)}.tab-pill{align-items:center;background:#dc2626;background:var(--color-danger,#dc2626);border-radius:var(--radius-pill);color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;margin-left:4px;min-width:18px;padding:0 5px}.message-pane{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.message-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.message-compose{background:var(--color-bg-elev-1);border:1px dashed var(--color-border);border-radius:var(--radius-md);gap:var(--space-sm);padding:var(--space-md)}.message-compose,.message-field{display:flex;flex-direction:column}.message-field{gap:4px}.message-field__label{color:var(--color-ink-soft);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.message-list{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;margin:0;padding:0}.message-item{background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.message-item.is-unread{background:#6366f114;background:var(--color-accent-soft,#6366f114);border-left:3px solid #6366f1;border-left:3px solid var(--color-accent,#6366f1)}.message-head{align-items:baseline;display:flex;gap:var(--space-sm);justify-content:space-between;margin-bottom:4px}.message-date{color:var(--color-ink-muted);font-size:var(--fs-xs);margin-left:auto;white-space:nowrap}.message-body{color:var(--color-ink-soft);margin:0;white-space:pre-wrap;word-break:break-word}.feedback-admin{border-top:1px solid var(--color-border);margin-top:var(--space-lg);padding-top:var(--space-md)}.feedback-admin__heading{align-items:center;display:flex;font-size:var(--fs-md);gap:var(--space-xs);margin:0 0 var(--space-sm)}.feedback-admin__count{align-items:center;background:var(--color-bg-elev-2);border-radius:var(--radius-pill);color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-xs);font-weight:700;height:20px;justify-content:center;min-width:22px;padding:0 6px}.feedback-list{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;margin:0;padding:0}.feedback-item{background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.feedback-item.is-resolved{opacity:.55}.feedback-item__head{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:4px}.feedback-tag{align-items:center;background:var(--color-bg-soft);border-radius:var(--radius-pill);color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;padding:1px 8px;text-transform:uppercase}.feedback-tag--bug{background:#dc26261f;color:var(--color-danger)}.feedback-tag--suggestion{background:#22c55e24;color:#16a34a}.feedback-tag--other{background:#6366f124;color:#6366f1}.feedback-date{color:var(--color-ink-muted);font-size:var(--fs-xs);margin-left:auto;white-space:nowrap}.feedback-actions{display:inline-flex;gap:2px}.feedback-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-ink-muted);cursor:pointer;display:inline-flex;line-height:0;padding:2px 4px}.feedback-icon-btn:hover:not(:disabled){background:var(--color-bg-soft);color:var(--color-ink)}.feedback-icon-btn--danger:hover:not(:disabled){background:#dc262614;background:var(--color-danger-soft,#dc262614);color:var(--color-danger)}.feedback-icon-btn:disabled{cursor:progress;opacity:.5}.feedback-body{color:var(--color-ink-soft);margin:0;white-space:pre-wrap}.auth-box{background:var(--grad-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-md);max-width:460px;padding:clamp(var(--space-md),3vw,var(--space-xl));width:100%}.auth-tabs{background:var(--color-bg-soft);border-radius:var(--radius-pill);display:flex;gap:var(--space-xs);padding:4px}.auth-tab{background:#0000;border:none;border-radius:var(--radius-pill);color:var(--color-ink-soft);cursor:pointer;flex:1 1;font-weight:700;padding:8px 12px;white-space:nowrap}.auth-tab.is-active{background:var(--color-bg-elev-1);box-shadow:var(--shadow-sm);color:var(--color-primary)}.auth-form{gap:var(--space-md)}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field__label{color:var(--color-ink-soft);font-size:var(--fs-xs);font-weight:700}.auth-field__input{background:var(--color-bg-elev-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--fs-md);padding:10px 12px;width:100%}.auth-field__input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.auth-hint{color:var(--color-ink-soft);font-size:var(--fs-sm);margin:0}.auth-link{align-self:center;background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:700}.recovery-codes{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.recovery-code{background:var(--color-bg-elev-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);font-family:monospace;font-size:var(--fs-md);letter-spacing:.06em;padding:8px;text-align:center}.signin-prompt{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl) var(--space-md);text-align:center}.signin-prompt p{color:var(--color-ink-soft);max-width:360px}.seg-toggle{background:var(--color-bg-soft);border-radius:var(--radius-pill);display:flex;gap:4px;padding:4px}.seg-toggle__btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-pill);color:var(--color-ink-soft);cursor:pointer;display:inline-flex;font-weight:700;gap:6px;padding:8px 16px}.seg-toggle__btn.is-active{background:var(--color-bg-elev-1);box-shadow:var(--shadow-sm);color:var(--color-primary)}.my-rank-pill{display:flex;justify-content:center}.leaderboard-list{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;max-height:min(52vh,480px);overflow-y:auto;padding:0 4px 0 0;scrollbar-width:thin;width:100%}.leaderboard-row{grid-gap:var(--space-sm);background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;grid-template-columns:48px 1fr auto auto;padding:10px 14px}.leaderboard-row.is-me{background:var(--color-primary-soft);border-color:var(--color-primary)}.leaderboard-rank{color:var(--color-ink-soft);font-weight:800}.leaderboard-mastered{color:var(--color-ink-muted);font-size:var(--fs-xs)}.leaderboard-xp{color:var(--color-primary);font-weight:800;white-space:nowrap}.friend-add{align-items:stretch;display:flex;gap:var(--space-sm);width:100%}.friend-add .auth-field__input{flex:1 1}.friend-section{display:flex;flex-direction:column;gap:6px;width:100%}.friend-row{align-items:center;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:10px 14px}.friend-row__info{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0}.friend-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;row-gap:4px}.friend-mastered{color:var(--color-ink-muted);font-size:var(--fs-xs);white-space:nowrap}.friend-row__actions{align-items:center;display:flex;flex:0 0 auto;gap:6px}.friend-actions{display:flex;gap:6px}.friend-watch-btn{align-items:center;background:color-mix(in srgb,#3f6ff6 12%,#0000);background:color-mix(in srgb,var(--color-primary,#3f6ff6) 12%,#0000);border:1.5px solid color-mix(in srgb,#3f6ff6 45%,#0000);border:1.5px solid color-mix(in srgb,var(--color-primary,#3f6ff6) 45%,#0000);border-radius:999px;color:#2c4fd0;color:var(--color-primary-deep,#2c4fd0);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:4px;padding:6px 12px;transition:transform .12s ease,background .12s ease;white-space:nowrap}.friend-watch-btn:focus-visible,.friend-watch-btn:hover{background:color-mix(in srgb,#3f6ff6 20%,#0000);background:color-mix(in srgb,var(--color-primary,#3f6ff6) 20%,#0000);transform:translateY(-1px)}[data-theme=dark] .friend-watch-btn{color:#6e8bff;color:var(--color-primary,#6e8bff)}.icon-button{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-ink-soft);cursor:pointer;padding:4px}.icon-button:hover{background:var(--color-bg-soft);color:var(--color-danger)}.auth-field__wrap{align-items:center;display:flex;position:relative}.auth-field__wrap .auth-field__input{padding-right:44px;width:100%}.pw-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-ink-soft);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;position:absolute;right:6px}.pw-toggle:hover{color:var(--color-primary)}.md{display:flex;flex-direction:column;gap:var(--space-sm)}.md-h{font-family:var(--font-display);line-height:1.2;margin:0}.md-h1{color:var(--color-primary-deep);font-size:var(--fs-lg)}.md-h1,.md-h2{font-weight:800}.md-h2{color:var(--color-primary);font-size:var(--fs-md)}.md-h3{color:var(--color-accent-deep);font-size:var(--fs-sm);font-weight:800;letter-spacing:.05em;text-transform:uppercase}.md-p{color:var(--color-ink-soft);line-height:1.55;margin:0}.md-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.md-li{color:var(--color-ink-soft);line-height:1.5;padding-left:22px;position:relative}.md-li:before{background:var(--color-primary);border-radius:var(--radius-pill);content:"";height:8px;left:4px;position:absolute;top:.55em;width:8px}.md strong{color:var(--color-ink);font-weight:800}.md-code{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-xs,6px);font-family:monospace;font-size:.9em;padding:1px 5px}.md-quote{background:var(--color-accent-soft);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-ink);display:flex;flex-direction:column;font-style:italic;gap:4px;margin:0;padding:var(--space-sm) var(--space-md)}.admin-textarea{font-family:var(--font-body);line-height:1.5;min-height:160px;resize:vertical}.admin-preview{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);gap:6px}.admin-preview,.admin-section{background:var(--color-bg-elev-2);display:flex;flex-direction:column;padding:var(--space-md)}.admin-section{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-sm);margin-top:var(--space-md);width:100%}.admin-section .settings-section-title{align-items:center;display:inline-flex;gap:6px;margin:0}.admin-danger{background:#dc262614;background:var(--color-danger-soft,#dc262614);border:1px solid var(--color-danger);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md);width:100%}.admin-danger .settings-section-title{color:var(--color-danger);margin:0}.pet-panel{background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:var(--space-md) var(--space-lg);width:100%}.pet-header,.pet-panel{display:flex;gap:var(--space-sm)}.pet-header{align-items:center;justify-content:space-between}.pet-name{color:var(--color-ink);font-family:var(--font-display);font-size:var(--fs-md);font-weight:800}.pet-pills{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.pet-needs{display:flex;flex-direction:column;gap:8px}.need-row{align-items:center;display:flex;gap:var(--space-sm)}.need-label{align-items:center;color:var(--color-ink-soft);display:inline-flex;flex:none;font-size:var(--fs-xs);font-weight:700;gap:4px;width:92px}.need-track{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-pill);flex:1 1;height:12px;overflow:hidden;position:relative}.need-track.is-low{box-shadow:0 0 0 2px rgba(var(--color-danger-rgb),.25)}.need-fill{border-radius:var(--radius-pill);height:100%;inset:0 auto 0 0;position:absolute}.need-fill--success{background:linear-gradient(90deg,var(--color-success),var(--color-success-deep))}.need-fill--accent{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-deep))}.need-fill--info{background:linear-gradient(90deg,var(--color-info),var(--color-info-deep))}.pet-status{color:var(--color-ink-soft);font-size:var(--fs-sm);margin:0}.player-search{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);display:flex;gap:4px;margin:0 0 var(--space-xs);padding:4px 8px;position:relative;width:100%}.player-search__icon{color:var(--color-ink-muted);display:inline-flex}.player-search__input{background:#0000;border:none;color:var(--color-ink);flex:1 1;font:inherit;min-width:0;outline:none;padding:4px 0}.player-search__clear{background:#0000;border:none;border-radius:var(--radius-pill);color:var(--color-ink-muted);cursor:pointer;display:inline-flex;padding:2px}.player-search__clear:hover{color:var(--color-ink)}.player-search__results{background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);left:0;list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:8}.player-search__hint{color:var(--color-ink-muted);font-size:var(--fs-sm);padding:8px 10px;text-align:center}.player-search__result{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-sm);padding:6px 8px}.player-search__result:focus,.player-search__result:hover{background:var(--color-bg-elev-1);outline:none}.player-search__avatar{align-items:center;display:inline-flex;flex:none;height:32px;justify-content:center;width:32px}.player-search__name{align-items:center;color:var(--color-ink);display:inline-flex;font-weight:700;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;width:100%}.scope-tab{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink-soft);cursor:pointer;display:inline-flex;flex:none;font-size:var(--fs-xs);font-weight:700;gap:4px;padding:6px 12px;white-space:nowrap}.scope-tab.is-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-deep)}.lb-filter{align-self:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);display:inline-flex;gap:0;margin:2px auto 0;overflow:hidden}.lb-filter__btn{align-items:center;background:#0000;border:none;color:var(--color-ink-soft);cursor:pointer;display:inline-flex;font-size:var(--fs-xs);font-weight:700;gap:4px;padding:6px 16px}.lb-filter__btn.is-active{background:var(--color-primary);color:#fff}.store-tabs{margin:var(--space-xs) auto var(--space-sm)}.leaderboard-row{align-items:center;box-sizing:border-box;display:flex;gap:var(--space-sm);grid-template-columns:none;min-height:64px}.leaderboard-avatar{align-items:center;display:flex;flex:none;flex-direction:column;gap:1px;justify-content:center;width:46px}.leaderboard-companion-name{color:var(--color-ink);color:var(--color-ink-soft,var(--color-ink));font-size:9px;font-weight:700;line-height:1.1;max-width:46px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.leaderboard-id{display:flex;flex:1 1;flex-direction:column;min-width:0}.leaderboard-name{align-items:center;display:flex;font-weight:700;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-flag{border-radius:3px;box-shadow:var(--shadow-sm);flex:none;height:15px;object-fit:cover;width:22px}.leaderboard-sub{color:var(--color-ink-muted);font-size:var(--fs-xs)}.leaderboard-streak{align-items:center;color:var(--color-accent-deep);display:inline-flex;font-weight:800;gap:2px;margin-left:6px}.leaderboard-streak .icon{font-size:1em}.leaderboard-stack{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.leaderboard-top10-title{align-items:center;align-self:flex-start;color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-sm);font-weight:800;gap:6px;letter-spacing:.04em;margin:0;text-transform:uppercase}.leaderboard-top10-title .icon{color:#d4a017}.leaderboard-rest,.leaderboard-top10{max-height:none;overflow:visible}.leaderboard-row.is-medal{border-width:2px}.leaderboard-row.is-medal--gold{border-color:#d4a017;box-shadow:0 0 0 1px #d4a0172e}.leaderboard-row.is-medal--silver{border-color:#9aa0a6;box-shadow:0 0 0 1px #9aa0a62e}.leaderboard-row.is-medal--bronze{border-color:#b87333;box-shadow:0 0 0 1px #b873332e}.leaderboard-medal{align-items:center;display:inline-flex;justify-content:center;margin-right:4px}.leaderboard-medal--gold{color:#d4a017}.leaderboard-medal--silver{color:#9aa0a6}.leaderboard-medal--bronze{color:#b87333}.leaderboard-medal .icon{font-size:1.1em}.leaderboard-toggle{align-items:center;align-self:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);cursor:pointer;display:inline-flex;font-size:var(--fs-sm);font-weight:700;gap:4px;padding:6px 14px}.leaderboard-toggle:hover{background:var(--color-bg-elev-2)}.pet-footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between}.pet-footer .pet-status{flex:1 1;margin:0;min-width:160px}.store-box{overflow:visible}.store-preview{align-items:center;background:var(--grad-card);border-radius:var(--radius-lg);box-shadow:0 8px 12px -10px #00000059;gap:var(--space-xs);margin:0 calc(var(--space-sm)*-1);padding:var(--space-sm) var(--space-sm) var(--space-xs);position:-webkit-sticky;position:sticky;top:56px;z-index:6}.store-preview,.store-section{display:flex;flex-direction:column}.store-section{gap:var(--space-sm);width:100%}.region-row{align-items:center;display:flex;gap:var(--space-sm)}.region-row .auth-field__input{flex:1 1}.region-flag{border-radius:4px;box-shadow:var(--shadow-sm);flex:none;height:24px;object-fit:cover;width:34px}.cosmetic-grid{grid-gap:var(--space-sm);-webkit-overflow-scrolling:touch;display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(118px,1fr));max-height:340px;overflow-y:auto;padding:2px 10px 2px 0;scrollbar-color:var(--color-primary) var(--color-bg-elev-1);scrollbar-width:thin}.cosmetic-grid::-webkit-scrollbar{width:10px}.cosmetic-grid::-webkit-scrollbar-track{background:var(--color-bg-elev-1);border-radius:8px}.cosmetic-grid::-webkit-scrollbar-thumb{background:var(--color-primary);border:2px solid var(--color-bg-elev-1);border-radius:8px}@media (max-width:480px){.cosmetic-grid{grid-template-columns:repeat(2,1fr);max-height:60vh;padding-right:14px}.cosmetic-grid::-webkit-scrollbar{width:14px}}.cosmetic-card{align-items:center;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:var(--space-sm);padding-top:16px;text-align:center;transition:transform var(--dur-fast) var(--ease-out-quart)}.cosmetic-card:hover{transform:translateY(-2px)}.cosmetic-preview{align-items:flex-end;display:inline-flex;height:54px;justify-content:center;pointer-events:none}.streak-mult{font-size:var(--fs-xs);font-weight:800;margin-left:6px;opacity:.92}.xp-gain{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#141828d1;border:1px solid #ffffff24;border-radius:999px;box-shadow:0 8px 22px #00000052,inset 0 1px 0 #ffffff0f;display:inline-flex;font-family:var(--font-display);font-weight:800;gap:10px;padding:6px 12px 6px 14px;pointer-events:none;white-space:nowrap;z-index:5}.xp-gain--neg{background:#50141cd1;color:#ffd0d6;font-size:var(--fs-lg);padding:6px 14px}.xp-gain__amount{color:#5be38c;font-size:var(--fs-lg);gap:6px;line-height:1;text-shadow:0 1px 0 #00000073}.xp-gain__amount,.xp-gain__mult{align-items:center;display:inline-flex}.xp-gain__mult{background:linear-gradient(135deg,#ffd166,#ff9f45);border-radius:999px;box-shadow:0 1px 0 #00000040;color:#1f1a3b;font-size:var(--fs-xs);font-weight:900;letter-spacing:.02em;padding:2px 8px}.xp-gain__hint{color:#ffffffb3;font-size:var(--fs-sm);font-weight:800}.xp-gain__sep{background:#ffffff38;height:18px;width:1px}.xp-gain__bucks{align-items:center;color:#ffd166;display:inline-flex;font-size:var(--fs-md);font-weight:800;gap:5px;line-height:1;text-shadow:0 1px 0 #00000073}.quests-box{gap:var(--space-md)}.quests-box__hint{color:var(--color-ink-soft);font-size:var(--fs-sm);margin:0;text-align:center}.quests-list{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.quest-row{--quest-color:#9aa7b4;--quest-soft:#9aa7b42e;--quest-glow:#9aa7b473;grid-gap:var(--space-md);align-items:center;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-left:4px solid var(--quest-color);border-radius:var(--radius-lg);display:grid;gap:var(--space-md);grid-template-columns:auto 1fr auto;padding:var(--space-md);position:relative;transition:box-shadow var(--dur-base),border-color var(--dur-base)}.quest-row--stone{--quest-color:#8794a6;--quest-soft:#8794a62e;--quest-glow:#8794a666}.quest-row--bronze{--quest-color:#c77b3c;--quest-soft:#c77b3c2e;--quest-glow:#c77b3c80}.quest-row--silver{--quest-color:#9aa7b4;--quest-soft:#9aa7b433;--quest-glow:#9aa7b473}.quest-row--gold{--quest-color:#e5a018;--quest-soft:#e5a01838;--quest-glow:#e5a0188c}.quest-row--platinum{--quest-color:#3fb6c4;--quest-soft:#3fb6c438;--quest-glow:#3fb6c480}.quest-row--legend{--quest-color:#8b5bf6;--quest-soft:#8b5bf638;--quest-glow:#8b5bf68c}.quest-row.is-done:not(.is-claimed){background:linear-gradient(160deg,color-mix(in srgb,var(--quest-color) 14%,#0000),var(--color-bg-elev-2));border-color:color-mix(in srgb,var(--quest-color) 60%,var(--color-border));box-shadow:0 6px 18px -12px var(--quest-glow)}.quest-row.is-claimed{opacity:.62}.quest-row__icon{align-items:center;background:var(--quest-soft);border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;width:40px}.quest-row__icon,.quest-row__icon .app-icon{color:var(--quest-color);font-size:22px}.quest-row__body{display:flex;flex-direction:column;gap:4px;min-width:0}.quest-row__title{align-items:center;display:flex;font-size:var(--fs-sm);font-weight:800;gap:6px}.quest-row__title-text{min-width:0}.quest-row__tier{height:20px;width:20px}.quest-row__tier .app-icon{font-size:12px}.quest-row__bar{background:var(--color-bg-elev-1);border-radius:var(--radius-pill);height:6px;overflow:hidden}.quest-row__fill{background:linear-gradient(90deg,var(--quest-color),color-mix(in srgb,var(--quest-color) 65%,#ffb648));background:linear-gradient(90deg,var(--quest-color),color-mix(in srgb,var(--quest-color) 65%,var(--color-accent-deep,#ffb648)));height:100%;transition:width .4s var(--ease-out-quart)}.quest-row__progress{color:var(--color-ink-soft);font-size:var(--fs-xs)}.quest-row__reward{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.quest-row__bucks{align-items:center;color:#ffb648;color:var(--color-accent-deep,#ffb648);display:inline-flex;font-size:var(--fs-sm);font-weight:800;gap:4px}.quest-row__pending{color:var(--color-ink-soft);font-size:var(--fs-xs)}.chest-reveal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c169e;display:flex;inset:0;justify-content:center;padding:var(--space-md);position:fixed;z-index:200}.chest-reveal{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 24px 60px #00000073;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-md);position:relative;width:min(440px,100%)}.chest-reveal--common{box-shadow:0 24px 60px #00000073,0 0 0 1px #cfd5e02e,inset 0 0 40px #cfd5e01a}.chest-reveal--rare{box-shadow:0 24px 60px #00000073,0 0 0 1px #54a0ff52,inset 0 0 40px #54a0ff29}.chest-reveal--epic{box-shadow:0 24px 60px #00000073,0 0 0 1px #a55eea5c,inset 0 0 40px #a55eea2e}.chest-reveal--legendary{box-shadow:0 24px 60px #00000073,0 0 0 1px #ffd16673,inset 0 0 50px #ffd1663d}.chest-reveal__title{font-family:var(--font-display);font-size:var(--fs-xl);margin:0}.chest-reveal__subtitle{color:var(--color-ink-soft);font-size:var(--fs-sm);margin:0;text-align:center}.chest-reveal__stage{align-items:center;display:flex;height:220px;justify-content:center;position:relative;width:220px}.chest-reveal__chest-wrap{position:relative;z-index:2}.chest-reveal__spark{filter:drop-shadow(0 0 6px currentColor);font-size:18px;pointer-events:none;position:absolute;top:28%;transform:translateX(-50%);z-index:3}.chest-reveal__flash{border-radius:50%;filter:blur(18px);height:140px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px;z-index:1}.chest-reveal__payout{align-items:center;color:#ffb648;color:var(--color-accent-deep,#ffb648);display:inline-flex;font-family:var(--font-display);font-size:clamp(2rem,7vw,3rem);font-weight:900;gap:10px;text-shadow:0 2px 0 var(--color-bg-elev-1),0 4px 14px #0000002e}.chest-reveal__payout-num{line-height:1}.chest-reveal__rarity{border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--fs-md);font-weight:900;letter-spacing:.18em;padding:4px 12px}.chest-reveal__rarity--common{background:#9aa3b22e;color:#cfd5e0}.chest-reveal__rarity--rare{background:#54a0ff2e;color:#8bc0ff}.chest-reveal__rarity--epic{background:#a55eea33;color:#d39bff}.chest-reveal__rarity--legendary{background:#ffd16633;color:#ffd166}.chest-reveal__actions{display:flex;justify-content:center;width:100%}.quest-complete{--q-color:#9aa7b4;--q-soft:#9aa7b438;--q-glow:#9aa7b473;align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 24px 60px #00000073,0 0 0 1px var(--q-glow),0 0 50px -10px var(--q-glow) inset;display:flex;flex-direction:column;gap:var(--space-sm);overflow:hidden;padding:var(--space-lg);position:relative;width:min(440px,100%)}.quest-complete--stone{--q-color:#8794a6;--q-soft:#8794a638;--q-glow:#8794a666}.quest-complete--bronze{--q-color:#c77b3c;--q-soft:#c77b3c38;--q-glow:#c77b3c80}.quest-complete--silver{--q-color:#9aa7b4;--q-soft:#9aa7b438;--q-glow:#9aa7b473}.quest-complete--gold{--q-color:#e5a018;--q-soft:#e5a0183d;--q-glow:#e5a0188c}.quest-complete--platinum{--q-color:#3fb6c4;--q-soft:#3fb6c43d;--q-glow:#3fb6c480}.quest-complete--legend{--q-color:#8b5bf6;--q-soft:#8b5bf63d;--q-glow:#8b5bf68c}.quest-complete__confetti{inset:0;pointer-events:none;position:absolute;z-index:0}.quest-complete__eyebrow{align-items:center;background:var(--q-soft);border:1px solid color-mix(in srgb,var(--q-color) 45%,#0000);border-radius:var(--radius-pill);color:var(--q-color);display:inline-flex;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;gap:6px;letter-spacing:.14em;padding:4px 12px;position:relative;text-transform:uppercase;z-index:1}.quest-complete__eyebrow .app-icon{font-size:16px}.quest-complete__icon{align-items:center;background:radial-gradient(circle at 50% 45%,var(--q-soft),#0000 75%);border-radius:50%;color:var(--q-color);display:flex;filter:drop-shadow(0 6px 18px var(--q-glow));height:84px;justify-content:center;margin-top:var(--space-xs);position:relative;width:84px;z-index:1}.quest-complete__icon .app-icon{font-size:56px;line-height:1}.quest-complete__title{color:var(--color-ink);font-family:var(--font-display);font-size:var(--fs-lg);margin:0;position:relative;text-align:center;z-index:1}.ach-badge.quest-complete__tier{border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:800;gap:5px;height:auto;letter-spacing:.06em;padding:3px 10px;position:relative;text-transform:uppercase;width:auto;z-index:1}.ach-badge.quest-complete__tier .app-icon{font-size:12px}.quest-complete__bar{background:var(--color-bg-elev-2);border-radius:var(--radius-pill);height:8px;margin-top:var(--space-xs);overflow:hidden;position:relative;width:100%;z-index:1}.quest-complete__fill{background:linear-gradient(90deg,var(--q-color),color-mix(in srgb,var(--q-color) 65%,#ffb648));background:linear-gradient(90deg,var(--q-color),color-mix(in srgb,var(--q-color) 65%,var(--color-accent-deep,#ffb648)));box-shadow:0 0 12px var(--q-glow);height:100%}.quest-complete__progress{color:var(--color-ink-soft);font-size:var(--fs-xs);font-weight:700;position:relative;z-index:1}.quest-complete__reward{align-items:center;color:#ffb648;color:var(--color-accent-deep,#ffb648);display:inline-flex;font-family:var(--font-display);font-size:clamp(1.6rem,5.5vw,2.4rem);font-weight:900;gap:10px;margin-top:var(--space-xs);position:relative;text-shadow:0 2px 0 var(--color-bg-elev-1),0 4px 14px #0000002e;z-index:1}.quest-complete__reward-num{line-height:1}.quest-complete__actions{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xs);position:relative;width:100%;z-index:1}.quest-complete__actions .ui-button{flex:1 1}.quests-button.has-claims{color:#ffb648;color:var(--color-accent-deep,#ffb648)}.quests-button.has-claims:hover{background:var(--color-bg-soft)}.friends-button.is-active{border-color:color-mix(in srgb,var(--color-success-deep,#19a36b) 45%,var(--color-border));color:#19a36b;color:var(--color-success-deep,#19a36b)}.friends-button.is-active:hover{background:var(--color-bg-soft)}.friends-button__badge{align-items:center;animation:friends-badge-pop 1.8s ease-in-out infinite;background:#19a36b;background:var(--color-success-deep,#19a36b);border-radius:var(--radius-pill);box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--color-bg,#fff);color:#fff;display:flex;font-size:11px;font-weight:800;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}@keyframes friends-badge-pop{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}[data-theme=dark] .friends-button__badge{box-shadow:0 0 0 2px #1c1c2b;box-shadow:0 0 0 2px var(--color-bg-elev-1,#1c1c2b)}.login-chest-pips{display:flex;gap:6px;justify-content:center}.login-chest-pip{align-items:center;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink-soft);display:inline-flex;flex-direction:column;font-size:var(--fs-xs);gap:2px;min-width:28px;padding:4px 6px}.login-chest-pip__num{color:var(--color-ink);font-size:var(--fs-sm);font-weight:800}.login-chest-pip__bucks{align-items:center;display:inline-flex;font-weight:700;gap:2px}.login-chest-pip.is-today{background:#ffb6482e;border-color:#ffb6488c;color:var(--color-ink)}.login-chest-pip.is-today .login-chest-pip__bucks,.login-chest-pip.is-today .login-chest-pip__num{color:#ffb648;color:var(--color-accent-deep,#ffb648)}.login-chest-pip.is-day7 .login-chest-pip__num:after{content:" ✨"}.login-chest-pip.is-past{opacity:.55}.login-chest-floating-pips{background:#080c16b8;border:1px solid var(--color-border);border-radius:var(--radius-pill);bottom:24px;display:flex;gap:6px;left:50%;padding:6px 10px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:210}.login-chest-floating-pips .login-chest-pip{background:#0000;border-color:#ffffff14}.login-chest-floating-pips .login-chest-pip.is-today{background:#ffb6482e;border-color:#ffb6488c}.migration-modal{display:flex;flex-direction:column;gap:var(--space-lg)}.migration-modal__grant{align-items:center;background:linear-gradient(160deg,#ffb6482e,#ffb6480a);border:1px solid #ffb64859;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;padding:var(--space-md) var(--space-md) var(--space-lg)}.migration-modal__grant-num{color:#ffb648;color:var(--color-accent-deep,#ffb648);font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);font-weight:900;text-shadow:0 2px 0 var(--color-bg-elev-1),0 4px 14px #0000002e}.migration-modal__grant-label{color:var(--color-ink-soft);font-size:var(--fs-sm)}.migration-modal__notes h3{font-size:var(--fs-md);margin:0 0 8px}.migration-modal__notes ul{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px}.migration-modal__notes li{font-size:var(--fs-sm);line-height:1.45}.migration-modal__actions{display:flex;justify-content:flex-end}.mastery-meter{align-items:center;display:flex;gap:var(--space-sm);width:100%}.mastery-meter__label{align-items:center;color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-xs);font-weight:800;gap:4px;white-space:nowrap}.mastery-meter__track{background:var(--color-bg-soft);border-radius:var(--radius-pill);flex:1 1;height:8px;overflow:hidden}.mastery-meter__fill{background:var(--grad-primary);border-radius:var(--radius-pill);display:block;height:100%}.mastery-meter.is-mastered .mastery-meter__label{color:var(--color-success-deep)}.mastery-meter.is-mastered .mastery-meter__fill{background:var(--color-success);background:var(--grad-success,var(--color-success))}.choice-wrap{position:relative}.cosmetic-card.is-equipped{background:var(--color-primary-soft);border-color:var(--color-primary)}.cosmetic-card.is-locked{opacity:.6}.cosmetic-card.is-preview{border-color:var(--color-accent,var(--color-primary));box-shadow:0 0 0 2px var(--color-primary-soft);box-shadow:0 0 0 2px var(--color-accent-soft,var(--color-primary-soft));opacity:1}.cosmetic-tag--preview{align-items:center;color:var(--color-primary);color:var(--color-accent-deep,var(--color-primary));display:inline-flex;gap:3px}.store-preview-banner{align-items:center;background:var(--color-bg-elev-1);border:1px dashed var(--color-accent,var(--color-primary));border-radius:999px;color:var(--color-ink);display:inline-flex;font-size:var(--fs-xs);font-weight:600;gap:6px;max-width:100%;padding:4px 6px 4px 10px}.store-preview-banner__text{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px}.store-preview-banner__cost{align-items:center;display:inline-flex;font-weight:700;gap:3px}.store-preview-banner__clear{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-ink-soft);cursor:pointer;display:inline-flex;height:22px;justify-content:center;width:22px}.store-preview-banner__clear:hover{background:var(--color-bg-soft);color:var(--color-ink)}.companion-name-caption{align-items:center;background:var(--color-bg-elev-1);border:1px solid #0000001f;border:1px solid var(--color-border,#0000001f);border-radius:999px;color:var(--color-ink);display:inline-flex;font-size:var(--fs-xs);font-weight:800;gap:4px;padding:3px 10px}.companion-name-caption .app-icon{color:var(--color-primary);color:var(--color-accent,var(--color-primary));font-size:14px}.companion-name-prompt{gap:12px}.companion-name-prompt,.companion-name-prompt__stage{align-items:center;display:flex;flex-direction:column}.companion-name-prompt__stage{gap:8px}.companion-name-prompt__hint{color:var(--color-ink-soft);font-size:var(--fs-sm);margin:0;text-align:center}.companion-name-prompt .auth-field__input{text-align:center;width:100%}.companion-name-prompt__actions{display:flex;gap:8px;width:100%}.companion-name-prompt__actions>*{flex:1 1}.store-buy-confirm{align-items:stretch;display:flex;flex-direction:column;gap:var(--space-md)}.store-buy-confirm__stage{align-items:center;background:radial-gradient(circle at 50% 40%,var(--color-bg-elev-1),var(--color-bg-elev-2));border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:center;padding:var(--space-sm) 0}.store-buy-confirm__meta{background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;padding:var(--space-sm) var(--space-md)}.store-buy-confirm__row{align-items:center;color:var(--color-ink-soft);display:flex;font-size:var(--fs-sm);font-weight:600;gap:var(--space-sm);justify-content:space-between}.store-buy-confirm__row strong{align-items:center;color:var(--color-ink);display:inline-flex;gap:4px}.store-buy-confirm__row.is-bad,.store-buy-confirm__row.is-bad strong{color:var(--color-danger-deep)}.store-buy-confirm__cost{font-size:var(--fs-md);font-weight:800}.store-buy-confirm__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-end}.cosmetic-swatch{border-radius:50%;box-shadow:var(--shadow-sm);height:28px;width:28px}.cosmetic-swatch--anim{animation:swatchShift 4s ease infinite}@keyframes swatchShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.cosmetic-name{color:var(--color-ink);font-size:var(--fs-sm);font-weight:700}.cosmetic-tag{align-items:center;color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-xs);font-weight:700;gap:3px}.cosmetic-tag--on{color:var(--color-primary)}.cosmetic-tag--lock{color:var(--color-ink-muted)}.cosmetic-tag--buy{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);padding:3px 8px}.cosmetic-tag--cant{border-color:var(--color-danger);color:var(--color-danger-deep);opacity:.85}.store-section--cards{background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-sm);padding:var(--space-md) var(--space-md) calc(var(--space-md) + 2px)}.store-section-head{align-items:center;border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-sm);justify-content:space-between;margin-bottom:var(--space-sm);padding:0 0 var(--space-sm)}.store-section-title{align-items:center;color:var(--color-ink);display:inline-flex;font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;gap:8px;margin:0}.store-section-title--big{color:var(--color-primary);color:var(--color-primary-deep,var(--color-primary));font-size:var(--fs-lg);letter-spacing:0;text-transform:none}.store-section-title--big .material-symbols-rounded{background:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary);font-size:20px;padding:4px}.store-section-count{background:var(--color-bg-soft);border-radius:var(--radius-pill);color:var(--color-ink-soft);font-size:var(--fs-xs);font-weight:800;padding:3px 10px}.atlas-bucks-icon{display:inline-block;flex:none}.ab-amount{gap:4px}.ab-amount,.ab-chip{align-items:center;display:inline-flex;font-weight:800}.ab-chip{background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);cursor:pointer;font-size:var(--fs-sm);gap:6px;padding:4px 10px 4px 6px;transition:transform var(--dur-fast) var(--ease-out-quart),background var(--dur-fast)}.ab-chip:hover{background:var(--color-bg-soft);transform:translateY(-1px)}.ab-chip:active{transform:translateY(0)}.ab-chip__num{animation:ab-chip-pulse .4s cubic-bezier(.18,.89,.32,1.28);animation:ab-chip-pulse .4s var(--ease-pop,cubic-bezier(.18,.89,.32,1.28));display:inline-block}@keyframes ab-chip-pulse{0%{color:var(--color-ink);transform:scale(1)}35%{color:#ffb648;color:var(--color-accent-deep,#ffb648);transform:scale(1.18)}to{color:var(--color-ink);transform:scale(1)}}.ab-pill{gap:4px}.ab-pill,.mp-wallet-chip{align-items:center;display:inline-flex}.mp-wallet-chip{align-self:center;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);font-weight:800;gap:6px;padding:5px 12px}.mp-pot,.mp-wallet-chip{background:var(--color-bg-elev-2)}.mp-pot{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-md)}.mp-pot--broke{background:var(--color-bg-elev-2);background:var(--color-danger-soft,var(--color-bg-elev-2));border-color:var(--color-danger)}.mp-pot__row{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between}.mp-pot__label{align-items:center;display:inline-flex;font-weight:800;gap:6px}.mp-pot__pot{color:var(--color-primary);font-weight:800}.mp-pot__hint{color:var(--color-ink-soft);font-size:var(--fs-sm);margin:4px 0 0}.mp-payout{align-items:center;align-self:center;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);display:inline-flex;font-weight:700;gap:8px;margin:var(--space-sm) 0;padding:8px 16px}.mp-payout--won{background:linear-gradient(120deg,#19c37d22,#ffd86b33);border-color:#19c37d;border-color:var(--color-success,#19c37d);color:#109764;color:var(--color-success-deep,#109764)}.rank-pill,.rank-tag{--rank-bg:#8794a6;--rank-fg:#fff;align-items:center;display:inline-flex;font-weight:800;gap:4px;white-space:nowrap}.rank-pill{background:var(--rank-bg);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:var(--rank-fg);font-size:var(--fs-sm);padding:6px 14px}.rank-tag{color:var(--rank-bg);font-size:var(--fs-xs);font-weight:800}.rank-pill--stone{--rank-bg:#8794a6}.rank-pill--bronze{--rank-bg:#c77b3c}.rank-pill--silver{--rank-bg:#9aa7b4}.rank-pill--gold{--rank-bg:#e5a018}.rank-pill--platinum{--rank-bg:#3fb6c4}.rank-pill--legend{--rank-bg:#8b5bf6;background:linear-gradient(110deg,#6f3fe0,#d12872,#c97a0c);color:var(--rank-fg);text-shadow:0 1px 2px #00000073}.rank-tag.rank-pill--gold,.rank-tag.rank-pill--legend,.rank-tag.rank-pill--platinum{background:var(--rank-bg);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:var(--rank-fg);padding:2px 10px}.rank-tag.rank-pill--legend{background:linear-gradient(110deg,#6f3fe0,#d12872,#c97a0c);text-shadow:0 1px 2px #00000073}.ach-badge{--b:#8794a6;align-items:center;background:color-mix(in srgb,var(--b) 22%,#0000);border:1.5px solid var(--b);border-radius:50%;color:var(--b);display:inline-flex;flex:none;gap:4px;height:22px;justify-content:center;width:22px}.ach-badge .app-icon{font-size:14px;line-height:1}.ach-badge--stone{--b:#8794a6}.ach-badge--bronze{--b:#c77b3c}.ach-badge--silver{--b:#7f8c9b}.ach-badge--gold{--b:#e5a018}.ach-badge--platinum{--b:#2e9aaa}.ach-badge--legend{--b:#8b5bf6}.leaderboard-username{overflow:hidden;text-overflow:ellipsis}.leaderboard-badges{display:inline-flex;flex:none;gap:3px}.profile-badges{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0 0 var(--space-sm)}.profile-badges .ach-badge,.profile-card__badges .ach-badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:800;gap:5px;height:auto;padding:4px 10px;width:auto}.profile-badge__name{font-size:var(--fs-xs)}.rank-banner{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.rank-summary{color:var(--color-ink-soft);font-size:var(--fs-sm);margin:0}.rank-next{margin:0}.ach-hint{align-items:center;display:inline-flex;gap:6px;justify-content:center;text-align:center}.ach-group{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.ach-group__count{color:var(--color-ink-muted);font-size:var(--fs-xs);font-weight:700}.ach-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ach-card{--ach-color:#8794a6;--ach-soft:#8794a629;--ach-glow:#8794a659;align-items:flex-start;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);display:flex;gap:var(--space-sm);overflow:hidden;padding:var(--space-sm) var(--space-md);position:relative;transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-base)}.ach-card.is-locked{opacity:.6}.ach-card.is-featured{box-shadow:0 0 0 2px var(--color-primary)}.ach-card.is-unlocked{background:linear-gradient(135deg,var(--ach-soft) 0,var(--color-bg-elev-2) 60%);border-color:color-mix(in srgb,var(--ach-color) 55%,var(--color-border));border-left-color:var(--ach-color);box-shadow:0 6px 18px -12px var(--ach-glow)}.ach-card.is-unlocked:before{background:linear-gradient(90deg,#0000,var(--ach-color),#0000);content:"";height:2px;left:0;opacity:.85;position:absolute;right:0;top:0}.ach-card.is-unlocked:after{background:radial-gradient(circle,var(--ach-color) 0,#0000 70%);border-radius:50%;box-shadow:0 0 8px var(--ach-color);content:"";height:8px;pointer-events:none;position:absolute;right:10px;top:10px;width:8px}.ach-card--stone{--ach-color:#8794a6;--ach-soft:#8794a629;--ach-glow:#8794a680}.ach-card--bronze{--ach-color:#c77b3c;--ach-soft:#c77b3c2e;--ach-glow:#c77b3c8c}.ach-card--silver{--ach-color:#9aa7b4;--ach-soft:#9aa7b433;--ach-glow:#9aa7b48c}.ach-card--gold{--ach-color:#e5a018;--ach-soft:#e5a01838;--ach-glow:#e5a0188c}.ach-card--platinum{--ach-color:#3fb6c4;--ach-soft:#3fb6c438;--ach-glow:#3fb6c48c}.ach-card--legend{--ach-color:#8b5bf6;--ach-soft:#8b5bf638;--ach-glow:#8b5bf68c}.ach-card--legend.is-unlocked{background:linear-gradient(135deg,#ffc2472e,#e5417a29 50%,#5b5bf62e);border-color:#8b5bf6;box-shadow:inset 0 0 0 1px #ffffff80,0 8px 24px -10px #8b5bf699}.ach-card--legend.is-unlocked:before{animation:achLegendShimmer 3.5s linear infinite;background:linear-gradient(90deg,#ffc247,#e5417a,#5b5bf6,#19c37d,#ffc247);background-size:200% 100%;opacity:1}@keyframes achLegendShimmer{0%{background-position:0 0}to{background-position:200% 0}}.ach-icon{display:inline-flex;flex:none}.ach-icon .app-icon{font-size:26px;transition:color var(--dur-fast)}.ach-card.is-unlocked .ach-icon .app-icon{color:var(--ach-color)}.ach-card--legend.is-unlocked .ach-icon .app-icon{color:var(--color-accent-deep)}.ach-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ach-name{color:var(--color-ink);font-weight:800}.ach-desc{color:var(--color-ink-soft);font-size:var(--fs-xs)}.ach-progress{background:var(--color-bg-soft);border-radius:var(--radius-pill);height:6px;margin-top:4px;overflow:hidden;position:relative}.ach-progress__bar{background:var(--color-primary);border-radius:var(--radius-pill);height:100%;inset:0 auto 0 0;position:absolute}.ach-progress__label{color:var(--color-ink-muted);display:block;font-size:10px;margin-top:3px;position:static}.ach-feature{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-ink-muted);cursor:pointer;flex:none;padding:2px}.ach-feature .app-icon{color:var(--color-ink-muted);transition:color .15s ease}.ach-feature:hover .app-icon{color:var(--color-accent)}.ach-feature.is-on .app-icon{color:var(--color-accent);font-variation-settings:"FILL" 1}.titles-section{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.title-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.title-card{align-items:center;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);position:relative;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.title-card:disabled{cursor:not-allowed;opacity:.6}.title-card.is-unlocked:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.title-card.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.title-card--stone{border-left-color:#8794a6}.title-card--bronze{border-left-color:#c77b3c}.title-card--silver{border-left-color:#9aa7b4}.title-card--gold{border-left-color:#e5a018}.title-card--platinum{border-left-color:#3fb6c4}.title-card--legend{border-left-color:#8b5bf6}.title-card__icon{color:var(--color-ink-muted);display:inline-flex;flex:none}.title-card__icon .app-icon{font-size:26px}.title-card--gold .title-card__icon,.title-card--legend .title-card__icon{color:var(--color-accent-deep)}.title-card__body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.title-card__req{color:var(--color-ink-soft);font-size:var(--fs-xs)}.title-card__check{color:var(--color-primary);display:inline-flex;flex:none}.title-card__check .app-icon{font-size:22px}.achievement-icon,.title-badge{display:block;vertical-align:middle}.rank-pill .title-badge,.rank-tag .title-badge{margin-right:2px}.title-card__icon .title-badge.is-locked{opacity:.55}.ach-icon .achievement-icon.is-locked{opacity:.7}.title-card.is-unlocked:hover .title-badge{transform:scale(1.04);transition:transform .15s ease}.account-chip__title{display:block;max-width:140px}.account-chip__title,.mp-player__title{color:var(--color-ink-muted);font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.mp-player__title{max-width:80px}.mp-score-title{color:var(--color-ink-muted);font-size:var(--fs-xs);font-weight:600}.ach-badge{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;padding:0}.ach-badge-wrap{position:relative}.ach-badge-wrap,.profile-badges .ach-badge-wrap,.profile-card__badges .ach-badge-wrap{display:inline-flex}.ach-popover{background:var(--color-bg-elev-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);color:var(--color-ink);display:flex;flex-direction:column;gap:3px;max-width:220px;padding:8px 10px;pointer-events:none;text-align:left;width:-webkit-max-content;width:max-content;z-index:60}.ach-popover,.ach-popover:after{left:50%;position:absolute;transform:translateX(-50%)}.ach-popover:after{border:6px solid #0000;border-top:6px solid var(--color-bg-elev-1);content:"";top:100%}.ach-popover--fixed{bottom:auto;position:fixed}.ach-popover--fixed.ach-popover--above{transform:translate(-50%,-100%)}.ach-popover--fixed.ach-popover--below{transform:translate(-50%)}.ach-popover--below:after{border-bottom-color:var(--color-bg-elev-1);border-top-color:#0000;bottom:100%;top:auto}.ach-popover__title{align-items:center;display:inline-flex;font-size:var(--fs-sm);font-weight:800;gap:5px}.ach-popover__title .app-icon{color:inherit}.ach-popover__title--gold,.ach-popover__title--legend{color:#ffd86b}.ach-popover__title--platinum{color:#7fe3ee}.ach-popover__desc{color:var(--color-ink-soft);font-size:var(--fs-xs);line-height:1.35}.leaderboard-row.is-clickable{cursor:pointer}.leaderboard-row.is-clickable:hover{background:var(--color-bg-soft)}.leaderboard-row.is-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.profile-card{gap:var(--space-sm);text-align:center}.profile-card,.profile-card__atlas{align-items:center;display:flex;flex-direction:column}.profile-card__atlas{gap:2px}.profile-card__petname{color:var(--color-ink);font-size:var(--fs-sm);font-weight:800}.profile-card__companion{align-items:center;color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-xs);font-weight:700;gap:4px}.profile-card__companion .app-icon{color:var(--color-primary);color:var(--color-accent,var(--color-primary));font-size:15px}.profile-card__meta{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.profile-card__region .leaderboard-flag{border-radius:3px;height:auto;width:26px}.profile-card__badges,.profile-card__stats{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.profile-card__badges{margin-top:2px}.store-preview__stage{display:inline-flex;user-select:none;-webkit-user-select:none}.store-preview__stage:active{cursor:grabbing}.store-preview__stage--scene{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:140px;justify-content:center;overflow:hidden;position:relative;width:240px}.store-preview__stage--scene>svg.hero-scene{z-index:0}.store-preview__stage--scene>:not(.hero-scene){position:relative;z-index:1}.cosmetic-preview--scene{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:54px;overflow:hidden;position:relative;width:78px}.cosmetic-preview--scene>svg.hero-scene{z-index:0}.cosmetic-preview--scene>:not(.hero-scene){position:relative;transform:scale(.7);transform-origin:bottom center;z-index:1}.store-buy-confirm__stage--scene{background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);height:150px;margin:0 auto;overflow:hidden;position:relative;width:260px}.store-buy-confirm__stage--scene>svg.hero-scene{z-index:0}.store-buy-confirm__stage--scene>:not(.hero-scene){position:relative;z-index:1}.hero-band--scene{background:var(--color-bg-elev-2)}.hero-band--scene:before{background:linear-gradient(180deg,#00000080 0,#0000002e 38%,#0000 65%),linear-gradient(0deg,#00000059 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.hero-band--scene .hero-band__subtitle,.hero-band--scene .hero-band__title{color:#fff;text-shadow:0 2px 6px #000000bf,0 1px 2px #0000008c}.cosmetic-adjust{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xs);max-width:460px;padding:var(--space-sm) var(--space-md);width:100%}.cosmetic-adjust__head{align-items:center;color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-xs);font-weight:700;gap:6px}.adjust-tabs{grid-gap:6px;display:grid;gap:6px;justify-content:center;width:100%}.adjust-tab{align-items:center;background:var(--color-bg-elev-2);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink-soft);cursor:pointer;display:inline-flex;font-size:var(--fs-xs);font-weight:700;gap:4px;padding:4px 12px}.adjust-tab.is-active{background:color-mix(in srgb,var(--color-primary) 14%,#0000);border-color:var(--color-primary);color:var(--color-primary-deep)}.adjust-size{align-items:center;color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-xs);font-weight:700;gap:8px;width:100%}.adjust-size input[type=range]{accent-color:var(--color-primary);flex:1 1}.adjust-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);justify-content:center;width:100%}.adjust-row .adjust-size{flex:1 1 150px;width:auto}.adjust-tint{color:var(--color-ink-soft);flex:0 0 auto;font-size:var(--fs-xs);font-weight:700;gap:8px}.adjust-tint,.adjust-tint__label{align-items:center;display:inline-flex}.adjust-tint__label{gap:4px;white-space:nowrap}.adjust-tint__swatches{display:inline-flex;gap:6px}.tint-swatch{align-items:center;border:2px solid var(--color-border);border-radius:50%;box-shadow:inset 0 1px 2px #ffffff59,inset 0 -1px 2px #00000026;cursor:pointer;display:inline-flex;height:24px;justify-content:center;padding:0;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;width:24px}.tint-swatch:hover{transform:scale(1.12)}.tint-swatch.is-active{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 40%,#0000),inset 0 -1px 2px #00000026}.tint-swatch .app-icon{color:#fff;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.55));font-size:15px}.mp-box{max-width:560px;width:100%}.mp-config{gap:var(--space-md);width:100%}.mp-config,.mp-field{display:flex;flex-direction:column}.mp-field{gap:6px}.mp-field__label{color:var(--color-ink);font-size:var(--fs-sm);font-weight:700}.mp-field__hint{color:var(--color-ink-muted);font-size:var(--fs-xs)}.mp-choices{display:flex;flex-wrap:wrap;gap:6px}.mp-chip{align-items:center;background:var(--color-bg-elev-2);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink-soft);cursor:pointer;display:inline-flex;font-size:var(--fs-sm);font-weight:700;gap:5px;padding:7px 13px;transition:transform var(--dur-fast) var(--ease-out-quart)}.mp-chip:hover{transform:translateY(-1px)}.mp-chip.is-on{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-deep)}.mp-chip:disabled{cursor:default;opacity:.6}.mp-join{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);width:100%}.mp-code-input{font-size:var(--fs-2xl);font-weight:800;letter-spacing:.3em;max-width:220px;text-align:center;text-transform:uppercase}.mp-code{align-items:center;align-self:center;background:var(--color-bg-elev-2);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-ink);cursor:pointer;display:inline-flex;gap:var(--space-sm);padding:8px 18px}.mp-code__label{color:var(--color-ink-muted);font-size:var(--fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mp-code__value{font-size:var(--fs-xl);font-weight:800;letter-spacing:.18em}.mp-players{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;width:100%}.mp-player{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:72px}.mp-player__name{font-size:var(--fs-xs);font-weight:700;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-waiting{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm)}.mp-summary{gap:6px}.mp-hud,.mp-summary{display:flex;flex-wrap:wrap;justify-content:center}.mp-hud{gap:var(--space-sm)}.mp-question{align-items:center;display:flex;flex-direction:column;gap:6px}.mp-game .flag-image{max-height:180px}.mp-capital-prompt{align-items:center;display:flex;flex-direction:column;gap:8px}.mp-capital-prompt .flag-image{max-height:150px}.mp-capital-country{color:var(--color-ink);font-size:clamp(1.2rem,4.5vw,1.6rem);font-weight:800;line-height:1.15;margin:0;text-align:center}.mp-scoreboard{display:flex;flex-direction:column;gap:5px;width:100%}.mp-score-row{align-items:center;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:8px;padding:5px 10px}.mp-score-row.is-me{background:var(--color-primary-soft);border-color:var(--color-primary)}.mp-score-row .leaderboard-rank{flex:none}.mp-score-name{flex:1 1 auto;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-score-row--bar{grid-gap:8px;display:grid;gap:8px;grid-template-columns:28px minmax(56px,92px) 1fr 34px}.mp-score-row--bar .mp-score-name{flex:none}.mp-score-bar{background:var(--color-bg-soft);border-radius:var(--radius-pill);height:9px;overflow:hidden}.mp-score-row--bar .mp-score-val{text-align:right}.mp-score-bar__fill{background:var(--grad-primary);border-radius:var(--radius-pill);display:block;height:100%;transition:width .3s var(--ease-out-quart)}.mp-score-bar__fill--hp{background:var(--color-danger);background:var(--grad-danger,var(--color-danger))}.mp-score-val{color:var(--color-primary-deep);font-weight:800;white-space:nowrap}@media (max-width:480px){.mp-box--results,.mp-box--waiting{min-height:calc(100dvh - var(--space-md)*2);min-height:calc(100vh - var(--space-md)*2)}.mp-box--waiting .mp-waiting{flex:1 1;padding-block:var(--space-md);width:100%}.mp-box--waiting .mp-waiting>:first-child{margin:auto 0}.mp-box--results .account-menu{margin-top:auto;padding-bottom:env(safe-area-inset-bottom,0);width:100%}}.menu-title-row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.info-button,.menu-title-row{align-items:center;justify-content:center}.info-button{background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:50%;color:var(--color-ink-soft);cursor:pointer;display:inline-flex;flex:none;height:32px;width:32px}.info-button:hover{border-color:var(--color-primary);color:var(--color-primary-deep)}.mode-card-wrap{display:flex;position:relative}.mode-card-wrap .mode-card{width:100%}.mode-card__info{background:var(--color-bg-elev-1);height:28px;position:absolute;right:8px;top:8px;width:28px;z-index:2}.scoring-info{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding-left:1.1em}.scoring-info li{color:var(--color-ink-soft);line-height:1.45}.mp-choice-wrap{position:relative}.mp-pickers{display:flex;flex-direction:row;pointer-events:none;position:absolute;right:6px;top:-10px;z-index:3}.mp-picker{filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));margin-left:-8px}.mp-picker:first-child{margin-left:0}.globe-quiz{gap:var(--space-md);max-width:920px}@media (min-width:1024px){.globe-quiz{max-width:980px}}@media (min-width:1440px){.globe-quiz{max-width:1080px}}.globe-quiz__topbar{width:100%}.globe-quiz__mode-toggle{align-items:stretch;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex;gap:2px;padding:2px}.globe-quiz__mode-tab{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:calc(var(--radius-md) - 2px);color:var(--color-ink-soft);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--fs-xs);font-weight:700;gap:4px;letter-spacing:.08em;padding:6px 10px;text-transform:uppercase;transition:background .18s ease,color .18s ease,transform .18s ease}.globe-quiz__mode-tab:hover{color:var(--color-ink)}.globe-quiz__mode-tab.is-active{background:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff;color:var(--color-on-primary,#fff)}.globe-quiz__mode-tab .material-symbols-rounded{font-size:18px}.globe-quiz__stage{background:radial-gradient(ellipse 120% 90% at 50% 35%,var(--color-bg-elev-2) 0,var(--color-bg) 55%,var(--color-bg-soft) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--color-border);height:min(62vh,560px);overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.globe-quiz__canvas{inset:0;position:absolute;touch-action:none}.globe-quiz__canvas canvas{cursor:grab;touch-action:none}.globe-quiz__canvas canvas:active{cursor:grabbing}.globe-quiz__overlay{grid-gap:var(--space-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff7ec99;color:var(--color-ink-muted);display:grid;font-size:var(--fs-sm);font-weight:700;gap:var(--space-sm);inset:0;letter-spacing:.08em;place-content:center;pointer-events:none;position:absolute;text-transform:uppercase;z-index:4}[data-theme=dark] .globe-quiz__overlay{background:#0f0e1eb3}.globe-quiz__overlay--error{color:var(--color-danger-deep);letter-spacing:0;padding:var(--space-lg);pointer-events:auto;text-align:center;text-transform:none}.globe-quiz__prompt{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);bottom:var(--space-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-xs);max-width:220px;padding:var(--space-sm) var(--space-md) var(--space-md);position:absolute;right:var(--space-md);z-index:3}.globe-quiz__prompt-tag{color:var(--color-primary-deep);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.globe-quiz__prompt-flag{aspect-ratio:3/2;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border);height:auto;max-width:100%;object-fit:cover;width:168px}.globe-quiz__prompt-hint{align-items:center;color:var(--color-ink-soft);display:flex;font-size:var(--fs-xs);gap:var(--space-xs);text-align:center}.globe-quiz__prompt--name{max-width:260px}.globe-quiz__name-form{width:100%}.globe-quiz__name-input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);font-size:var(--fs-md);font-weight:600;outline:none;padding:var(--space-sm) var(--space-md);transition:border-color .18s ease,box-shadow .18s ease;width:100%}.globe-quiz__name-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,#0000)}.globe-quiz__name-input:disabled{cursor:not-allowed;opacity:.6}.globe-quiz__mascot{left:var(--space-md);top:var(--space-md)}.globe-quiz__confetti,.globe-quiz__mascot{pointer-events:none;position:absolute;z-index:3}.globe-quiz__confetti{display:grid;inset:0;place-items:center}.globe-quiz__feedback{text-align:center;width:100%}.globe-quiz__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;width:100%}.globe-quiz__actions .skip-button{margin-left:var(--space-sm)}@media (max-width:720px){.globe-quiz__stage{border-radius:var(--radius-md);height:min(58vh,480px)}.globe-quiz__prompt{align-items:center;bottom:var(--space-sm);flex-direction:row;gap:var(--space-sm);left:50%;max-width:calc(100% - var(--space-xl));padding:var(--space-xs) var(--space-sm);right:auto;transform:translateX(-50%)}.globe-quiz__prompt-tag{display:none}.globe-quiz__prompt-flag{width:88px}.globe-quiz__prompt-hint{max-width:130px;text-align:left}.globe-quiz__prompt--name{flex-direction:column;gap:var(--space-xs);max-width:calc(100% - var(--space-xl));padding:var(--space-sm)}.globe-quiz__prompt--name .globe-quiz__prompt-hint{max-width:none;text-align:center}.globe-quiz__mascot{left:var(--space-sm);top:var(--space-sm)}.globe-quiz__actions{gap:var(--space-sm)}}@media (max-width:420px){.globe-quiz__stage{height:56vh}.globe-quiz__prompt-flag{width:72px}.globe-quiz__prompt-hint{font-size:11px}}.mp-globe-stage{background:radial-gradient(ellipse 120% 90% at 50% 35%,var(--color-bg-elev-2) 0,var(--color-bg) 55%,var(--color-bg-soft) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),inset 0 0 0 1px var(--color-border);height:min(48vh,440px);margin-top:var(--space-sm);overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.mp-globe-canvas{inset:0;position:absolute;touch-action:none}.mp-globe-canvas canvas{cursor:grab;touch-action:none}.mp-globe-canvas canvas:active{cursor:grabbing}.mp-globe-prompt{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);bottom:var(--space-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-xs);max-width:220px;padding:var(--space-sm) var(--space-md);position:absolute;right:var(--space-md);z-index:3}.mp-globe-prompt__tag{color:var(--color-primary-deep);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mp-globe-prompt__flag{aspect-ratio:3/2;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border);height:auto;max-width:100%;object-fit:cover;width:140px}.mp-globe-prompt__answer{color:var(--color-ink);font-size:var(--fs-sm);font-weight:700;text-align:center}.mp-globe-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;width:100%}.mp-globe-actions__hint{align-items:center;color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-xs);gap:var(--space-xs)}@media (max-width:720px){.mp-globe-stage{border-radius:var(--radius-md);height:min(44vh,380px)}.mp-globe-prompt{align-items:center;bottom:var(--space-sm);flex-direction:row;left:50%;padding:var(--space-xs) var(--space-sm);right:auto;transform:translateX(-50%)}.mp-globe-prompt__tag{display:none}.mp-globe-prompt__flag{width:84px}}.mp-countdown{grid-gap:var(--space-sm);animation:mpCountdownFade .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0e1e8c;color:#fff;display:grid;gap:var(--space-sm);inset:0;place-content:center;pointer-events:none;position:fixed;text-align:center;z-index:50}.mp-countdown__number{animation:mpCountdownPop .9s cubic-bezier(.18,.9,.32,1.2);color:#fff;font-size:160px;font-weight:900;line-height:1;text-shadow:0 8px 32px #5b5bf673}.mp-countdown__label{font-size:var(--fs-md);font-weight:700;letter-spacing:.18em;opacity:.85;text-transform:uppercase}@keyframes mpCountdownPop{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.18)}70%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes mpCountdownFade{0%{opacity:0}to{opacity:1}}@media (max-width:720px){.mp-countdown__number{font-size:120px}}.bp-box{overflow:visible}.bp-hero{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);isolation:isolate;overflow:hidden;position:relative;width:100%}.bp-hero__bg{background:radial-gradient(circle at 18% 22%,#ffd86b73,#0000 50%),radial-gradient(circle at 84% 86%,#ff6a2e80,#0000 55%),radial-gradient(circle at 60% 30%,#7fe05b59,#0000 55%),linear-gradient(135deg,#0f2a1a,#1f5a3f 35%,#4f2f8a 70%,#8a1f0f)}.bp-hero__bg,.bp-hero__scales{inset:0;position:absolute;z-index:0}.bp-hero__scales{background-image:radial-gradient(circle at 0 6px,#fffdf712 6px,#0000 6.5px),radial-gradient(circle at 12px 6px,#fffdf712 6px,#0000 6.5px),radial-gradient(circle at 24px 6px,#fffdf712 6px,#0000 6.5px),radial-gradient(circle at 6px 14px,#ffd86b0d 6px,#0000 6.5px),radial-gradient(circle at 18px 14px,#ffd86b0d 6px,#0000 6.5px);background-size:24px 16px;mix-blend-mode:screen;pointer-events:none}.bp-hero--olympus .bp-hero__bg{background:radial-gradient(circle at 18% 22%,#ffd86b80,#0000 50%),radial-gradient(circle at 84% 82%,#5fb0ff73,#0000 55%),radial-gradient(circle at 60% 26%,#ffffff4d,#0000 55%),linear-gradient(135deg,#1f3a6a,#3e63a8 34%,#7a4fd0 66%,#e5a018)}.bp-hero--olympus .bp-hero__scales{background-image:repeating-linear-gradient(90deg,#fffdf70d 0 2px,#0000 2px 15px),radial-gradient(circle at 4px 6px,#ffd86b0f 5px,#0000 5.5px);background-size:15px 100%,24px 18px}.bp-season-select{align-items:center;background:#7f7f7f1a;background:var(--color-surface-alt,#7f7f7f1a);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--fs-xs);font-weight:800;gap:4px;margin-left:auto;max-width:62%;padding:5px 8px 5px 11px}.bp-season-select select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:inherit;cursor:pointer;font:inherit;font-weight:800;max-width:100%;outline:none;text-overflow:ellipsis}.bp-season-select:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #2ec4d340}.bp-season-select select:disabled{cursor:progress;opacity:.6}.bp-hero__countdown{align-items:center;background:#00000038;border:1px solid #ffffff38;border-radius:var(--radius-pill);color:#fff6e0;display:inline-flex;font-size:var(--fs-xs);font-weight:700;gap:6px;padding:3px 11px}.bp-hero__inner{align-items:center;color:#fffdf7;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);position:relative;text-align:center;z-index:1}.bp-hero__badge{align-items:center;background:#ffffff29;border:1px solid #ffffff47;border-radius:var(--radius-pill);display:inline-flex;font-size:var(--fs-xs);font-weight:800;gap:6px;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase}.bp-hero__title{color:#fff1ca;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:900;margin:0;text-shadow:0 2px 8px #00000059}.bp-hero__sub{color:#fffdf7db;font-size:var(--fs-sm);margin:0;max-width:480px}.bp-stats{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xs)}.bp-stat{align-items:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:90px;padding:8px 16px}.bp-stat__num{align-items:center;color:#fffdf7;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;gap:4px}.bp-stat__label{color:#fffdf7b3;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bp-tier-bar{background:#ffffff2e;border:1px solid #ffffff47;border-radius:var(--radius-pill);height:14px;margin-top:var(--space-xs);overflow:hidden;position:relative;width:min(560px,100%)}.bp-tier-bar__fill{background:linear-gradient(90deg,#ffc247,#ff7e8a 60%,#19c37d);box-shadow:inset 0 0 12px #ffc24799;height:100%;transition:width var(--dur-base) var(--ease-out-quart)}.bp-tier-bar__hint{color:#fffdf7d9;font-size:var(--fs-xs);font-weight:700;inset:auto 0 -22px 0;position:absolute;text-align:center}.bp-buy{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:var(--space-md)}.bp-buy__hint{color:#fffdf7bf;font-size:var(--fs-xs);max-width:420px}.bp-owned-chip{align-items:center;background:linear-gradient(135deg,#ffc247,#ff7e8a);border-radius:var(--radius-pill);box-shadow:0 4px 10px #ff7e8a66;color:#1f1a3b;display:inline-flex;font-size:var(--fs-sm);font-weight:900;gap:6px;margin-top:var(--space-sm);padding:6px 14px}.bp-buy-summary{align-items:center;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;font-weight:800;gap:var(--space-sm);justify-content:space-between;margin:var(--space-sm) 0;padding:var(--space-sm) var(--space-md)}.bp-buy-summary__price{align-items:center;color:var(--color-primary);display:inline-flex;font-family:var(--font-display);font-size:var(--fs-lg);gap:6px}.bp-tabs{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-pill);display:flex;gap:6px;padding:4px;width:100%}.bp-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-pill);color:var(--color-ink-soft);cursor:pointer;display:inline-flex;flex:1 1;font-weight:800;gap:6px;justify-content:center;padding:8px 12px;transition:background var(--dur-fast) var(--ease-out-quart),color var(--dur-fast)}.bp-tab:hover{color:var(--color-ink)}.bp-tab.is-active{background:var(--color-bg-elev-1);box-shadow:var(--shadow-sm);color:var(--color-primary)}.bp-rewards{background:radial-gradient(circle at 6% 50%,#7fe05b29,#0000 45%),radial-gradient(circle at 94% 50%,#ff6a2e2e,#0000 50%),linear-gradient(135deg,#181028,#21163e 30%,#1b2a2a 65%,#2a1430);border:1px solid #fffdf714;border-radius:var(--radius-xl);box-shadow:var(--shadow-md),inset 0 1px 0 #fffdf70f,inset 0 -1px 0 #0006;isolation:isolate;overflow:hidden;position:relative;width:100%}.bp-rewards:before{background-image:radial-gradient(circle at 0 8px,rgba(255,253,247,.045) 5px,#0000 5.5px),radial-gradient(circle at 12px 8px,rgba(255,253,247,.045) 5px,#0000 5.5px),radial-gradient(circle at 6px 16px,rgba(255,216,107,.035) 5px,#0000 5.5px);background-size:24px 24px;content:"";inset:0;mix-blend-mode:screen;pointer-events:none;position:absolute;z-index:0}.bp-rewards__legend{align-items:center;color:#fffdf79e;display:flex;font-size:10px;font-weight:800;gap:var(--space-sm);letter-spacing:.14em;padding:var(--space-sm) var(--space-md) 0;position:relative;text-transform:uppercase;z-index:1}.bp-rewards__legend-label{align-items:center;display:inline-flex;flex:none;gap:4px}.bp-rewards__legend-label--prem{color:#ffd86b;text-shadow:0 0 8px #ffd86b59}.bp-rewards__legend-divider{background:linear-gradient(90deg,#0000,#fffdf72e,#0000);flex:1 1;height:1px}.bp-rewards__hint{align-items:center;color:#fffdf78c;font-size:var(--fs-xs);font-weight:700;gap:6px;justify-content:center;letter-spacing:.06em;padding:0 var(--space-md) var(--space-sm)}.bp-rewards__hint,.bp-road{display:flex;position:relative;z-index:1}.bp-road{gap:0;overflow-x:auto;overflow-y:visible;padding:var(--space-md) 0 var(--space-md);scroll-padding-inline:50%;scroll-snap-type:x proximity;scrollbar-color:#ffd86b #00000059;scrollbar-width:thin;width:100%}.bp-road::-webkit-scrollbar{height:10px}.bp-road::-webkit-scrollbar-track{background:#00000059;border-radius:8px;margin:0 var(--space-md)}.bp-road::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ffd86b,#ff6a2e);border:2px solid #00000059;border-radius:8px}.bp-col{--col-ring:#7fe0a8;--col-glow:#19c37d;--col-soft:#7fe0a82e;align-items:stretch;display:grid;flex:0 0 132px;grid-template-rows:168px 56px 168px;position:relative;scroll-snap-align:center}.bp-col--capstone{flex-basis:152px}.bp-tile{--tile-ring:var(--col-ring);--tile-glow:var(--col-glow);--tile-soft:var(--col-soft);background:radial-gradient(ellipse at 50% -10%,color-mix(in srgb,var(--tile-glow) 18%,#0000) 0,#0000 65%),linear-gradient(180deg,#fffdf70f 0,#00000052 100%);border:2px solid color-mix(in srgb,var(--tile-ring) 55%,#0000);border-radius:14px;box-shadow:0 8px 18px -8px #000000a6,inset 0 1px 0 #fffdf71a;color:#fffdf7;display:flex;flex-direction:column;margin:0 5px;padding:10px 8px 8px;position:relative;transition:transform var(--dur-fast) var(--ease-pop),box-shadow var(--dur-base),border-color var(--dur-base),opacity var(--dur-base),filter var(--dur-base)}.bp-tile:hover{transform:translateY(-2px)}.bp-tile--prem{background:radial-gradient(ellipse at 50% -5%,color-mix(in srgb,var(--tile-glow) 35%,#0000) 0,#0000 60%),linear-gradient(180deg,color-mix(in srgb,var(--tile-glow) 16%,#3016508c) 0,#1408289e 100%);border-color:var(--tile-ring);box-shadow:0 10px 22px -10px var(--tile-glow),0 0 0 1px color-mix(in srgb,var(--tile-glow) 30%,#0000),inset 0 1px 0 #fffdf72e}.bp-tile--free{background:radial-gradient(ellipse at 50% -10%,#fffdf71a 0,#0000 60%),linear-gradient(180deg,#fffdf70f,#00000052)}.bp-tile__track{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}.bp-tile__art{align-items:center;background:radial-gradient(ellipse at 50% 35%,var(--tile-soft) 0,#0000 70%);display:flex;flex:1 1;justify-content:center;min-height:0;position:relative}.bp-tile__art,.bp-tile__scene{border-radius:10px;overflow:hidden}.bp-tile__scene{inset:0;position:absolute}.bp-preview__stage--scene>svg.hero-scene{border-radius:18px;inset:0;position:absolute;z-index:0}.bp-preview__stage--scene>:not(.hero-scene){position:relative;z-index:1}.bp-tile__bucks{align-items:center;display:flex;flex-direction:column;gap:2px}.bp-tile__bucksNum{color:#ffd86b;font-family:var(--font-display);font-size:var(--fs-md);font-weight:900;letter-spacing:.01em;text-shadow:0 2px 0 #0000008c,0 0 8px #ffd86b66}.bp-tile__stamp{align-items:center;background:linear-gradient(180deg,#2ee08a,#19a36b);border:2px solid #fffdf7;border-radius:50%;box-shadow:0 3px 0 #0e7a4f,0 6px 14px #00000080,inset 0 1px 0 #fffdf766;color:#fffdf7;display:inline-flex;height:28px;justify-content:center;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:28px;z-index:3}.bp-tile__stamp .material-symbols-rounded{font-size:18px;font-weight:900;line-height:1}.bp-tile__veil{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#08041480;border-radius:10px;color:#fffdf7d9;display:flex;flex-direction:column;gap:4px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.bp-tile__veil .material-symbols-rounded{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));font-size:26px}.bp-tile__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffdf7eb;display:-webkit-box;font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.02em;line-height:1.18;margin:6px 0 0;min-height:26px;overflow:hidden;text-align:center;text-shadow:0 1px 0 #0000008c}.bp-tile__action{display:flex;justify-content:center;margin-top:6px;min-height:26px}.bp-tile__action .ui-button{font-size:11px;font-weight:900;letter-spacing:.05em;min-height:0;padding:4px 12px}.bp-tile__action .ui-button,.bp-tile__status{border-radius:var(--radius-pill);text-transform:uppercase}.bp-tile__status{align-items:center;display:inline-flex;font-size:10px;font-weight:800;gap:3px;letter-spacing:.08em;padding:3px 8px}.bp-tile__status.is-on{background:#2ee08a29;border:1px solid #2ee08a73;color:#7fe0a8}.bp-tile__status.is-locked{background:#fffdf70a;border:1px dashed #fffdf72e;color:#fffdf773}.bp-tile__status.is-pass{background:linear-gradient(90deg,#ffd86b2e,#ff6a2e2e);border:1px solid #ffd86b73;color:#ffd86b}.bp-tile.is-claimed{filter:saturate(.78);opacity:.78}.bp-tile.is-locked{filter:saturate(.4) brightness(.7);opacity:.55}.bp-tile.is-pass-locked{filter:saturate(.6) brightness(.85);opacity:.62}.bp-tile.is-pass-locked.bp-tile--prem{border-color:#ffd86b59}.bp-tile.is-ready{animation:bpTileReady 2.4s ease-in-out infinite;box-shadow:0 0 0 2px var(--tile-glow),0 12px 28px -8px var(--tile-glow),inset 0 1px 0 #fffdf733}@keyframes bpTileReady{0%,to{box-shadow:0 0 0 2px var(--tile-glow),0 12px 28px -8px var(--tile-glow),inset 0 1px 0 #fffdf733}50%{box-shadow:0 0 0 3px var(--tile-glow),0 14px 36px -8px var(--tile-glow),inset 0 1px 0 #fffdf747}}.bp-preview{flex-direction:column;gap:var(--space-md);padding-top:var(--space-xs)}.bp-preview,.bp-preview__stage{align-items:center;display:flex}.bp-preview__stage{background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--tile-glow) 22%,#0000) 0,#0000 70%),radial-gradient(ellipse at 50% 30%,var(--tile-soft) 0,#0000 70%),linear-gradient(180deg,#fffdf70a 0,#00000052 100%);border:2px solid color-mix(in srgb,var(--tile-ring) 55%,#0000);border-radius:18px;box-shadow:0 10px 24px -10px var(--tile-glow),inset 0 1px 0 #fffdf71a;height:200px;justify-content:center;position:relative;width:220px}.bp-preview__stage--scene{align-items:flex-end;height:180px;justify-content:center;overflow:hidden;padding-bottom:6px;width:320px}.bp-preview__stage--scene>:not(.hero-scene){filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.bp-preview__stage--emote:after{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tile-glow) 40%,#0000) 0,#0000 70%);border-radius:50%;bottom:14px;content:"";height:14px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:130px}.bp-preview__replay{display:flex;justify-content:center;margin-top:calc(var(--space-xs)*-1)}.bp-preview__caption{align-items:center;color:#fffdf79e;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.06em;margin-top:calc(var(--space-xs)*-1);text-transform:uppercase}.bp-preview__caption .material-symbols-rounded{font-size:14px}.bp-preview__bucks{align-items:center;display:flex;flex-direction:column;gap:4px}.bp-preview__bucksNum{color:#ffd86b;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:900;letter-spacing:.01em;text-shadow:0 2px 0 #0000008c,0 0 12px #ffd86b80}.bp-preview__meta{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.bp-preview__rarity{align-items:center;background:color-mix(in srgb,var(--tile-glow) 18%,#0000);border:1px solid color-mix(in srgb,var(--tile-ring) 50%,#0000);border-radius:var(--radius-pill);color:var(--tile-ring);display:inline-flex;font-size:11px;font-weight:800;gap:4px;letter-spacing:.08em;padding:3px 10px;text-transform:uppercase}.bp-preview__name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;letter-spacing:.01em;margin:0}.bp-preview__action{min-height:36px}.bp-preview__action,.bp-rail{display:flex;justify-content:center}.bp-rail{align-items:center;height:56px;margin:0;position:relative}.bp-rail__seg{background:linear-gradient(180deg,#fffdf714,#00000059);border-bottom:1px solid #0000008c;border-radius:2px;border-top:1px solid #fffdf71a;height:10px;position:absolute;top:50%;transform:translateY(-50%);width:50%;z-index:0}.bp-rail__seg--l{left:0}.bp-rail__seg--r{right:0}.bp-rail__seg.is-edge{display:none}.bp-rail__seg.is-filled{background:linear-gradient(180deg,#ffd86b,#ff8e2e 60%,#c8420e);border-bottom:1px solid #8a1f0fb3;border-top:1px solid #fffdf78c;box-shadow:0 0 12px #ffc24773,inset 0 1px 0 #fffdf780}.bp-node{align-items:center;background:linear-gradient(180deg,#2c1b53,#170b30);border:2px solid #fffdf738;border-radius:50%;box-shadow:0 2px 6px #0000008c,inset 0 1px 0 #fffdf71f;color:#fffdf7d1;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:900;height:40px;justify-content:center;position:relative;transition:transform var(--dur-base) var(--ease-pop),box-shadow var(--dur-base);width:40px;z-index:1}.bp-node__num{line-height:1}.bp-node.is-passed{background:linear-gradient(180deg,#ffe694,#ff8e2e);border:2px solid #fffdf7;box-shadow:0 3px 0 #8a1f0f,0 5px 12px #ff8e2e80,inset 0 1px 0 #fffdf799;color:#1f1230;text-shadow:0 1px 0 #fffdf766}.bp-node.is-current{animation:bpNodePulse 2.2s ease-in-out infinite;background:linear-gradient(180deg,#fffdf7,#ffd86b);border:3px solid #ff6a2e;box-shadow:0 0 0 4px #ffd86b52,0 6px 14px #ff6a2e99,inset 0 1px 0 #fffdf7b3;color:#1f1230;transform:scale(1.1);z-index:2}@keyframes bpNodePulse{0%,to{box-shadow:0 0 0 4px #ffd86b52,0 6px 14px #ff6a2e99,inset 0 1px 0 #fffdf7b3}50%{box-shadow:0 0 0 7px #ffd86b73,0 8px 18px #ff6a2ed9,inset 0 1px 0 #fffdf7d9}}.bp-node.is-max{background:linear-gradient(180deg,#fffdf7,#ffd86b 50%,#ff6a2e);border:3px solid #fffdf7;box-shadow:0 0 0 3px #e5414c80,0 6px 14px #e5414c99,inset 0 1px 0 #fffdf7d9;color:#1f1230}.bp-node.is-capstone{font-size:var(--fs-md);height:48px;width:48px}.bp-node.is-capstone.is-current,.bp-node.is-capstone.is-passed{background:linear-gradient(180deg,#fffdf7,#ffd86b 55%,#ff6a2e)}.bp-node__star{align-items:center;background:linear-gradient(180deg,#ffd86b,#ff6a2e);border:1.5px solid #fffdf7;border-radius:50%;box-shadow:0 2px 4px #0009;color:#fffdf7;display:inline-flex;font-size:10px;font-weight:900;height:18px;justify-content:center;line-height:1;position:absolute;right:-6px;text-shadow:0 1px 0 #8a1f0f99;top:-8px;width:18px}.bp-tile__action .ui-button:focus-visible{outline:2px solid #ffd86b;outline-offset:2px}.bp-quests{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));max-height:70vh;overflow-y:auto;padding:4px 6px 4px 0;scrollbar-width:thin;width:100%}.bp-quests::-webkit-scrollbar{width:10px}.bp-quests::-webkit-scrollbar-track{background:var(--color-bg-elev-1);border-radius:8px}.bp-quests::-webkit-scrollbar-thumb{background:var(--color-primary);border:2px solid var(--color-bg-elev-1);border-radius:8px}.bp-quest{align-items:stretch;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:var(--space-sm)}.bp-quest.is-done{background:linear-gradient(135deg,var(--color-success-soft) 0,var(--color-bg-elev-2) 100%);border-color:var(--color-success)}.bp-quest__icon{align-items:center;background:var(--color-primary-soft);border-radius:50%;color:var(--color-primary-deep);display:inline-flex;flex:none;font-size:22px;height:44px;justify-content:center;width:44px}.bp-quest.is-done .bp-quest__icon{background:var(--color-success);color:#fff}.bp-quest__body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.bp-quest__head{align-items:center;display:flex;gap:6px;justify-content:space-between}.bp-quest__title{color:var(--color-ink);font-weight:800}.bp-quest__stars{align-items:center;color:var(--color-accent-deep);display:inline-flex;font-size:var(--fs-sm);font-weight:800;gap:3px}.bp-quest__desc{color:var(--color-ink-soft);font-size:var(--fs-sm)}.bp-quest__bar{background:var(--color-bg-soft);border-radius:var(--radius-pill);display:block;height:6px;margin-top:4px;overflow:hidden}.bp-quest__bar-fill{background:var(--grad-primary);display:block;height:100%;transition:width var(--dur-base) var(--ease-out-quart)}.bp-quest.is-done .bp-quest__bar-fill{background:var(--grad-success)}.bp-quest__progress{align-items:center;color:var(--color-ink-soft);display:inline-flex;font-size:var(--fs-xs);font-weight:800;gap:4px}.bp-quest.is-done .bp-quest__progress{color:var(--color-success-deep)}.bp-quest.is-claimable{border-color:var(--color-success);box-shadow:0 0 0 2px var(--color-success-soft),0 4px 14px #2ec48d2e}.bp-quest__rewards{align-items:center;display:inline-flex;gap:8px}.bp-quest__bucks{color:var(--color-accent-deep);color:var(--color-warning-deep,var(--color-accent-deep));font-size:var(--fs-sm);gap:3px}.bp-quest__bucks,.bp-quest__claimed{align-items:center;display:inline-flex;font-weight:800}.bp-quest__claimed{color:var(--color-success-deep);font-size:var(--fs-xs);gap:4px;margin-top:4px}.bp-quest .ui-button{align-self:flex-start;margin-top:4px}.challenge-icon{filter:drop-shadow(0 4px 10px rgba(31,26,59,.16));flex:none;transition:filter var(--dur-base)}.challenge-icon.is-done{filter:drop-shadow(0 4px 12px rgba(25,195,125,.45))}.mode-card--xl{align-items:stretch;grid-column:span 1;grid-row:span 1;min-height:200px;padding:0}@media (min-width:560px){.mode-card--xl{grid-column:span 2;grid-row:span 2;min-height:320px}}.bp-card{--mc-bg:linear-gradient(135deg,#0f2a1a,#1f5a3f 40%,#4f2f8a 80%,#8a1f0f);--mc-shadow:#0f2a1a;--mc-fg:#fffdf7;background:var(--mc-bg);border-radius:var(--radius-xl);isolation:isolate;overflow:hidden;position:relative;text-align:left}.bp-card:before{background:radial-gradient(circle at 18% 22%,#ffd86b59,#0000 45%),radial-gradient(circle at 84% 86%,#ff6a2e66,#0000 50%);content:"";inset:0;position:absolute;z-index:0}.bp-card__art{height:100%;inset:0;opacity:.92;pointer-events:none;position:absolute;width:100%;z-index:1}.bp-card__copy{color:#fffdf7;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:flex-end;padding:var(--space-md) var(--space-lg);position:relative;text-shadow:0 2px 12px #0000008c;z-index:2}.bp-card__eyebrow{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf729;border:1px solid #fffdf74d;border-radius:var(--radius-pill);display:inline-flex;font-family:var(--font-body);font-size:10px;font-weight:800;gap:8px;letter-spacing:.18em;padding:4px 10px;text-transform:uppercase}.bp-card__dot{animation:bpCardPulse 1.6s ease-in-out infinite;background:#19c37d;border-radius:50%;box-shadow:0 0 8px #19c37d;height:8px;width:8px}@keyframes bpCardPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.bp-card__title{background:linear-gradient(120deg,#ffd86b,#7fe05b 60%,#fffdf7);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));font-family:var(--font-display);font-size:clamp(28px,4.5vw,44px);font-weight:900;letter-spacing:-.01em;line-height:1.05;margin:0;text-shadow:none}.bp-card__sub{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;margin:0;max-width:32ch;opacity:.95}.bp-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-xs)}.bp-card__pill{align-items:center;background:#0f2a1a99;border:1px solid #ffd86b4d;border-radius:var(--radius-pill);display:inline-flex;font-size:11px;font-weight:800;gap:4px;padding:3px 10px}.bp-card__pill-dot{background:#ffd86b;border-radius:50%;box-shadow:0 0 6px #ffd86b;height:6px;width:6px}.bp-card__pill--prem{background:linear-gradient(90deg,#ffd86b,#ff6a2e);border-color:#00000040;color:#1f1a2a}.bp-card__bar{background:#fffdf72e;border-radius:var(--radius-pill);height:8px;margin-top:6px;max-width:360px;overflow:hidden;width:100%}.bp-card__bar-fill{background:linear-gradient(90deg,#ffd86b,#ff6a2e 50%,#19c37d);box-shadow:0 0 12px #ffd86b80;height:100%;transition:width var(--dur-base) var(--ease-out-quart)}.bp-card__cta{align-items:center;align-self:flex-start;background:linear-gradient(90deg,#ff6a2e,#ffd86b);border-radius:var(--radius-pill);box-shadow:0 4px 0 #8a1f0f;color:#1f1a2a;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:900;gap:6px;margin-top:8px;padding:6px 14px;text-shadow:none;transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.bp-card:hover .bp-card__cta{box-shadow:0 5px 0 #8a1f0f;transform:translateY(-1px)}@media (max-width:720px){.bp-col{flex-basis:112px;grid-template-rows:148px 48px 148px}.bp-col--capstone{flex-basis:128px}.bp-node{font-size:var(--fs-xs);height:36px;width:36px}.bp-node.is-capstone{font-size:var(--fs-sm);height:44px;width:44px}.bp-tile{border-radius:12px;margin:0 4px;padding:8px 6px 6px}.bp-tile__name{font-size:10px;min-height:24px}.bp-tile__action .ui-button{font-size:10px;padding:3px 10px}}@media (max-width:480px){.bp-col{flex-basis:96px;grid-template-rows:132px 44px 132px}.bp-col--capstone{flex-basis:110px}.bp-tile__bucksNum{font-size:var(--fs-sm)}.bp-card__copy{padding:var(--space-md)}.bp-card__title{font-size:clamp(24px,8vw,36px)}}@media (prefers-reduced-motion:reduce){.bp-node.is-current,.bp-tile.is-ready{animation:none}}.friend-row--playing{background:color-mix(in srgb,#19a36b 6%,var(--color-bg-elev-2));background:color-mix(in srgb,var(--color-success-deep,#19a36b) 6%,var(--color-bg-elev-2));border-color:color-mix(in srgb,var(--color-success-deep,#19a36b) 40%,var(--color-border))}.friend-presence-tag{align-items:center;background:color-mix(in srgb,#19a36b 14%,#0000);background:color-mix(in srgb,var(--color-success-deep,#19a36b) 14%,#0000);border-radius:999px;color:#1f8a4f;color:var(--color-success-deep,#1f8a4f);display:inline-flex;font-size:.78rem;font-weight:600;gap:4px;letter-spacing:.02em;padding:2px 8px;text-transform:uppercase}.friend-presence-tag .material-symbols-rounded{animation:presence-pulse 1.8s ease-in-out infinite;color:#19a36b;color:var(--color-success-deep,#19a36b);font-size:9px}@keyframes presence-pulse{0%,to{opacity:1}50%{opacity:.35}}.spectators-badge{align-items:center;display:inline-flex;margin-left:auto}.spectators-badge-button{align-items:center;background:color-mix(in srgb,#3f6ff6 12%,#0000);background:color-mix(in srgb,var(--color-info,#3f6ff6) 12%,#0000);border:1px solid color-mix(in srgb,#3f6ff6 30%,#0000);border:1px solid color-mix(in srgb,var(--color-info,#3f6ff6) 30%,#0000);border-radius:999px;color:#2c4fd0;color:var(--color-info-deep,#2c4fd0);cursor:pointer;display:inline-flex;font-weight:600;gap:4px;padding:4px 10px;transition:transform .12s ease,background .12s ease}.spectators-badge-button:hover{background:color-mix(in srgb,#3f6ff6 20%,#0000);background:color-mix(in srgb,var(--color-info,#3f6ff6) 20%,#0000);transform:translateY(-1px)}.spectators-badge-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800}.spectators-badge-eye{align-items:center;display:inline-flex;justify-content:center;position:relative}.spectators-badge-pulse{animation:spectators-badge-ping 1.6s ease-out infinite;animation:spectators-badge-ping 1.6s var(--ease-out-quart,ease-out) infinite;border:2px solid color-mix(in srgb,#3f6ff6 60%,#0000);border:2px solid color-mix(in srgb,var(--color-info,#3f6ff6) 60%,#0000);border-radius:999px;inset:-4px;pointer-events:none;position:absolute}@keyframes spectators-badge-ping{0%{opacity:.9;transform:scale(.65)}70%{opacity:0}to{opacity:0;transform:scale(1.7)}}.spectators-badge-label{font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}@media (max-width:480px){.spectators-badge-label{display:none}.spectators-badge-reactions{max-width:min(320px,88vw)}.spectators-badge-reaction{padding:7px 11px 7px 7px}}.spectators-badge-popover{background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:6px;min-width:180px;padding:10px 12px;position:absolute;right:0;top:calc(100% + 6px);z-index:10}.spectators-badge-row{align-items:center;color:#1f1a3b;color:var(--color-ink,#1f1a3b);display:inline-flex;font-size:.85rem;gap:8px}.spectators-badge-rowname{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectators-badge-kick{align-items:center;background:#0000;border:0;border-radius:6px;color:#e5414c;color:var(--color-danger,#e5414c);cursor:pointer;display:inline-flex;padding:2px 4px;transition:background .12s ease}.spectators-badge-kick:focus-visible,.spectators-badge-kick:hover{background:color-mix(in srgb,#e5414c 14%,#0000);background:color-mix(in srgb,var(--color-danger,#e5414c) 14%,#0000)}.spectators-badge-reactions{align-items:flex-end;display:flex;flex-direction:column;gap:6px;max-width:min(260px,80vw);pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);z-index:60}.spectators-badge{position:relative;z-index:60}.spectators-badge-reaction{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-lg);display:inline-flex;gap:8px;max-width:100%;padding:6px 10px 6px 6px}.spectators-badge-reaction__body{align-items:flex-start;display:inline-flex;flex-direction:column;gap:2px;min-width:0}.spectators-badge-bubble{word-wrap:break-word;color:var(--color-ink);font-size:.85rem;font-weight:700;line-height:1.25;max-width:180px}.spectators-badge-reaction.is-emote .spectators-badge-reaction__body{align-items:center}.spectators-badge-from{color:var(--color-ink-soft);font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.spectator-screen{gap:var(--space-md);position:relative;transition:box-shadow .2s ease}.spectator-screen--correct{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success-deep) 55%,#0000),var(--shadow-md)}.spectator-screen--wrong{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger-deep) 55%,#0000),var(--shadow-md)}.spectator-verdict-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.85rem;font-weight:800;gap:4px;margin-left:auto;padding:4px 10px}.spectator-verdict-pill.is-correct{background:color-mix(in srgb,var(--color-success) 18%,#0000);color:var(--color-success-deep)}.spectator-verdict-pill.is-wrong{background:color-mix(in srgb,var(--color-danger) 18%,#0000);color:var(--color-danger-deep)}.spectator-watching-pill{align-items:center;background:color-mix(in srgb,var(--color-info) 14%,#0000);border-radius:999px;color:var(--color-info-deep);display:inline-flex;font-weight:600;gap:6px;max-width:60vw;overflow:hidden;padding:4px 12px}.spectator-watching-pill__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectator-live-tag{align-items:center;background:color-mix(in srgb,#e5414c 16%,#0000);background:color-mix(in srgb,var(--color-danger,#e5414c) 16%,#0000);border-radius:999px;color:#c0303a;color:var(--color-danger-deep,#c0303a);display:inline-flex;font-size:.78rem;font-weight:800;gap:6px;letter-spacing:.06em;padding:4px 12px}.spectator-live-tag__dot{animation:presence-pulse 1.4s ease-in-out infinite;background:#e5414c;background:var(--color-danger,#e5414c);border-radius:50%;height:8px;width:8px}[data-theme=dark] .spectator-live-tag{color:#ff6b74;color:var(--color-danger,#ff6b74)}.spectator-main{flex-direction:column;gap:var(--space-sm)}.spectator-hero,.spectator-main{align-items:center;display:flex;width:100%}.spectator-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 13%,var(--color-bg-elev-1)),var(--color-bg-elev-1));border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--space-md);max-width:460px;padding:var(--space-md)}.spectator-hero__avatar{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.spectator-hero__info{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-width:0}.spectator-hero__name{color:var(--color-ink);font-size:clamp(1.1rem,4.5vw,1.4rem);font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectator-hero__stats{align-items:stretch;display:flex;flex-wrap:wrap;gap:8px}.spectator-stat{align-items:center;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:12px;display:inline-flex;flex-direction:column;min-width:58px;padding:6px 12px}.spectator-stat .material-symbols-rounded{font-size:18px}.spectator-stat--score .material-symbols-rounded{color:var(--color-primary)}.spectator-stat--streak .material-symbols-rounded{color:#f5a524;color:var(--color-accent,#f5a524)}.spectator-stat--best .material-symbols-rounded{color:#19a36b;color:var(--color-success-deep,#19a36b)}.spectator-stat__value{font-feature-settings:"tnum";color:var(--color-ink);font-size:1.15rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.spectator-stat__label{color:var(--color-ink-soft);font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.spectator-stage{background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-sm);max-width:460px;padding:var(--space-md);width:100%}.spectator-mascot-wrap,.spectator-stage{align-items:center;display:flex;flex-direction:column}.spectator-mascot-wrap{gap:4px}.spectator-mode-pill{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:999px;color:var(--color-ink-soft);font-size:.85rem;font-weight:600;gap:4px;padding:3px 10px}.spectator-mode-pill,.spectator-stats{align-items:center;display:inline-flex}.spectator-stats{flex-wrap:wrap;gap:8px;justify-content:center}.spectator-prompt{align-items:center;display:flex;flex-direction:column;gap:4px}.spectator-prompt-label{color:var(--color-ink-soft);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.spectator-prompt-flag{border-radius:8px;box-shadow:var(--shadow-md);height:auto;width:clamp(120px,36vw,160px)}.spectator-prompt-country{color:var(--color-ink);font-size:clamp(1.1rem,3.6vw,1.4rem);font-weight:700;max-width:90vw;text-align:center}.spectator-outcome-banner{align-items:center;border:1.5px solid #0000;border-radius:14px;box-shadow:var(--shadow-md);display:inline-flex;font-weight:700;gap:8px;padding:8px 16px}.spectator-outcome-banner .material-symbols-rounded{font-size:22px}.spectator-outcome-banner__title{font-size:1rem}.spectator-outcome-banner__sub{border-left:1px solid;font-size:.82rem;font-weight:600;margin-left:4px;opacity:.8;padding-left:8px}.spectator-outcome-banner.is-won{background:color-mix(in srgb,var(--color-success) 18%,var(--color-bg-elev-1));border-color:color-mix(in srgb,var(--color-success) 45%,#0000);color:var(--color-success-deep)}.spectator-outcome-banner.is-lost{background:color-mix(in srgb,var(--color-danger) 16%,var(--color-bg-elev-1));border-color:color-mix(in srgb,var(--color-danger) 45%,#0000);color:var(--color-danger-deep)}.spectator-outcome-banner.is-done{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-bg-elev-1));border-color:color-mix(in srgb,var(--color-primary) 40%,#0000);color:var(--color-primary-deep)}[data-theme=dark] .spectator-outcome-banner.is-won{color:var(--color-success)}[data-theme=dark] .spectator-outcome-banner.is-lost{color:var(--color-danger)}[data-theme=dark] .spectator-outcome-banner.is-done{color:var(--color-primary)}.spectator-options{align-items:center;display:flex;flex-direction:column;gap:6px;margin-top:4px;max-width:420px;width:100%}.spectator-options__label{align-items:center;color:var(--color-ink-soft);display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;letter-spacing:.04em;text-transform:uppercase}.spectator-options__grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.spectator-option-chip{align-items:center;background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:10px;color:var(--color-ink);display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;min-width:0;padding:6px 10px}.spectator-option-chip__letter{align-items:center;background:color-mix(in srgb,var(--color-primary) 18%,#0000);border-radius:6px;color:var(--color-primary-deep);display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:800;height:22px;justify-content:center;width:22px}[data-theme=dark] .spectator-option-chip__letter{color:var(--color-primary)}.spectator-option-chip__text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectator-watchers-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.spectator-mini-watcher{align-items:center;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:999px;display:inline-flex;gap:4px;padding:2px 8px 2px 2px}.spectator-mini-name{color:var(--color-ink);font-size:.78rem;font-weight:600}.spectator-tray-wrap{align-items:center;border-top:1px dashed var(--color-border);display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:4px;width:100%}.spectator-reaction-tray{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.spectator-react-btn{align-items:center;background:var(--color-bg-elev-1);border:1.5px solid var(--color-primary);border-radius:999px;color:var(--color-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 16px;transition:transform .12s ease,background .12s ease}.spectator-react-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 10%,#0000);transform:translateY(-1px)}.spectator-react-btn.is-open{background:color-mix(in srgb,var(--color-primary) 16%,#0000)}.spectator-react-btn:disabled{cursor:wait;opacity:.55}.spectator-react-btn__text{font-size:.9rem}.spectator-phrases-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:420px;width:100%}.spectator-phrase-chip{background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:12px;color:var(--color-ink);cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 10px;transition:transform .12s ease,background .12s ease}.spectator-phrase-chip:hover:not(:disabled){background:var(--color-bg-soft);transform:translateY(-1px)}.spectator-phrase-chip:disabled{cursor:wait;opacity:.5}.spectator-reactions-stage{align-items:center;display:flex;flex-direction:column;gap:6px;left:50%;pointer-events:none;position:absolute;top:56px;transform:translateX(-50%);width:min(92%,420px);z-index:6}.spectator-reaction-float{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-lg);display:inline-flex;gap:8px;max-width:100%;padding:6px 12px 6px 8px;pointer-events:auto}.spectator-reaction-float.is-message{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.spectator-reaction-body{align-items:flex-start;display:flex;flex-direction:column;gap:2px;min-width:0}.spectator-reaction-name{color:var(--color-ink-soft);font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.spectator-reaction-bubble{word-wrap:break-word;color:var(--color-ink);font-size:.92rem;font-weight:700;line-height:1.25;max-width:100%}.spectator-emote-slot{align-items:center;background:var(--color-bg-elev-1);border:1.5px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));border-radius:12px;color:var(--color-ink);cursor:pointer;display:inline-flex;flex-direction:column;gap:2px;min-width:64px;padding:6px 8px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.spectator-emote-slot:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-elev-1));box-shadow:var(--shadow-md);transform:translateY(-1px)}.spectator-emote-slot:disabled{cursor:not-allowed;opacity:.65}.spectator-emote-slot.is-empty{background:var(--color-bg-soft);border-style:dashed;opacity:.55}.spectator-emote-slot__empty{align-items:center;color:var(--color-ink-soft);display:inline-flex;height:40px;justify-content:center;width:40px}.spectator-emote-slot__name{color:var(--color-ink-soft);font-size:.65rem;font-weight:700;letter-spacing:.03em;max-width:60px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}@media (max-width:540px){.spectator-screen{gap:var(--space-sm)}.spectator-watching-pill{font-size:.85rem;max-width:50vw;padding:3px 10px}.spectator-hero{gap:var(--space-sm)}.spectator-hero,.spectator-stage{padding:var(--space-sm)}.spectator-stat{min-width:50px;padding:5px 9px}.spectator-stat__value{font-size:1.05rem}.spectator-mode-pill{font-size:.78rem;padding:2px 8px}.spectator-prompt-flag{width:clamp(110px,32vw,140px)}.spectator-options__grid{grid-template-columns:1fr}.spectator-options__grid .spectator-option-chip{font-size:.82rem;padding:5px 8px}.spectator-reaction-tray{gap:6px}.spectator-emote-slot{min-width:54px;padding:4px 6px}.spectator-emote-slot__name{display:none}.spectator-react-btn{padding:6px 12px}.spectator-phrases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spectator-reactions-stage{top:48px;width:94%}.spectator-reaction-float{padding:4px 10px 4px 6px}.spectator-outcome-banner{flex-wrap:wrap;justify-content:center;padding:6px 12px;text-align:center}.spectator-outcome-banner__sub{border-left:0;margin-left:0;padding-left:0}}.emote-loadout-strip{background:color-mix(in srgb,#3f6ff6 8%,#0000);background:color-mix(in srgb,var(--color-primary,#3f6ff6) 8%,#0000);border:1px solid color-mix(in srgb,#3f6ff6 22%,#0000);border:1px solid color-mix(in srgb,var(--color-primary,#3f6ff6) 22%,#0000);border-radius:14px;display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px 12px}.emote-loadout-strip__label{align-items:center;color:#2c4fd0;color:var(--color-primary-deep,#2c4fd0);display:inline-flex;font-size:.78rem;font-weight:700;gap:4px;letter-spacing:.04em;text-transform:uppercase}.emote-loadout-strip__slots{display:flex;flex-wrap:wrap;gap:8px}.emote-loadout-slot{align-items:center;background:var(--color-bg-elev-1);border:1.5px solid color-mix(in srgb,var(--color-primary) 30%,#0000);border-radius:12px;color:var(--color-ink-soft);cursor:pointer;display:inline-flex;height:56px;justify-content:center;transition:transform .12s ease,box-shadow .12s ease;width:56px}.emote-loadout-slot:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.emote-loadout-slot.is-empty{background:var(--color-bg-soft);border-style:dashed;cursor:not-allowed}.ab-chip:focus-visible,.account-chip:focus-visible,.ach-feature:focus-visible,.auth-link:focus-visible,.auth-tab:focus-visible,.bell-button:focus-visible,.choice-card:focus-visible,.grid-button:focus-visible,.icon-button:focus-visible,.lb-filter__btn:focus-visible,.leaderboard-row.is-clickable:focus-visible,.mode-card:focus-visible,.player-search__result:focus-visible,.pw-toggle:focus-visible,.reward-tile:focus-visible,.rt-art:focus-visible,.scope-tab:focus-visible,.topbar__home:focus-visible{box-shadow:none;outline:3px solid var(--color-primary);outline-offset:2px}.player-search__result:focus-visible{background:var(--color-bg-elev-1)}.ach-feature,.bell-button,.icon-button,.pw-toggle{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}.section-heading{color:var(--color-ink);font-weight:800}.bp-tile.is-locked,.bp-tile.is-pass-locked{opacity:.72}.topbar__home{align-items:center;background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-ink-soft);display:inline-flex;justify-content:center;margin-right:auto;min-height:44px;min-width:44px;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) ease}.topbar__home:hover{background:var(--color-primary-soft);color:var(--color-primary);transform:translateY(-1px)}.topbar__home .app-icon{font-size:1.4em}.account-chip__caret{color:var(--color-ink-muted);font-size:1.1em;margin-left:2px}.stats-empty{align-items:center;color:var(--color-ink-soft);display:flex;flex-direction:column;gap:var(--space-md);max-width:380px;padding:var(--space-3xl) var(--space-xl);text-align:center}.stats-empty .app-icon{color:var(--color-primary);font-size:3rem;opacity:.7}.tour-root{inset:0;position:fixed;z-index:var(--z-tutorial)}.tour-blocker,.tour-scrim{inset:0;pointer-events:auto;position:fixed}.tour-scrim{align-items:center;display:flex;justify-content:center;overflow-y:auto;padding:clamp(16px,4vw,32px)}.tour-scrim--card{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0000008c}.tour-scrim--stage{background:var(--color-bg)}.tour-scrim--dim{background:#0009;inset:0;pointer-events:none;position:fixed}.tour-card{background:var(--color-bg-elev-1);border:1px solid var(--color-bg-elev-2);border-radius:24px;box-shadow:0 24px 60px #0006;padding:28px 24px 22px;text-align:center;width:min(420px,100%)}.tour-card__mascot{display:flex;justify-content:center;margin-bottom:6px}.tour-card__icon{align-items:center;background:var(--color-primary-soft);border-radius:50%;color:var(--color-primary-deep);display:inline-flex;height:36px;justify-content:center;margin-bottom:10px;width:36px}.tour-card__title{color:var(--color-ink);font-size:1.3rem;margin:0 0 8px}.tour-card__body{color:var(--color-ink-soft);line-height:1.5;margin:0}.tour-stage{align-items:center;display:flex;flex-direction:column;gap:16px;margin:auto;width:min(480px,100%)}.tour-badge{align-items:center;background:var(--color-primary-soft);border-radius:999px;color:var(--color-primary-deep);display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 14px}.tour-quiz{margin:0;width:100%}.tour-hint{display:flex;justify-content:center;min-height:28px}.tour-hint__text{align-items:center;color:var(--color-ink-soft);display:inline-flex;font-size:.9rem;gap:6px}.tour-hint__text strong,.tour-hint__toggle{color:var(--color-primary-deep)}.tour-hint__toggle{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;font-size:.9rem;font-weight:600;gap:6px;padding:4px 8px}.tour-hint__toggle:hover{background:var(--color-primary-soft)}.tour-hint-target{animation:tour-pulse 1.5s ease-in-out infinite;border-radius:18px}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 3px var(--color-primary),0 0 0 0 rgba(var(--color-primary-rgb),.45)}50%{box-shadow:0 0 0 3px var(--color-primary),0 0 0 9px rgba(var(--color-primary-rgb),0)}}.tour-spotlight{border-radius:16px;box-shadow:0 0 0 9999px #0000009e,0 0 0 3px var(--color-primary),0 0 22px 4px rgba(var(--color-primary-rgb),.55);pointer-events:none;position:fixed;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour-tooltip{background:var(--color-bg-elev-1);border:1px solid var(--color-bg-elev-2);border-radius:18px;box-shadow:0 18px 48px #0000006b;padding:16px 18px;pointer-events:auto;position:fixed}.tour-tooltip__icon{align-items:center;background:var(--color-primary-soft);border-radius:50%;color:var(--color-primary-deep);display:inline-flex;height:32px;justify-content:center;margin-bottom:8px;width:32px}.tour-tooltip__title{color:var(--color-ink);font-size:1.05rem;margin:0 0 4px}.tour-tooltip__body{color:var(--color-ink-soft);font-size:.9rem;line-height:1.45;margin:0}.tour-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.tour-controls--compact{gap:8px;margin-top:14px}.tour-skip{background:none;border:none;color:var(--color-ink-muted);cursor:pointer;font:inherit;font-size:.85rem;padding:4px 2px;text-decoration:underline}.tour-skip:hover{color:var(--color-ink-soft)}.tour-dots{align-items:center;display:flex;gap:6px}.tour-dot{background:var(--color-ink-muted);border-radius:50%;height:7px;opacity:.35;transition:opacity .2s ease,transform .2s ease,background .2s ease;width:7px}.tour-dot.is-done{opacity:.7}.tour-dot.is-active{background:var(--color-primary);opacity:1;transform:scale(1.35)}.tour-nav{align-items:center;display:flex;gap:8px;margin-left:auto}.tour-btn{border:none;border-radius:12px;cursor:pointer;font:inherit;font-size:.9rem;font-weight:600;padding:8px 16px}.tour-btn--ghost{background:var(--color-bg-soft);color:var(--color-ink-soft)}.tour-btn--ghost:hover{color:var(--color-ink)}.tour-btn--primary{background:var(--color-primary);color:#fff}.tour-btn--primary:hover{background:var(--color-primary-deep)}.tour-btn:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.tour-hint-target{animation:none;box-shadow:0 0 0 3px var(--color-primary)}.tour-spotlight{transition:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{animation:shimmer 1.6s linear infinite;background:linear-gradient(90deg,var(--color-bg-soft) 0,var(--color-bg-elev-1) 50%,var(--color-bg-soft) 100%);background-size:200% 100%}@keyframes ambient-pulse{0%,to{opacity:1}50%{opacity:.6}}.ambient-pulse{animation:ambient-pulse 2.4s ease-in-out infinite}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-y{animation:float-y 4s ease-in-out infinite}@keyframes spin-slow{to{transform:rotate(1turn)}}.spin-slow{animation:spin-slow 24s linear infinite}
/*# sourceMappingURL=main.fc292138.css.map*/