*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a1a;--card-bg: #12121f;--card-border: #1e1e3a;--text: #e8e6e3;--text-dim: #888;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--accent: #4a90d9;--pixel-font: "Press Start 2P", monospace;--body-font: "Inter", system-ui, -apple-system, sans-serif}body{background-color:var(--bg);color:var(--text);font-family:var(--body-font);min-height:100vh;display:flex;justify-content:center;overflow-x:hidden}#root{width:100%;max-width:680px;min-height:100vh;padding:0 16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(3px,-1px)}}@keyframes redFlash{0%{background-color:#ef444426}to{background-color:transparent}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes blink{50%{opacity:0}}@keyframes flicker{0%,to{opacity:1}3%{opacity:.85}6%{opacity:1}7.5%{opacity:.9}9%{opacity:1}50%{opacity:1}52%{opacity:.88}53%{opacity:1}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.fade-in{animation:fadeIn .4s ease-out}.shake{animation:shake .2s ease-out}.red-flash{animation:redFlash .3s ease-out}.float-loss{position:absolute;animation:floatUp 1.2s ease-out forwards;font-family:var(--pixel-font);font-size:12px;color:var(--red);pointer-events:none;z-index:100}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}@media(max-width:480px){#root{padding:0 12px}}