@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--retro-yellow: #FFE66D;--retro-pink: #FF6B6B;--retro-cyan: #4ECDC4;--retro-green: #A8E6CF;--retro-purple: #C7B2FF;--retro-bg: #1A1A2E;--retro-panel: #16213E;--retro-dark: #0F0F23}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--retro-bg);color:var(--retro-yellow);font-family:"Press Start 2P",monospace;image-rendering:pixelated;overflow:hidden}.pixel-btn{display:inline-block;padding:10px 20px;font-family:"Press Start 2P",monospace;font-size:11px;border:3px solid #000;cursor:pointer;box-shadow:4px 4px #000;transition:transform 80ms,box-shadow 80ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pixel-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.pixel-btn:active{transform:translate(4px,4px);box-shadow:none}.pixel-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:4px 4px #000}.pixel-btn-yellow{background:var(--retro-yellow);color:var(--retro-bg)}.pixel-btn-cyan{background:var(--retro-cyan);color:var(--retro-bg)}.pixel-btn-pink{background:var(--retro-pink);color:#fff}.pixel-btn-green{background:var(--retro-green);color:var(--retro-bg)}.pixel-panel{background:var(--retro-panel);border:3px solid var(--retro-yellow);box-shadow:6px 6px #000;padding:20px 24px}.scanlines{position:relative}.scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:10}.xp-badge{display:inline-block;background:var(--retro-yellow);color:var(--retro-bg);padding:3px 10px;font-size:9px;border:2px solid #000;box-shadow:2px 2px #000}.rank-1{color:gold}.rank-2{color:silver}.rank-3{color:#cd7f32}.color-dot{display:inline-block;width:12px;height:12px;border:2px solid #000;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:blink .8s step-end infinite}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .3s ease-out forwards}@keyframes floatXp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-60px);opacity:0}}.float-xp{animation:floatXp 1.2s ease-out forwards}