@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800;900&family=Press+Start+2P&display=swap";:root{--neon-green:#0f6;--neon-cyan:#00e5ff;--neon-pink:#f07;--neon-yellow:#ffea00;--dark-bg:#07080f;--panel-bg:#0e111ceb;--glass-border:#00e5ff40;--bezel-color:#121520}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{color:#fff;background:radial-gradient(circle at 50% 20%,#151a30 0%,#080912 70%,#030408 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:16px;font-family:"Press Start 2P",monospace;display:flex;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(#00ff6608 1px,#0000 1px),linear-gradient(90deg,#00ff6608 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;position:fixed;top:0;left:0}.arcade-cabinet{z-index:1;background:linear-gradient(#1b2030 0%,#10131e 50%,#090a10 100%);border:2px solid #00ff6659;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:20px 24px 28px;display:flex;position:relative;box-shadow:0 0 35px #0f63,0 15px 40px #000c,inset 0 1px 1px #ffffff26}.marquee{border-bottom:1px solid #0f63;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding-bottom:14px;display:flex}.marquee-title{flex-direction:column;gap:4px;display:flex}.marquee-title h1{letter-spacing:3px;color:#fff;text-shadow:0 0 8px #0f6c,0 0 20px #0f66;font-family:Orbitron,"Press Start 2P",sans-serif;font-size:24px;font-weight:900}.marquee-title span{color:var(--neon-cyan);letter-spacing:1.5px;font-size:9px}.toolbar{gap:10px;display:flex}.toolbar-btn{color:var(--neon-cyan);cursor:pointer;background:#121828cc;border:1px solid #00e5ff66;border-radius:6px;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:9px;transition:all .2s;box-shadow:0 0 8px #00e5ff26}.toolbar-btn:hover{color:#fff;border-color:var(--neon-cyan);background:#00e5ff33;transform:translateY(-1px);box-shadow:0 0 14px #00e5ff80}.toolbar-btn.muted{color:#f37;border-color:#ff007780}.screen-housing{aspect-ratio:800/650;background:#000;border:4px solid #1e2538;border-radius:12px;width:100%;max-width:800px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000000e6,0 0 20px #00ff6626}#game-canvas-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#game-canvas-wrapper canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block;width:100%!important;height:100%!important}.scanlines-overlay{pointer-events:none;z-index:10;background:linear-gradient(#12101000 50%,#00000059 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 80px #000000b3}.screen-housing:after{content:"";pointer-events:none;z-index:11;background:radial-gradient(circle,#0000 60%,#0006 100%);width:100%;height:100%;position:absolute;top:0;left:0}.arcade-controls{background:#0e121cbf;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-top:18px;padding:12px 20px;display:flex}.d-pad{gap:14px;display:flex}.control-btn{cursor:pointer;touch-action:manipulation;border:none;border-radius:8px;outline:none;font-family:"Press Start 2P",monospace;font-size:12px;transition:all .1s}.move-btn{width:68px;height:52px;color:var(--neon-cyan);background:linear-gradient(#2a334a 0%,#181d2c 100%);border:1px solid #00e5ff66;box-shadow:0 4px #0f121d,0 0 10px #00e5ff33}.move-btn:active{color:#000;background:#00e5ff;transform:translateY(4px);box-shadow:0 0 #0f121d}.fire-btn{color:#fff;letter-spacing:1px;background:linear-gradient(#f25 0%,#a00b2e 100%);border:1px solid #ff326499;width:120px;height:52px;font-size:12px;box-shadow:0 4px #60051a,0 0 15px #f256}.fire-btn:active{background:#f58;transform:translateY(4px);box-shadow:0 0 #60051a}.arcade-info{color:#8b9bb4;text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:14px;font-size:9px;display:flex}.keys-hint{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.key-badge{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:3px 6px}@media (width<=600px){body{padding:6px}.arcade-cabinet{border-radius:12px;padding:12px 10px}.marquee-title h1{font-size:16px}.toolbar-btn{padding:6px 8px;font-size:8px}.move-btn{width:54px;height:46px}.fire-btn{width:90px;height:46px}}