:root{--bg:#06060c;--surface:#0e0e1a;--surface-var:#14142a;--glass:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.06);--outline:#1e1e30;--ai:#7b6fff;--ai-dim:#4f46e5;--human:#00f0a8;--human-dim:#00c9e0;--correct:#00f0a8;--wrong:#ff3d71;--gold:#f5c542;--text:#eef;--text2:#77a;--font-display:"Orbitron",monospace;--font-mono:"Space Mono",monospace;--font-body:"DM Sans",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body:before{background:radial-gradient(circle at 50% 0,rgba(123,111,255,.07) 0,transparent 50%),radial-gradient(circle at 80% 90%,rgba(0,240,168,.04) 0,transparent 40%),repeating-linear-gradient(0deg,transparent,transparent 39px,hsla(0,0%,100%,.012) 0,hsla(0,0%,100%,.012) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,hsla(0,0%,100%,.012) 0,hsla(0,0%,100%,.012) 40px);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.page{display:flex;flex-direction:column;margin:0 auto;max-width:520px;min-height:100dvh;padding:20px;position:relative;z-index:1}@media(min-width:768px){body{align-items:center;display:flex;justify-content:center;min-height:100vh}.page{background:var(--surface);border:1px solid var(--outline);border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 100px #7b6fff0f;margin:32px auto;max-height:92vh;max-width:440px;min-height:auto;overflow-y:auto;padding:28px;width:100%}.page::-webkit-scrollbar{width:4px}.page::-webkit-scrollbar-track{background:transparent}.page::-webkit-scrollbar-thumb{background:var(--outline);border-radius:2px}}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:14px}.card,.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px}.card{padding:16px}.btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;font-weight:800;gap:8px;justify-content:center;letter-spacing:.5px;padding:14px 20px;transition:transform .12s,box-shadow .25s;width:100%}.btn:active{transform:scale(.97)}.btn-ai{background:linear-gradient(135deg,var(--ai),var(--ai-dim));box-shadow:0 0 20px #7b6fff33;color:#fff}.btn-ai:hover{box-shadow:0 0 30px #7b6fff59;transform:translateY(-1px)}.btn-human{background:linear-gradient(135deg,var(--human),var(--human-dim));box-shadow:0 0 20px #00f0a826;color:#000}.btn-human:hover{box-shadow:0 0 30px #00f0a84d;transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--gold),#ffb800);box-shadow:0 0 20px #f5c54226;color:#000}.btn-gold:hover{box-shadow:0 0 30px #f5c5424d;transform:translateY(-1px)}.btn-outline{background:var(--glass);border:1px solid var(--outline);color:var(--text)}.btn-outline:hover{border-color:var(--ai);box-shadow:0 0 15px #7b6fff1a}.chip{background:var(--glass);border:1px solid var(--outline);border-radius:20px;color:var(--text2);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;padding:7px 14px;transition:all .15s}.chip.active{background:var(--ai);color:#fff}.chip.active,.chip:hover{border-color:var(--ai)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes staggerIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation:staggerIn .4s ease forwards;opacity:0}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:.04s}.stagger>:nth-child(3){animation-delay:.08s}.stagger>:nth-child(4){animation-delay:.12s}.stagger>:nth-child(5){animation-delay:.16s}.stagger>:nth-child(6){animation-delay:.2s}.stagger>:nth-child(7){animation-delay:.24s}.stagger>:nth-child(8){animation-delay:.28s}.stagger>:nth-child(9){animation-delay:.32s}@keyframes pulse{0%,to{box-shadow:0 0 20px #f5c54226}50%{box-shadow:0 0 40px #f5c5424d}}@keyframes xpFill{0%{width:0}}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}