:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0e1116;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#app{position:fixed;inset:0}#game-canvas{display:block;width:100%;height:100%}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root button,#ui-root input,#ui-root .interactive{pointer-events:auto}#ui-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f3f5f8}.hud-topbar{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;gap:6px;padding:calc(var(--safe-top) + 6px) calc(var(--safe-right) + 12px) 10px calc(var(--safe-left) + 12px);font-size:14px;background:linear-gradient(180deg,#080b109e,#080b1000);text-shadow:0 1px 3px rgba(0,0,0,.6)}.topbar-progress{width:100%;height:7px;border-radius:4px;background:#ffffff29;overflow:hidden}.topbar-progress>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#ffd34d,#ff8a3d);transition:width .25s ease}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar-stats{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}.hud-goal{font-size:13px;opacity:.82}.hud-chip{background:#0e11168c;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 12px;backdrop-filter:blur(6px);line-height:1.35}.hud-pct{font-size:26px;font-weight:700;letter-spacing:-.5px}.hud-sub{opacity:.78;font-size:12px}.hud-bar{margin-top:6px;width:130px;height:6px;border-radius:3px;background:#ffffff2e;overflow:hidden}.hud-bar>i{display:block;height:100%;background:linear-gradient(90deg,#ffd34d,#ff8a3d);width:0%;transition:width .25s ease}.hud-firebar{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 22px);transform:translate(-50%);display:flex;align-items:center;gap:18px}.wpn-cycle{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#0e111699;color:#ffd34d;font-size:20px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);flex-shrink:0;transition:transform .08s ease}.wpn-cycle:active{transform:scale(.9)}.hud-fire{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:132px;padding:12px 26px;color:#1a1207;background:linear-gradient(180deg,#ffd34d,#ffae33);border:none;border-radius:999px;box-shadow:0 6px 18px #ffa02866,inset 0 1px #ffffff80;cursor:pointer;transition:transform .08s ease,filter .12s ease}.hud-fire:active{transform:scale(.95)}.hud-fire:disabled{filter:grayscale(.7) brightness(.7);cursor:default}.fire-label{font-size:28px;font-weight:900;letter-spacing:.5px}.fire-ammo{font-size:12px;line-height:1;letter-spacing:-1px;opacity:.82}.hud-hint{position:absolute;top:calc(var(--safe-top) + 70px);left:50%;transform:translate(-50%);width:calc(100vw - 32px);max-width:660px;text-align:center;font-size:12px;opacity:.7}.banner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#080a0e8c;backdrop-filter:blur(3px)}.banner[hidden]{display:none}.banner-stage{font-size:16px;font-weight:800;letter-spacing:2px;color:#ffd34d;opacity:.95}.banner-stage:empty{display:none}.banner-title{font-size:40px;font-weight:800;letter-spacing:1px}.banner-stars{font-size:40px;letter-spacing:6px}.banner-pct{font-size:16px;opacity:.85}.banner-row{display:flex;gap:12px;margin-top:8px}.banner-btn{padding:12px 24px;font-size:16px;font-weight:700;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#f3f5f8;cursor:pointer}.banner-btn.primary{background:linear-gradient(180deg,#ffd34d,#ffae33);color:#1a1207;border:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 24px) 18px calc(var(--safe-bottom) + 24px);overflow:auto}.screen[hidden]{display:none}.title-screen{justify-content:center;gap:18px;background:radial-gradient(120% 80% at 50% 0%,rgba(255,180,80,.18),transparent 60%),linear-gradient(180deg,#0a0e1659,#0a0e169e)}.title-logo{display:flex;flex-direction:column;align-items:center;line-height:.9;font-size:clamp(38px,11vw,76px);font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:0 6px 30px rgba(255,150,40,.5)}.title-logo span:last-child{color:#ff9628}.title-tag{opacity:.8;margin-top:6px;font-size:15px;letter-spacing:1px}.title-btns{display:flex;flex-direction:column;gap:12px;margin-top:14px;width:min(320px,80vw)}.big-btn{padding:16px 22px;font-size:18px;font-weight:800;letter-spacing:.5px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#f3f5f8;cursor:pointer;transition:transform .08s ease,background .15s ease}.big-btn:active{transform:scale(.97)}.big-btn.primary{background:linear-gradient(180deg,#ffd34d,#ffae33);color:#1a1207;border:none;box-shadow:0 8px 24px #ffa02859}.title-toggles{display:flex;gap:18px;margin-top:8px;font-size:14px;opacity:.9}.toggle{cursor:pointer;user-select:none}.select-head{display:flex;align-items:center;justify-content:space-between;width:min(620px,100%);margin-bottom:16px}.select-title{font-size:24px;font-weight:800}.select-stars{opacity:.85;font-size:15px}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px;width:min(620px,100%)}.level-cell{aspect-ratio:1;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:#f3f5f8;transition:transform .08s ease,background .15s ease}.level-cell:active{transform:scale(.95)}.level-cell.locked{opacity:.38;cursor:default}.level-cell.cleared{background:#ffc85a24;border-color:#ffc85a66}.level-num{font-size:18px;font-weight:800}.level-cell-stars{font-size:11px;letter-spacing:1px;color:#ffd34d;min-height:13px}.ctl{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}.ctl>span{opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ctl b{color:#ffd34d;font-weight:700}.ctl input[type=range]{accent-color:#ffae33;cursor:pointer}.ctl-vert input[type=range]{writing-mode:vertical-lr;direction:rtl;width:26px;height:clamp(120px,30vh,200px)}.ctl-angle{left:calc(var(--safe-left) + 6px);top:50%;transform:translateY(-50%)}.ctl-power{right:calc(var(--safe-right) + 6px);top:50%;transform:translateY(-50%)}.ctl-azimuth{left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 92px);width:min(300px,64vw)}.ctl-azimuth input[type=range]{width:100%;height:24px}.hud-weapon{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:2px}.wpn-arrow{width:26px;height:26px;border-radius:8px;border:none;font-size:13px;line-height:1;color:#1a1207;background:#ffd34deb;cursor:pointer}.wpn-arrow:active{transform:scale(.92)}.wpn-count{font-size:11px;opacity:.7;min-width:26px;text-align:left}.wpn-new{font-size:10px;font-weight:800;letter-spacing:.5px;color:#08240f;background:#4dff88;border-radius:6px;padding:1px 5px;animation:newpulse .8s ease-in-out infinite}@keyframes newpulse{0%,to{opacity:1}50%{opacity:.55}}.hud-toast{position:absolute;left:50%;top:calc(var(--safe-top) + 122px);transform:translate(-50%) translateY(8px);padding:8px 16px;border-radius:999px;background:#ffd34df5;color:#2a1c00;font-weight:800;font-size:15px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease}.hud-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.hud-frenzy{position:absolute;top:calc(var(--safe-top) + 64px);left:50%;transform:translate(-50%);width:min(360px,84vw);padding:8px 12px;border-radius:12px;background:#140c1e80;text-shadow:0 1px 2px rgba(0,0,0,.6)}.frenzy-line{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.frenzy-time{font-weight:800;color:#ffd34d}.frenzy-combo{opacity:.9;font-weight:700}.frenzy-score{font-weight:800}.frenzy-gauge{position:relative;margin-top:6px;height:14px;border-radius:7px;background:#ffffff24;overflow:hidden}.frenzy-gauge>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#b14dff,#ff4dd2);transition:width .12s linear}.frenzy-spec{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;letter-spacing:1px;color:#fff9}.frenzy-gauge.ready>i{background:linear-gradient(90deg,#ffd34d,#ff7a3d)}.frenzy-gauge.ready .frenzy-spec{color:#1a1207;animation:specpulse .7s ease-in-out infinite}@keyframes specpulse{0%,to{opacity:1}50%{opacity:.5}}.weapon-card{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 92px);width:184px;padding:10px 12px;border-radius:12px;background:#140e08c7;border:1px solid rgba(255,211,77,.4);text-shadow:0 1px 2px rgba(0,0,0,.6);opacity:0;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease}.weapon-card.show{opacity:1;transform:translate(-50%)}.wcard-preview{display:block;width:112px;height:112px;margin:0 auto 4px}.wcard-name{font-weight:800;font-size:15px;text-align:center}.wcard-role{font-size:11px;opacity:.75;margin-bottom:6px;text-align:center}.wcard-bars{display:flex;flex-direction:column;gap:4px}.wbar{display:flex;align-items:center;gap:6px;font-size:10px}.wbar span{width:26px;opacity:.8}.wbar em{flex:1;height:7px;border-radius:4px;background:#ffffff29;overflow:hidden}.wbar i{display:block;height:100%;background:linear-gradient(90deg,#ffd34d,#ff7a3d)}.hud-topbtns{display:flex;gap:8px;flex-shrink:0}.hud-cam{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#0e11168c;color:#f3f5f8;font-size:16px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transition:transform .08s ease}.hud-cam:active{transform:scale(.92)}.hud-pause{align-self:flex-start;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#0e11168c;color:#f3f5f8;font-size:15px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transition:transform .08s ease}.hud-pause:active{transform:scale(.92)}.title-auth{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:14px;width:min(320px,80vw)}.title-auth[hidden],.title-btns[hidden]{display:none}.auth-hint{font-size:14px;opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.6)}.login-btns{display:flex;flex-direction:column;gap:10px;width:100%}.account-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;font-size:13px;opacity:.9}.account-addr{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.account-logout{background:none;border:1px solid rgba(255,255,255,.25);color:#f3f5f8;border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer}@font-face{font-family:Bitrimus;src:url(../fonts/Bitrimus.ttf) format("truetype");font-display:swap}.title-logo,.hud-pct,.hud-fire,.banner-title,.banner-stars,.frenzy-time,.nb-tag,.nb-name{font-family:Bitrimus,system-ui,sans-serif}.hud-score{margin-top:4px;font-size:11px;opacity:.82;letter-spacing:.5px;white-space:nowrap}.new-banner{position:absolute;top:36%;left:50%;transform:translate(-50%,-8px);text-align:center;padding:12px 26px;border-radius:14px;background:#1e1808eb;border:1px solid rgba(255,211,77,.5);box-shadow:0 8px 30px #0006;pointer-events:none;opacity:0;transition:opacity .22s ease,transform .22s ease}.new-banner.show{opacity:1;transform:translate(-50%)}.nb-tag{font-size:13px;font-weight:800;letter-spacing:3px;color:#ffd34d}.nb-name{font-size:22px;font-weight:900;color:#fff;margin-top:4px}.title-coins{align-self:center;display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#ffd34d;margin-bottom:4px}.coin-claim{font-size:13px;font-weight:800;color:#1a1207;background:linear-gradient(180deg,#ffd34d,#ffae33);border:none;border-radius:999px;padding:6px 14px;cursor:pointer}.coin-claim:disabled{filter:grayscale(.5) brightness(.85);cursor:default}.title-flash{align-self:center;font-size:13px;color:#cfe8ff}@media(max-width:480px){.hud-topbar{padding-left:calc(var(--safe-left) + 8px);padding-right:calc(var(--safe-right) + 8px)}.hud-pct{font-size:22px}.hud-goal,.hud-score{font-size:11px}.topbar-stats{gap:8px}.hud-topbtns{gap:6px}.hud-pause,.hud-cam{width:36px;height:36px;font-size:14px}.hud-firebar{gap:12px}.wpn-cycle{width:48px;height:48px;font-size:18px}.hud-fire{min-width:128px;padding:12px 22px}.fire-label{font-size:26px}.fire-ammo{font-size:11px;letter-spacing:-1.5px}.hud-hint{font-size:11px;line-height:1.3}}