*{margin:0;padding:0;box-sizing:border-box}#body{background:linear-gradient(135deg,#0a0a14,#1a0a2e);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:1rem;font-family:Courier New,monospace;color:#0f0;overflow:hidden}#body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,255,0,.03) 0px,rgba(0,255,0,.03) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1}#title-container{text-align:center;margin-bottom:.5rem;animation:arcadeFlicker .15s infinite,slideDown .8s ease-out;position:relative;z-index:2}#title-container h1{font-size:clamp(1.2rem,4vw,2.2rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#0f0;text-shadow:0 0 10px #00ff00,0 0 20px #ff00ff,0 0 30px #00ffff,2px 2px 0 rgba(255,0,127,.5);font-family:"Press Start 2P",Courier New,monospace}#canvas-container{text-align:center;position:relative;z-index:2}#canvas{border:4px solid #00ff00;box-shadow:0 0 20px #0f09,0 0 40px #ff007f66,inset 0 0 20px #00ff001a,-4px -4px #00ffff4d,4px 4px #ff007f4d;display:block;background:linear-gradient(135deg,#0a0a14f2,#1a0a2ef2);transition:all .1s ease;image-rendering:pixelated;image-rendering:crisp-edges}#canvas:hover{box-shadow:0 0 30px #0f0c,0 0 60px #ff007f99,inset 0 0 30px #0f03,-6px -6px #00ffff80,6px 6px #ff007f80;transform:translate(-2px,-2px)}#mobile-controls{display:none;gap:1.5rem;margin-top:1.5rem;position:relative;z-index:2}.control-button{padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em;color:#0f0;background:linear-gradient(135deg,#00ff001a,#00ff000d);border:2px solid #00ff00;border-radius:8px;cursor:pointer;transition:all .1s ease;box-shadow:0 0 10px #0f06;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.control-button:active{background:linear-gradient(135deg,#00ff004d,#0f03);box-shadow:0 0 20px #00ff00b3;transform:scale(.95)}.control-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){#body{padding-top:.5rem;padding-left:.5rem;padding-right:.5rem}#canvas-container{max-width:100vw;width:100%;overflow:hidden}#canvas{max-width:100%;height:auto}#mobile-controls{display:flex;flex-direction:row}}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}