*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0120;--bg2: #1a0533;--bg3: #2a0850;--accent: #a855f7;--accent2: #7c3aed;--gold: #fbbf24;--green: #22c55e;--red: #ef4444;--text: #f0e6ff;--muted: #9d8ab8;--card: #1e0840;--border: rgba(168,85,247,.2);--radius: 16px}html,body{height:100%;overflow:hidden}body{font-family:Nunito,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .15s ease}button:active{transform:scale(.97)}.screen{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:env(safe-area-inset-top,12px) 16px env(safe-area-inset-bottom,16px)}::-webkit-scrollbar{width:0;display:none}*{scrollbar-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:251}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes correct{0%{background:#22c55e}to{background:var(--bg3)}}@keyframes wrong{0%{background:#ef4444}to{background:var(--bg3)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease forwards}.slide-up{animation:slideUp .35s cubic-bezier(.34,1.56,.64,1) forwards}