*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02040a;font-family:Arial,Helvetica,sans-serif}
body{touch-action:none}
canvas{display:block;width:100vw;height:100vh;cursor:none}
#startScreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1b2f6b,#091120 72%,#000 100%);z-index:20}
.panel{width:min(92vw,360px);background:rgba(10,14,24,.95);border:1px solid rgba(99,177,255,.25);border-radius:18px;padding:22px 18px;text-align:center;color:#fff;box-shadow:0 0 26px rgba(0,162,255,.18)}
.panel h1{margin:0 0 14px;font-size:30px}
.panel input,.panel button{width:100%;border:none;border-radius:12px}
.panel input{padding:13px;margin-bottom:12px;font-size:16px}
.panel button{padding:13px;font-size:16px;font-weight:bold;color:#fff;background:linear-gradient(90deg,#21d4fd,#6d5dfc)}
.panel p{margin:12px 0 0;font-size:12px;color:#c6d7ff}
#hud{position:fixed;top:8px;left:8px;right:52px;display:none;justify-content:space-between;align-items:flex-start;color:#fff;z-index:5;pointer-events:none;text-shadow:0 0 8px rgba(0,0,0,.8);font-weight:bold}
#leftHud,#rightHud{display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:48%}
#playerLabel,#scoreLabel,#comboLabel,#powerLabel{font-size:14px}
#livesWrap{display:flex;gap:6px}
.lifeDot{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a6f4ff,#00b4ff 60%,#1256ff);box-shadow:0 0 10px rgba(0,195,255,.55)}
#levelBanner,#pauseOverlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.95);font-size:clamp(32px,8vw,72px);font-weight:900;letter-spacing:4px;z-index:6;opacity:0;pointer-events:none;text-shadow:0 0 24px rgba(100,150,255,.6);transition:opacity .25s ease}
#pauseOverlay{font-size:clamp(28px,7vw,56px)}
#mobilePauseBtn{position:fixed;top:8px;right:8px;width:38px;height:38px;border:none;border-radius:50%;background:rgba(8,16,32,.82);color:#fff;font-size:18px;z-index:10;display:none;box-shadow:0 0 12px rgba(0,0,0,.35)}
@media (max-width:700px){#leftHud,#rightHud{max-width:100%}#hud{flex-direction:column;gap:5px}#playerLabel,#scoreLabel,#comboLabel,#powerLabel{font-size:12px}#mobilePauseBtn{display:block}}