:root{--bg: #1c1408;--bg2: #2b1d00;--panel: #33240a;--panel2: #3d2c0e;--line: #8a6a1f;--line-bright: #ffb703;--text: #fff7e0;--muted: #d9b86b;--gold: #ffd60a;--ember: #ff9f1c;--danger: #ff5400;--good: #3ddc84;--verbal: #ffd60a;--quant: #ffb703;--nonverbal: #ff9f1c;--ink: #120c04;--font-display: "Bangers", "Impact", system-ui, sans-serif;--font-body: "Nunito", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:repeating-linear-gradient(-45deg,rgba(255,183,3,.05) 0px,rgba(255,183,3,.05) 2px,transparent 2px,transparent 22px),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);background-attachment:fixed;min-height:100vh;color:var(--text);font-family:var(--font-body);font-weight:600}.app{max-width:880px;margin:0 auto;padding:20px 16px 60px}h1,h2,h3{margin:0 0 8px;font-family:var(--font-display);font-weight:400;letter-spacing:1.5px;text-transform:uppercase}h1{font-size:clamp(26px,7vw,34px)}h2{font-size:clamp(21px,6vw,26px);text-shadow:2px 2px 0 var(--ink)}.label{font-size:12px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-family:var(--font-display)}.muted{color:var(--muted);font-size:12px}.panel{background:var(--panel);border:3px solid var(--line);border-radius:14px;padding:16px;box-shadow:4px 4px 0 var(--ink)}.btn{display:inline-block;background:var(--ember);color:#2b1500;font-family:var(--font-display);font-weight:400;font-size:18px;border:3px solid var(--line-bright);border-radius:10px;padding:9px 20px;min-height:44px;cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);transition:box-shadow .12s ease,filter .12s ease,transform .1s ease}.btn:hover{filter:brightness(1.08);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:4px 4px 0 var(--ink);transform:none}.btn.danger{background:var(--danger);color:#fff}.btn.ghost{background:var(--panel2);color:var(--text)}.btn.ghost:hover{color:var(--gold)}.hero-banner{position:relative;display:flex;align-items:center;gap:18px;background:radial-gradient(rgba(255,183,3,.18) 1.4px,transparent 1.6px) 0 0 / 12px 12px,linear-gradient(100deg,#3a1d00 0%,var(--panel) 45%,#5a3a00 100%);border:3px solid var(--line-bright);border-radius:14px;padding:18px;margin-bottom:20px;box-shadow:4px 4px 0 var(--ink),0 0 22px #ffb70359;overflow:hidden}.avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#5a3a00,var(--ember));display:flex;align-items:center;justify-content:center;font-size:38px;border:3px solid var(--gold);box-shadow:0 0 18px #ffd60a80;flex-shrink:0;cursor:pointer;overflow:hidden}.avatar svg{width:100%;height:100%}.hero-bar{flex:1;min-width:0}.hero-name{font-family:var(--font-display);font-weight:400;font-size:clamp(20px,5.5vw,26px);letter-spacing:1px}.hero-rank{color:var(--gold);font-size:18px;font-family:var(--font-display);letter-spacing:1px}.xpbar{background:#1a1206;border-radius:8px;height:14px;overflow:hidden;border:1px solid var(--line);margin-top:8px}.xpbar>div{height:100%;background:linear-gradient(90deg,#ff5400,#ffd60a);box-shadow:0 0 10px #ffb40099;transition:width .6s ease}.streak-chip{text-align:center;background:#1a1206;border:1px solid var(--danger);border-radius:12px;padding:10px 16px}.streak-chip b{display:block;font-size:18px;color:var(--danger)}.grounds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}@media(max-width:700px){.grounds{grid-template-columns:1fr}}.ground{background:var(--panel);border:3px solid var(--line);border-radius:12px;padding:14px;box-shadow:4px 4px 0 var(--ink)}.ground-art{display:flex;align-items:center;gap:8px}.ground-art svg{width:48px;height:48px}.ground .title{font-family:var(--font-display);font-weight:400;font-size:17px;margin:6px 0 2px;letter-spacing:.8px;text-transform:uppercase}.ground.verbal .title{color:var(--verbal)}.ground.quant .title{color:var(--quant)}.ground.nonverbal .title{color:var(--nonverbal)}.subtest-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:7px 0;border-top:1px solid var(--line);cursor:pointer;background:none;border-left:none;border-right:none;border-bottom:none;color:var(--text);width:100%;text-align:left}.subtest-row:hover{color:var(--gold)}.stars{color:var(--gold);letter-spacing:2px}.battle-head{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:10px}.question-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:20px;text-align:center;margin:12px 0;font-size:17px;font-weight:700}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:600px){.choices{grid-template-columns:1fr}}.choice{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px;min-height:44px;font-size:14px;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:10px}.choice:hover{border-color:var(--gold)}.choice .letter{font-weight:900;color:var(--muted)}.choice.picked-wrong{background:#3a1404;border-color:var(--danger)}.choice.actual-right{background:#0d2a16;border-color:var(--good)}.hit-banner{text-align:center;font-family:var(--font-display);font-weight:400;font-size:30px;letter-spacing:2px;margin:12px 0;text-transform:uppercase;transform:skew(-4deg);animation:pop-in .28s cubic-bezier(.2,1.4,.5,1) both}.hit-banner.good{color:var(--gold);text-shadow:3px 3px 0 var(--ember),5px 5px 0 var(--ink),0 0 14px rgba(255,214,10,.55)}.hit-banner.bad{color:var(--danger);text-shadow:3px 3px 0 var(--ink),0 0 12px rgba(255,84,0,.55)}.scroll-pane{background:var(--panel2);border-left:6px solid var(--gold);border-radius:8px;padding:16px;margin-top:12px}.lesson-head{display:flex;align-items:center;gap:10px}.lesson-head svg{width:44px;height:44px;flex-shrink:0}.scroll-pane h4{color:var(--gold);font-family:var(--font-display);font-size:16px;letter-spacing:1.5px;margin:0 0 8px}.scroll-pane p{font-size:14px;line-height:1.7;margin:0 0 10px}.scroll-pane .tip{color:var(--muted)}.boss-card{background:linear-gradient(90deg,#4a1500,var(--panel));border:3px solid var(--line-bright);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:12px;box-shadow:4px 4px 0 var(--ink)}.boss-card svg{width:56px;height:56px}.timer{font-weight:900;font-size:20px;color:var(--gold);font-variant-numeric:tabular-nums}.timer.low{color:var(--danger)}.rating{font-weight:900;font-size:28px}.rating.S{color:var(--gold)}.rating.A{color:var(--good)}.rating.B{color:var(--verbal)}.rating.C{color:var(--muted)}.rating.D{color:var(--danger)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.badge{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center}.badge.locked{opacity:.3}.badge .emoji{font-size:26px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10;padding:16px}.modal{background:var(--panel);border:1px solid var(--gold);border-radius:16px;padding:28px;text-align:center;max-width:380px;width:100%}.figure{color:var(--text);max-width:100%;height:auto}.hearts{letter-spacing:2px}.badge .name{font-family:var(--font-display);font-size:15px;letter-spacing:.5px}.results-art{display:flex;justify-content:center;margin-bottom:6px}.results-art svg{width:110px;height:110px}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:skew(-4deg) scale(.6)}70%{transform:skew(-4deg) scale(1.12)}to{opacity:1;transform:skew(-4deg) scale(1)}}.reveal{animation:reveal-up .5s ease both}.reveal-1{animation:reveal-up .5s ease both;animation-delay:.05s}.reveal-2{animation:reveal-up .5s ease both;animation-delay:.18s}.reveal-3{animation:reveal-up .5s ease both;animation-delay:.31s}@media(prefers-reduced-motion:reduce){*,.reveal,.reveal-1,.reveal-2,.reveal-3,.hit-banner{animation:none!important;transition:none!important}.btn:hover{transform:none}}.hub-actions{display:flex;gap:10px;flex-wrap:wrap}@media(hover:none),(pointer:coarse){.subtest-row{min-height:44px;padding:11px 0}}@media(max-width:600px){.battle-head{flex-wrap:wrap;gap:4px 12px}.question-card{padding:16px;font-size:16px}}@media(max-width:480px){.app{padding:16px 14px 48px}.hero-banner{flex-wrap:wrap;gap:12px;padding:14px}.avatar{width:60px;height:60px;font-size:30px}.streak-chip{flex:1;min-width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px}.streak-chip b{display:inline}.hub-actions .btn{flex:1 1 100%}.boss-card{flex-wrap:wrap}.boss-card .btn{flex:1 1 100%}.question-card{padding:14px;font-size:15px}.subtest-row{min-height:44px;padding:11px 0}}@media(max-width:600px){.battle-head.boss-head{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,var(--bg) 70%,transparent);padding:8px 0 6px;margin:-8px 0 10px}}