@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/PressStart2P.woff2) format("woff2")}:root{--neon-pink: #ff00ff;--neon-blue: #00ffff;--neon-green: #39ff14;--neon-yellow: #ffff00;--neon-red: #ff4444;--arcade-dark: #0a0a0a;--arcade-purple: #2d1b69;--scanline-alpha: .06;--font-pixel: "Press Start 2P", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--arcade-dark);color:#fff;font-family:var(--font-pixel);-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#app{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.game-canvas-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}.game-canvas-wrap canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,rgba(0,0,0,var(--scanline-alpha)) 0px,rgba(0,0,0,var(--scanline-alpha)) 1px,transparent 1px,transparent 3px)}.crt-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%)}.touch-controls{display:none;width:100%;padding:8px 12px;justify-content:space-between;align-items:flex-end;gap:8px;flex-shrink:0}.touch-group{display:flex;gap:6px;align-items:flex-end}.touch-group-left{justify-content:flex-start}.touch-group-right{justify-content:flex-end}.touch-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.2);color:#fff9;font-family:var(--font-pixel);font-size:8px;line-height:1;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .05s,border-color .05s}.touch-btn.active{background:#fff3;border-color:#ffffff80;color:#fff}.touch-btn.wide{width:72px;border-radius:28px}.dpad{display:grid;grid-template-areas:".  up  ." "lt  . rt" ". dn  .";grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px 48px;gap:2px}.dpad .touch-btn{width:46px;height:46px;border-radius:8px}.dpad-up{grid-area:up}.dpad-down{grid-area:dn}.dpad-left{grid-area:lt}.dpad-right{grid-area:rt}.exit-btn{position:fixed;top:max(8px,env(safe-area-inset-top,8px));right:8px;z-index:999;padding:6px 10px;background:#000000b3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#ffffffb3;font-family:var(--font-pixel);font-size:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.exit-btn:active{background:#fff3}@media(hover:none)and (pointer:coarse){.touch-controls{display:flex}}@media(max-height:500px)and (orientation:landscape){.touch-btn{width:44px;height:44px;font-size:7px}.touch-controls{padding:4px 8px}.dpad{grid-template-columns:38px 38px 38px;grid-template-rows:38px 38px 38px}.dpad .touch-btn{width:36px;height:36px}}