:root{--bg-dark: #060911;--bg-card: rgba(15, 23, 42, .75);--border-glass: rgba(255, 255, 255, .1);--border-glass-bright: rgba(255, 255, 255, .25);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .4);--accent-crimson: #ef4444;--accent-crimson-glow: rgba(239, 68, 68, .4);--accent-amber: #f59e0b;--accent-cyan: #06b6d4;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{overscroll-behavior:none;height:100%}body{background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(16,185,129,.15) 0px,transparent 45%),radial-gradient(at 100% 0%,rgba(6,182,212,.15) 0px,transparent 45%),radial-gradient(at 50% 100%,rgba(239,68,68,.1) 0px,transparent 50%);color:var(--text-main);font-family:var(--font-body);min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}@keyframes screenShake{0%{transform:translate(0) rotate(0)}15%{transform:translate(-8px,6px) rotate(-1deg)}30%{transform:translate(8px,-6px) rotate(1deg)}45%{transform:translate(-6px,-4px) rotate(-.5deg)}60%{transform:translate(6px,4px) rotate(.5deg)}75%{transform:translate(-3px,2px) rotate(0)}to{transform:translate(0) rotate(0)}}.shake-effect{animation:screenShake .45s ease-in-out}@keyframes flashGreenBurst{0%{box-shadow:inset 0 0 100px #10b98199}to{box-shadow:inset 0 0 0 transparent}}@keyframes flashRedBurst{0%{box-shadow:inset 0 0 100px #ef4444b3}to{box-shadow:inset 0 0 0 transparent}}.flash-correct{animation:flashGreenBurst .5s ease-out}.flash-wrong{animation:flashRedBurst .6s ease-out}@keyframes floatReward{0%{opacity:0;transform:translateY(0) scale(.6)}30%{opacity:1;transform:translateY(-20px) scale(1.4)}to{opacity:0;transform:translateY(-60px) scale(1)}}.floating-reward{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);color:#10b981;font-family:var(--font-heading);font-weight:900;font-size:2.5rem;text-shadow:0 0 20px rgba(16,185,129,.8);pointer-events:none;z-index:60;animation:floatReward .8s ease-out forwards}*{scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.35) rgba(10,15,30,.4)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0f1e80;border-radius:9999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#06b6d480,#38bdf84d);border-radius:9999px;border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#06b6d4,#38bdf8);box-shadow:0 0 10px #06b6d499}