:root{--ink: #dff3ff;--dim: #7fa6c4;--cyan: #6fe9ff;--pink: #ff5fb0;--gold: #ffd45c;--violet: #b98cff;--panel: rgba(8, 14, 28, .62)}*{box-sizing:border-box}#hud{position:absolute;inset:0;z-index:10;pointer-events:none;font-family:Rajdhani,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);-webkit-user-select:none;user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px;gap:12px}.hud-left,.hud-right{background:linear-gradient(160deg,#080e1e8c,#080e1e2e);border:1px solid rgba(120,200,255,.16);padding:8px 14px 10px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-right{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.hud-label{display:block;font-size:10px;letter-spacing:.22em;color:var(--dim);text-transform:uppercase}.hud-score-wrap{display:flex;flex-direction:column}.hud-score{font-size:clamp(26px,5.2vw,40px);font-weight:700;line-height:1;letter-spacing:.04em;color:#fff;text-shadow:0 0 14px rgba(111,233,255,.55);font-variant-numeric:tabular-nums}.hud-best{margin-top:3px;font-size:11px;letter-spacing:.16em;color:var(--dim);font-variant-numeric:tabular-nums}.hud-right{text-align:right}.hud-wave{font-size:12px;letter-spacing:.2em;color:var(--dim)}.hud-wave span{color:var(--ink);font-weight:700}.hud-pips{margin-top:6px;display:flex;flex-direction:column;gap:3px;align-items:flex-end}.hud-pip-row{display:flex;align-items:center;gap:8px}.pips{display:flex;gap:4px;justify-content:flex-end}.pip{width:10px;height:10px;box-shadow:0 0 9px currentColor}.pip-life{background:var(--cyan);color:var(--cyan);clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);width:9px;height:11px}.pip-bomb{background:var(--violet);color:var(--violet);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.pip-power{background:var(--gold);color:var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:10px;height:10px}.hud-energy{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:10px}.hud-energy-track{flex:1;height:6px;border-radius:3px;background:#78aad22e;overflow:hidden;border:1px solid rgba(140,200,240,.18)}.hud-energy-fill{height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#2ad8ff,#b98cff 60%,#ffd45c);box-shadow:0 0 12px #78dcffb3;transition:transform .08s linear}.hud-energy-fill.full{animation:energyPulse .7s ease-in-out infinite}@keyframes energyPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.9)}}.hud-energy-label{font-size:10px;letter-spacing:.2em;color:var(--dim);white-space:nowrap}.hud-combo{position:absolute;right:16px;top:46%;text-align:right;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.hud-combo.active{opacity:1;transform:translateY(0)}.hud-combo-count{display:block;font-size:clamp(28px,6vw,46px);font-weight:700;line-height:.95;color:#fff;text-shadow:0 0 16px rgba(255,95,176,.6);font-variant-numeric:tabular-nums}.hud-combo-x{display:block;font-size:10px;letter-spacing:.3em;color:var(--dim)}.hud-combo-mult{display:block;font-size:clamp(15px,2.6vw,21px);font-weight:700;color:var(--cyan);letter-spacing:.08em}.hud-combo.hot .hud-combo-mult{color:var(--gold);text-shadow:0 0 14px rgba(255,212,92,.8)}.hud-toast{position:absolute;left:0;right:0;top:26%;text-align:center;font-size:clamp(20px,4.4vw,34px);font-weight:700;letter-spacing:.16em;opacity:0;text-shadow:0 0 18px rgba(0,0,0,.7)}.hud-toast.pop{animation:toastPop 1.6s ease-out forwards}@keyframes toastPop{0%{opacity:0;transform:scale(.86)}14%{opacity:1;transform:scale(1.04)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.hud-warn{position:absolute;left:0;right:0;top:13%;text-align:center;font-size:12px;letter-spacing:.28em;opacity:0;transition:opacity .2s ease}.hud-warn.visible{opacity:.95;animation:warnBlink 1.1s ease-in-out infinite}@keyframes warnBlink{0%,to{opacity:.35}50%{opacity:1}}.hud-bottom{position:absolute;left:16px;bottom:14px;display:flex;gap:8px;pointer-events:auto;z-index:2}.hud-btn{width:36px;height:36px;border:1px solid rgba(140,200,240,.32);background:var(--panel);color:var(--ink);font-size:14px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:filter .12s ease}.hud-btn:hover{filter:brightness(1.3)}.hud-btn.off{color:var(--dim)}.overlay{position:absolute;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#060c1ab8,#03050ceb);pointer-events:auto;padding:24px}.overlay.visible{display:flex}.overlay-card{max-width:480px;text-align:center;padding:30px 28px 26px;background:linear-gradient(165deg,#0a1226d1,#060a18e0);border:1px solid rgba(120,200,255,.28);box-shadow:0 24px 70px #000000a6,0 0 0 1px #78c8ff14,inset 0 1px #a0dcff24;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.overlay-title{font-size:clamp(28px,6.4vw,44px);font-weight:700;letter-spacing:.2em;background:linear-gradient(90deg,#6fe9ff,#b98cff 45%,#ffd45c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 18px rgba(111,233,255,.35))}.overlay-title:after{content:"";display:block;margin:12px auto 0;width:72%;height:2px;background:linear-gradient(90deg,transparent,#6fe9ff 30%,#b98cff 60%,#ffd45c 85%,transparent);opacity:.7}.overlay-body{margin-top:12px;font-size:14px;line-height:1.6;color:#bcd9ee}.overlay-body p{margin:6px 0}.overlay-body b{color:#fff}.overlay-hint{margin-top:12px;font-size:11px;letter-spacing:.14em;color:var(--dim)}.overlay-btn{margin-top:20px;padding:12px 38px;border:1px solid rgba(140,220,255,.55);background:linear-gradient(180deg,#3cc8ff47,#785aff47);color:#fff;font-size:14px;font-weight:700;letter-spacing:.26em;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:filter .15s ease,transform .1s ease;text-shadow:0 0 10px rgba(140,230,255,.6)}.overlay-btn:hover{filter:brightness(1.35);transform:translateY(-1px)}.overlay-btn:active{transform:translateY(0);filter:brightness(.95)}#touch{position:absolute;inset:0;z-index:5;display:none;pointer-events:none}#touch.visible{display:block}.touch-pad{position:absolute;left:0;right:0;bottom:0;height:58%;pointer-events:auto}.touch-ring{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:1px solid rgba(140,220,255,.3);background:#0a142859;opacity:0;transition:opacity .12s ease}.touch-ring.active{opacity:1}.touch-ring i{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#8ce6ffd9;box-shadow:0 0 18px #78dcffcc}.touch-btn{position:absolute;right:20px;width:74px;height:74px;border-radius:50%;border:1px solid rgba(150,220,255,.45);background:radial-gradient(circle at 50% 32%,#1e3c6e80,#0a142880);color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.12em;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #aae1ff38,0 0 16px #46a0ff1f}.touch-btn:active,.touch-btn.down{background:#46beff80}.touch-fire{bottom:28px}.touch-bomb{bottom:118px;border-color:#c896ff8c}.touch-focus{bottom:208px;width:60px;height:60px;right:27px;font-size:11px}@media(max-height:520px){.touch-bomb{bottom:100px}.touch-focus{bottom:176px}}.hud-energy{padding-left:92px}@media(max-width:420px){.hud-energy-label{display:none}}