html,body,#app{height:100%;margin:0}body{background:#000;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}#overlay{position:fixed;left:0;top:0;right:0;padding:8px 12px;display:flex;gap:12px;align-items:center;pointer-events:none}#overlay .pill{pointer-events:auto;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 10px;font-size:12px}canvas{display:block}.menu-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.menu-content{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:clamp(20px,3vh,35px);text-align:center;width:min(75vh,480px);max-width:90vw;max-height:85vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}.menu-title{margin:0 0 clamp(10px,2vh,20px) 0;font-size:clamp(24px,4vh,42px);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.1;flex-shrink:0}.menu-instructions{font-size:clamp(12px,2vh,16px);margin:clamp(10px,2vh,20px) 0;color:#ccc;line-height:1.3;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.menu-instructions p{margin:clamp(4px,.8vh,8px) 0}.menu-button{background:#4a4;color:#fff;border:2px solid #66cc66;border-radius:8px;padding:clamp(10px,1.8vh,16px) clamp(20px,3vh,32px);font-size:clamp(14px,2.5vh,20px);cursor:pointer;transition:all .2s;margin:clamp(8px,1.5vh,12px) auto 0 auto;width:75%;max-width:220px;display:block;box-sizing:border-box;flex-shrink:0}.menu-button:hover{background:#5b5;border-color:#7d7;transform:translateY(-2px)}.restart-button{background:#444;border-color:#666}.restart-button:hover{background:#555;border-color:#777}.menu-footer{font-size:clamp(9px,1.5vh,12px);color:#888;margin-top:clamp(8px,1.5vh,15px);line-height:1.2;flex-shrink:0}.game-over-title{color:#f44;margin:0 0 clamp(10px,2vh,20px) 0;font-size:clamp(28px,5vh,46px);line-height:1.1;flex-shrink:0}.game-over-stats{font-size:clamp(14px,2.5vh,18px);margin:clamp(10px,2vh,20px) 0;line-height:1.3;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.game-over-stats>div{margin:clamp(6px,1.2vh,10px) 0}.stat-value{font-weight:700}.score-value{color:#4f4}.time-value{color:#44f}@media (orientation: portrait){.menu-content{width:min(85vw,380px);max-height:80vh}}@media (max-width: 480px) or (max-height: 400px){.menu-content{width:min(92vw,320px);max-height:88vh;padding:clamp(15px,2vh,25px)}.menu-title{font-size:clamp(20px,3.5vh,32px);margin-bottom:clamp(8px,1.5vh,15px)}.menu-instructions{font-size:clamp(11px,1.8vh,14px);margin:clamp(8px,1.5vh,15px) 0}.menu-instructions p{margin:clamp(3px,.6vh,6px) 0}.menu-button{padding:clamp(8px,1.4vh,12px) clamp(16px,2.5vh,24px);font-size:clamp(12px,2vh,16px);margin:clamp(6px,1.2vh,10px) auto 0 auto}.menu-footer{font-size:clamp(8px,1.2vh,10px);margin-top:clamp(6px,1.2vh,10px)}}.mobile-controls{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:500;display:none}.joystick-container{position:absolute;width:120px;height:120px;pointer-events:auto}.joystick-base{width:100%;height:100%;border-radius:50%;background:#ffffff1a;border:3px solid rgba(255,255,255,.3);position:relative;box-shadow:inset 0 0 20px #0000004d}.joystick-knob{width:50px;height:50px;border-radius:50%;background:#fffc;border:2px solid rgba(255,255,255,.9);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .1s ease;box-shadow:0 4px 8px #0000004d}.joystick-left{bottom:30px;left:30px}.joystick-right{bottom:30px;right:30px}.shoot-button{position:absolute;bottom:180px;right:60px;width:80px;height:80px;border-radius:50%;background:#f44c;border:3px solid rgba(255,68,68,1);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:auto;box-shadow:0 4px 12px #f446;transition:all .1s ease;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.shoot-button:active{transform:scale(.95);background:#f44;box-shadow:0 2px 8px #f449}.joystick-knob:active{transform:translate(-50%,-50%) scale(1.1)}@media (hover: none) and (pointer: coarse){.mobile-controls{display:block!important}}@media (max-width: 480px) or (max-height: 400px){.joystick-container{width:100px;height:100px}.joystick-knob{width:40px;height:40px}.joystick-left{bottom:20px;left:20px}.joystick-right{bottom:20px;right:20px}.shoot-button{bottom:140px;right:40px;width:70px;height:70px;font-size:12px}}