: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);--hud-bg:#0a120c8c;--text:#f8fafc;--xp:#38bdf8;--gold:#facc15;--accent:#22c55e;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;background:#1b2a1f;width:100%;height:100%;margin:0;overflow:hidden}body,#app{position:fixed;inset:0}#game{touch-action:none;width:100%;height:100%;display:block}#ui{pointer-events:none;position:absolute;inset:0}#ui button{pointer-events:auto;font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}.hud-top{padding:calc(var(--safe-top) + 6px) calc(var(--safe-right) + 10px) 6px calc(var(--safe-left) + 10px);background:linear-gradient(to bottom, var(--hud-bg), transparent);position:absolute;top:0;left:0;right:0}.xp-bar{background:#00000073;border:1px solid #ffffff40;border-radius:5px;height:10px;overflow:hidden}.xp-fill{background:var(--xp);transform-origin:0;height:100%;transform:scaleX(0)}.hud-row{text-shadow:0 1px 2px #000c;justify-content:space-between;align-items:center;margin-top:6px;font-size:16px;font-weight:700;display:flex}.hud-level,.hud-right{flex:1}.hud-timer{font-variant-numeric:tabular-nums;font-size:20px}.hud-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.hud-gold{font-variant-numeric:tabular-nums}.hud-gold:before{content:"";background:var(--gold);vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-right:5px;display:inline-block;box-shadow:inset -2px -2px #00000040}.hud-pause{background:#00000059;border:1px solid #ffffff4d;border-radius:10px;width:40px;height:40px;position:relative}.hud-pause:before,.hud-pause:after{content:"";background:var(--text);border-radius:2px;width:5px;height:16px;position:absolute;top:12px}.hud-pause:before{left:13px}.hud-pause:after{right:13px}.hud-fps{left:calc(var(--safe-left) + 10px);bottom:calc(var(--safe-bottom) + 8px);opacity:.7;font-variant-numeric:tabular-nums;font-size:11px;position:absolute}.joystick-base{opacity:0;will-change:transform;background:#ffffff1f;border:2px solid #ffffff59;border-radius:50%;position:absolute;top:0;left:0}.joystick-base.visible{opacity:1}.joystick-knob{will-change:transform;background:#ffffffbf;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000059}.overlay{padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);pointer-events:auto;background:#050a0699;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{text-align:center;background:#1f2d23;border:1px solid #ffffff26;border-radius:16px;min-width:220px;max-width:100%;padding:24px;box-shadow:0 10px 30px #00000080}.panel h2{margin:0 0 18px;font-size:26px}.btn{background:var(--accent);border:none;border-radius:12px;width:100%;padding:14px 20px;font-size:18px;font-weight:700;display:block}.btn:active{transform:scale(.97)}.rotate-hint{z-index:10;display:none}@media (orientation:landscape) and (pointer:coarse) and (max-height:500px){.rotate-hint{display:flex}}.hud-loadout{gap:6px;min-height:34px;margin-top:6px;display:flex}.slot{background:#00000073;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:19px;line-height:1;display:inline-flex;position:relative}.slot-level{background:var(--xp);color:#0b1220;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-size:11px;font-weight:800;line-height:16px;position:absolute;bottom:-4px;right:-4px}.hurt-flash{opacity:0;background:radial-gradient(#0000 45%,#dc26268c 100%);position:absolute;inset:0}.hurt-flash.active{animation:.35s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}.levelup-panel{text-align:center;width:100%;max-width:420px}.levelup-panel h2{color:var(--gold);text-shadow:0 2px 6px #0009;margin:0;font-size:30px}.levelup-sub{opacity:.85;margin:4px 0 16px}.cards{flex-direction:column;gap:12px;transition:opacity .2s;display:flex}.cards.disarmed{opacity:.55}.card{text-align:left;background:#1f2d23;border:2px solid #fff3;border-radius:14px;align-items:center;gap:14px;width:100%;min-height:84px;padding:12px 14px;display:flex;box-shadow:0 6px 18px #0006}.card:active{border-color:var(--gold);transform:scale(.98)}.card-icon{background:#00000059;border-radius:12px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:32px;display:flex}.card-body{flex-direction:column;gap:4px;display:flex}.card-title{font-size:17px;font-weight:800}.card-tag{background:var(--xp);color:#0b1220;vertical-align:2px;border-radius:6px;margin-left:8px;padding:2px 7px;font-size:12px}.card-tag.new{background:var(--gold)}.card-desc{opacity:.85;font-size:14px}.end-stats{flex-direction:column;gap:8px;min-width:240px;margin-bottom:16px;display:flex}.end-row{justify-content:space-between;gap:24px;display:flex}.end-build{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.hud-loadout{flex-wrap:wrap;gap:10px}.slot-group{gap:5px;display:flex}.slot-group:empty{display:none}.slot-passive .slot-level{background:var(--accent)}.card-weapon{border-color:#38bdf88c}.card-passive{border-color:#22c55e8c}.card-heal{border-color:#f43f5e8c}.card-kind{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:11px;font-weight:700}.slot-items{flex-wrap:wrap;flex-basis:100%}.slot-item{width:30px;height:30px;font-size:16px}.slot-item .slot-level{background:var(--gold)}.chest-reveal{background:#050a0673}.reveal-panel{--rarity:#cbd5e1;border:2px solid var(--rarity);width:100%;max-width:340px;box-shadow:0 0 40px color-mix(in srgb, var(--rarity) 55%, transparent), 0 10px 30px #00000080;animation:.35s cubic-bezier(.2,1.4,.4,1) reveal-pop}@keyframes reveal-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.reveal-title{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:14px;font-weight:700}.reveal-icon{background:radial-gradient(circle, color-mix(in srgb, var(--rarity) 45%, transparent), #0000004d 70%);border:2px solid var(--rarity);border-radius:24px;justify-content:center;align-items:center;width:96px;height:96px;margin:16px auto 12px;font-size:56px;animation:1.6s ease-in-out infinite reveal-shine;display:flex}@keyframes reveal-shine{50%{box-shadow:0 0 26px var(--rarity)}}.reveal-rarity{background:var(--rarity);color:#0b1220;text-transform:uppercase;letter-spacing:.06em;border-radius:8px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-block}.reveal-panel h2.reveal-name{margin:10px 0 6px;font-size:22px}.reveal-desc{margin:0 0 8px;font-size:16px}.reveal-owned{opacity:.7;margin:0 0 8px;font-size:13px}.reveal-btn{margin-top:14px}.reveal-btn:disabled{opacity:.5}.banner{left:0;right:0;top:calc(var(--safe-top) + 170px);text-align:center;pointer-events:none;text-shadow:0 2px 8px #000c;position:absolute}.banner.show{animation:2.4s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:translateY(-12px)scale(1.2)}12%{opacity:1;transform:translateY(0)scale(1)}80%{opacity:1}to{opacity:0}}.banner-title{color:var(--text);font-size:34px;font-weight:900}.banner.danger .banner-title{color:#fb7185}.banner-sub{opacity:.9;margin-top:2px;font-size:15px;font-weight:600}.boss-bar{margin-top:8px}.boss-name{letter-spacing:.08em;text-transform:uppercase;color:#fda4af;text-align:center;text-shadow:0 1px 3px #000000e6;font-size:13px;font-weight:800}.boss-track{background:#0000008c;border:1px solid #ffffff4d;border-radius:6px;height:12px;margin-top:3px;overflow:hidden}.boss-fill{transform-origin:0;background:linear-gradient(90deg,#e11d48,#f43f5e);height:100%;transition:transform .15s linear}.title-screen{background:linear-gradient(#050c0759,#050c07cc)}.title-panel{text-align:center;width:100%;max-width:360px}.title-logo{letter-spacing:-.02em;color:var(--gold);text-shadow:0 3px #92400e,0 8px 20px #0009;margin:0;font-size:46px;font-weight:900}.title-tagline{opacity:.9;margin:8px 0 28px;font-size:16px}.btn-big{padding:18px 20px;font-size:22px}.btn-secondary{background:#ffffff24}.title-records{background:#00000059;border-radius:12px;flex-direction:column;gap:6px;margin-top:24px;padding:12px 16px;font-size:14px;display:flex}.title-records:empty{display:none}.title-help{opacity:.7;margin-top:20px;font-size:13px}.end-panel{width:100%;max-width:380px;max-height:100%;padding:20px;overflow:hidden}.end-panel.victory{border-color:var(--gold);box-shadow:0 0 40px #facc1559,0 10px 30px #00000080}.panel h2.end-title{margin:0;font-size:32px}.end-panel.victory .end-title{color:var(--gold)}.end-sub{opacity:.8;margin:4px 0 14px}.end-record{background:var(--gold);color:#0b1220;vertical-align:2px;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px}.end-build-sections{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.end-section-title{letter-spacing:.08em;text-transform:uppercase;opacity:.6;text-align:left;margin-bottom:4px;font-size:11px;font-weight:700}.end-build{justify-content:flex-start;margin-bottom:0}.end-buttons{flex-direction:column;gap:10px;display:flex}.pause-build{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.pause-build .slot-group{flex-wrap:wrap;gap:6px;display:flex}.pause-menu .panel{width:100%;max-width:360px}.toggle-row{gap:8px;display:flex}.toggle-row .btn{flex:1;padding:10px 6px;font-size:14px}.toggle-row .btn.off{opacity:.5;text-decoration:line-through}.title-sound{margin-top:12px}