@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{color-scheme:dark;font-family:"Press Start 2P",monospace;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100vh;overflow:hidden;background:#1a0a2e;color:#fafafa}#root{display:flex;justify-content:center;align-items:center}.game-wrapper{position:relative;width:100%;max-width:1024px;aspect-ratio:4 / 3;max-height:100vh;overflow:hidden;image-rendering:pixelated}.crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px)}.crt-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4))}.game-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a0a2e,#2d1b69,#4a1a6b 60%,#1a0a2e);overflow:hidden}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,0,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,255,.1) 1px,transparent 1px);background-size:32px 32px;transform:perspective(500px) rotateX(60deg);transform-origin:center top;animation:gridMove 2s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 32px}}.cheering-crowd{position:absolute;bottom:15%;left:0;right:0;height:20%;display:flex;justify-content:center;gap:2px;opacity:.6}.crowd-member{width:8px;height:16px;background:#ff6b9d;border-radius:4px 4px 0 0;animation:cheer .5s ease-in-out infinite alternate}.crowd-member:nth-child(2n){background:#4ecdc4;animation-delay:.25s}.crowd-member:nth-child(3n){background:#ffe66d;animation-delay:.1s}@keyframes cheer{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.neon-lights{position:absolute;top:5%;left:10%;right:10%;height:4px;background:linear-gradient(90deg,#f0f,#0ff,#ff0,#f0f);background-size:200% 100%;animation:neonSlide 3s linear infinite;border-radius:2px;box-shadow:0 0 10px #f0f,0 0 20px #f0f}@keyframes neonSlide{0%{background-position:0% 0%}to{background-position:200% 0%}}.hud{position:absolute;top:0;left:0;right:0;padding:12px 16px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10}.hud-left{display:flex;flex-direction:column;gap:6px}.hud-center{text-align:center}.hud-right{text-align:right}.score-label{font-size:8px;color:#0ff;text-shadow:0 0 8px #00ffff}.score-value{font-size:16px;color:#ff0;text-shadow:0 0 10px #ffff00,0 0 20px #ffff00}.combo-box{background:linear-gradient(135deg,#f06,#f60);padding:4px 12px;border-radius:4px;border:2px solid #ffff00;box-shadow:0 0 15px #f06;animation:comboPulse .5s ease-in-out infinite alternate}@keyframes comboPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.combo-text{font-size:14px;color:#fff;text-shadow:2px 2px 0 #000}.high-score{font-size:8px;color:#aaa}.tokens-display{background:#0009;padding:6px 12px;border-radius:4px;border:2px solid #ffd700;display:inline-flex;align-items:center;gap:6px}.token-icon{font-size:12px}.token-count{font-size:10px;color:gold;text-shadow:0 0 8px #ffd700}.arena{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.fist-container{position:relative;cursor:pointer;user-select:none;-webkit-user-select:none}.fist{font-size:80px;filter:drop-shadow(0 0 20px rgba(255,255,0,.8));transition:transform .05s;position:relative;z-index:5}.fist.punching{animation:punch .15s ease-out}@keyframes punch{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(-15deg) translate(30px)}to{transform:scale(1) rotate(0)}}.fist.normal{filter:drop-shadow(0 0 15px rgba(255,200,150,.8))}.fist.metal{filter:drop-shadow(0 0 15px rgba(192,192,192,.8))}.fist.fire{filter:drop-shadow(0 0 20px rgba(255,100,0,.9))}.fist.ice{filter:drop-shadow(0 0 20px rgba(100,200,255,.9))}.fist.lightning{filter:drop-shadow(0 0 25px rgba(255,255,0,1))}.fist.galactic{filter:drop-shadow(0 0 30px rgba(200,100,255,.9))}.impact-flash{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#ff0,#ff00 70%);animation:impactFlash .3s ease-out forwards;pointer-events:none;z-index:4}@keyframes impactFlash{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.spark{position:absolute;width:4px;height:4px;background:#ff0;border-radius:50%;pointer-events:none;z-index:6}.sound-effect{position:absolute;font-family:"Press Start 2P",monospace;font-weight:700;pointer-events:none;z-index:20;text-shadow:3px 3px 0 #000,-1px -1px 0 #000;animation:soundPop .6s ease-out forwards;white-space:nowrap}@keyframes soundPop{0%{transform:scale(0) rotate(-10deg);opacity:0}30%{transform:scale(1.5) rotate(5deg);opacity:1}60%{transform:scale(1.2) rotate(-3deg);opacity:1}to{transform:scale(.8) translateY(-40px) rotate(0);opacity:0}}.popup{position:absolute;pointer-events:none;z-index:15;animation:popupFloat 1s ease-out forwards;font-family:"Press Start 2P",monospace}@keyframes popupFloat{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-80px) scale(.5);opacity:0}}.popup-score{font-size:14px;color:#ff0;text-shadow:2px 2px 0 #ff6600,0 0 10px #ffff00}.popup-token{font-size:10px;color:gold;text-shadow:1px 1px 0 #b8860b}.bottom-area{position:absolute;bottom:0;left:0;right:0;padding:16px;text-align:center;z-index:10}.punch-here-btn{background:linear-gradient(180deg,#f06,#c04);border:4px solid #ffff00;border-radius:8px;padding:12px 48px;font-family:"Press Start 2P",monospace;font-size:16px;color:#fff;cursor:pointer;text-shadow:2px 2px 0 #000;box-shadow:0 4px #903,0 0 20px #ff006680;transition:transform .1s,box-shadow .1s;display:inline-block}.punch-here-btn:hover{transform:translateY(-2px);box-shadow:0 6px #903,0 0 30px #ff0066b3}.punch-here-btn:active{transform:translateY(2px);box-shadow:0 2px #903,0 0 15px #ff006680}.mouse-icon{font-size:24px;margin-top:8px;animation:mouseBounce 1s ease-in-out infinite;display:block}@keyframes mouseBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.shop-panel{position:absolute;right:0;top:60px;bottom:80px;width:200px;background:#000000b3;border-left:3px solid #ff00ff;padding:8px;overflow-y:auto;z-index:10}.shop-title{font-size:10px;color:#f0f;text-align:center;margin-bottom:8px;text-shadow:0 0 10px #ff00ff}.skins-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.skin-card{background:#ffffff0d;border:2px solid #333;border-radius:4px;padding:6px;text-align:center;cursor:pointer;transition:all .2s}.skin-card:hover{border-color:#f0f;background:#ff00ff1a}.skin-card.active{border-color:#0f0;background:#00ff001a;box-shadow:0 0 10px #00ff004d}.skin-card.locked{opacity:.6}.skin-icon{font-size:24px;display:block;margin-bottom:4px}.skin-name{font-size:6px;color:#fff;margin-bottom:2px}.skin-price{font-size:6px;color:gold}.skin-buy-btn{background:linear-gradient(180deg,#f60,#c40);border:1px solid #ffff00;border-radius:2px;padding:2px 6px;font-family:"Press Start 2P",monospace;font-size:5px;color:#fff;cursor:pointer;margin-top:2px}.skin-buy-btn:hover{background:linear-gradient(180deg,#f80,#f60)}.motion-blur{position:absolute;width:100px;height:40px;background:linear-gradient(90deg,rgba(255,200,100,.6),transparent);border-radius:20px;pointer-events:none;z-index:3;animation:motionBlur .2s ease-out forwards}@keyframes motionBlur{0%{opacity:.8;transform:scaleX(2)}to{opacity:0;transform:scaleX(0)}}.screen-shake{animation:shake .1s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,3px)}}