body{margin:0;padding:0;background-color:#050505;overflow:hidden;font-family:'Courier New',Courier,monospace;touch-action:none}canvas{display:block;box-shadow:0 0 20px rgba(0,255,255,.2)}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.hud{padding:20px;color:#0ff;text-shadow:0 0 10px #0ff;font-size:24px;font-weight:bold;display:flex;justify-content:space-between;align-items:center}#start-screen,#game-over-screen,#pause-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:auto;background:rgba(0,0,0,.85);padding:40px;border:2px solid #0ff;border-radius:10px;box-shadow:0 0 30px rgba(0,255,255,.3);backdrop-filter:blur(5px)}h1{color:#fff;text-shadow:0 0 20px #f0f;margin-bottom:10px;font-size:40px;text-transform:uppercase}p{color:#ddd;font-size:18px;margin-bottom:30px;line-height:1.5}button{background:transparent;color:#0ff;border:2px solid #0ff;padding:15px 40px;font-size:20px;font-family:inherit;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 15px rgba(0,255,255,.2);margin:10px}button:hover{background:#0ff;color:#000;box-shadow:0 0 30px rgba(0,255,255,.8)}.credits{margin-top:25px;font-size:14px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px rgba(0,255,255,.3)}.credits span{color:#f0f}#pauseBtnUI{pointer-events:auto;padding:5px 15px;font-size:16px;border:1px solid #0ff}.hidden{display:none!important}.mobile-controls{display:none;position:absolute;top:20px;width:100%;text-align:center;color:rgba(255,255,255,.3);font-size:14px}@media (max-width:768px){.mobile-controls{display:block}h1{font-size:28px}.hud{font-size:22px;margin-top:25px}.hud div{text-align:center;width:100%}}#ad-banner{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:90%;max-width:320px;height:100px;background:rgba(0,0,0,.7);border:1px solid #ff0;box-shadow:0 0 15px rgba(255,255,0,.5);display:flex;align-items:center;justify-content:center;color:#ff0;font-size:16px;text-align:center;pointer-events:auto;z-index:1000;border-radius:5px;padding:5px}@media (min-width:1024px){#ad-banner{left:unset;right:10px;top:50%;bottom:unset;transform:translateY(-50%);width:160px;height:600px;max-width:160px;pointer-events:none}}