@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--arcade-purple: #6b2d7b;--arcade-pink: #ff2a6d;--arcade-cyan: #05d9e8;--arcade-yellow: #f9f002;--arcade-green: #39ff14;--arcade-dark: #0d0221;--arcade-gradient: linear-gradient(135deg, #1a0a2e 0%, #16213e 50%, #0f3460 100%)}body{font-family:"Press Start 2P",cursive;background:var(--arcade-dark);color:#fff;min-height:100vh;overflow-x:hidden}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);z-index:9999}.arcade{min-height:100vh;background:var(--arcade-gradient);padding:20px}.arcade-header{text-align:center;padding:30px 0;margin-bottom:30px}.arcade-title{font-size:clamp(24px,5vw,48px);color:var(--arcade-yellow);text-shadow:0 0 10px var(--arcade-yellow),0 0 20px var(--arcade-pink),0 0 40px var(--arcade-pink),4px 4px 0 #000;animation:flicker 3s infinite;letter-spacing:4px}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.arcade-subtitle{font-size:12px;color:var(--arcade-cyan);margin-top:15px;text-shadow:0 0 10px var(--arcade-cyan)}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1200px;margin:0 auto;padding:0 20px}.game-card{background:linear-gradient(180deg,#6b2d7b4d,#0d0221cc);border:3px solid var(--arcade-pink);border-radius:15px;padding:25px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 40%,rgba(255,42,109,.1) 50%,transparent 60%);transform:translate(-100%);transition:transform .5s}.game-card:hover:before{transform:translate(100%)}.game-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 20px var(--arcade-pink),0 0 40px #ff2a6d4d,inset 0 0 20px #ff2a6d1a;border-color:var(--arcade-cyan)}.game-icon{font-size:48px;text-align:center;margin-bottom:15px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-name{font-size:16px;color:var(--arcade-yellow);text-align:center;margin-bottom:10px;text-shadow:2px 2px 0 #000}.game-desc{font-size:8px;color:#888;text-align:center;line-height:1.6}.game-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.game-frame{background:#000;border:8px solid #333;border-radius:10px;box-shadow:0 0 0 4px #222,0 0 30px #ff2a6d80,inset 0 0 50px #00000080;position:relative}.game-canvas{display:block;background:#000;image-rendering:pixelated}.game-controls{margin-top:20px;display:flex;gap:15px}.game-btn{font-family:"Press Start 2P",cursive;font-size:10px;padding:12px 25px;background:linear-gradient(180deg,var(--arcade-pink) 0%,#c41e4a 100%);border:3px solid #fff;border-radius:8px;color:#fff;cursor:pointer;text-shadow:2px 2px 0 #000;box-shadow:0 4px #7a1234;transition:all .1s}.game-btn:hover{background:linear-gradient(180deg,#ff4d7d 0%,var(--arcade-pink) 100%)}.game-btn:active{transform:translateY(4px);box-shadow:0 0 #7a1234}.game-btn.secondary{background:linear-gradient(180deg,#444,#222);box-shadow:0 4px #111}.game-info{font-size:12px;color:var(--arcade-cyan);margin-top:15px;text-align:center}.score-display{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:14px;color:var(--arcade-yellow);text-shadow:0 0 10px var(--arcade-yellow);white-space:nowrap}.high-score{font-size:10px;color:var(--arcade-green);position:absolute;top:-40px;right:0}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over-text{font-size:24px;color:var(--arcade-pink);text-shadow:0 0 20px var(--arcade-pink);margin-bottom:20px;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.final-score{font-size:16px;color:var(--arcade-yellow);margin-bottom:30px}.mobile-controls{display:none;margin-top:20px;gap:10px}@media(max-width:768px){.mobile-controls{display:flex;flex-wrap:wrap;justify-content:center}}.mobile-btn{width:60px;height:60px;font-size:20px;background:linear-gradient(180deg,#333,#111);border:3px solid #555;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-btn:active{background:linear-gradient(180deg,var(--arcade-pink) 0%,#c41e4a 100%)}.arcade-footer{text-align:center;padding:40px 20px;font-size:8px;color:#444}.arcade-footer a{color:var(--arcade-cyan);text-decoration:none}.insert-coin{font-size:12px;color:var(--arcade-yellow);animation:blink 1s infinite;margin-top:10px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:600px){.arcade-title{font-size:20px;letter-spacing:2px}.game-card{padding:20px}.game-icon{font-size:36px}.game-name{font-size:12px}.game-frame{border-width:4px;max-width:95vw;overflow:hidden}.game-canvas{max-width:100%;height:auto!important}.game-info{font-size:8px;padding:0 10px}.game-btn{font-size:8px;padding:10px 15px}.score-display{font-size:10px;top:-30px}.high-score{font-size:8px;top:-30px}.game-over-text{font-size:16px}.final-score{font-size:12px}}.mobile-controls{display:none;margin-top:15px;flex-direction:column;align-items:center;gap:5px;touch-action:manipulation}@media(max-width:768px){.mobile-controls{display:flex}.game-info{display:none}}@media(pointer:coarse){.mobile-controls{display:flex}.game-info{display:none}}.mobile-btn{width:70px;height:70px;font-size:24px;background:linear-gradient(180deg,#444,#222);border:4px solid var(--arcade-pink);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:0 4px #111,0 0 15px #ff2a6d4d}.mobile-btn:active{background:linear-gradient(180deg,var(--arcade-pink) 0%,#c41e4a 100%);transform:translateY(4px);box-shadow:0 0 #111,0 0 25px var(--arcade-pink)}.dpad{display:grid;grid-template-columns:70px 70px 70px;grid-template-rows:70px 70px 70px;gap:5px}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}.horizontal-controls{display:flex;gap:40px}.action-btn{width:100px;height:100px;font-size:16px;border-radius:50%;background:linear-gradient(180deg,var(--arcade-green) 0%,#1a8f1a 100%);border:4px solid #fff;box-shadow:0 6px #0a4f0a,0 0 20px #39ff1466}.action-btn:active{background:linear-gradient(180deg,#4eff4e 0%,var(--arcade-green) 100%);transform:translateY(6px);box-shadow:0 0 #0a4f0a,0 0 30px var(--arcade-green)}@media(max-height:500px)and (orientation:landscape){.game-screen{flex-direction:row;gap:20px}.mobile-controls{flex-direction:column}.game-controls{position:absolute;bottom:10px;left:10px}}*{touch-action:manipulation}.arcade{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.game-screen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}