*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}html,body{width:100%;height:100%;overflow:hidden;background-color:#030712;font-family:Chakra Petch,sans-serif;color:#f8fafc}#game-app-container{position:relative;width:100%;height:100%;max-width:440px;max-height:920px;margin:0 auto;overflow:hidden;background-color:#0a0f1d;box-shadow:0 0 50px #000000e6,0 0 0 1px #38bdf833}@media(min-width:500px)and (min-height:700px){body{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0f172a,#020617)}#game-app-container{height:92vh;border-radius:24px;border:1px solid rgba(56,189,248,.3)}}#canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#canvas-wrapper canvas{width:100%!important;height:100%!important;display:block}#ui-root{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.screen-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 20px;overflow-y:auto;z-index:20}.menu-bg{background:radial-gradient(circle at 50% 30%,#0f172ad9,#030712f5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-hero-layout{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px 14px 20px;background:linear-gradient(180deg,#030712bf,#0307121a 25%,#0307121a 65%,#030712e6);pointer-events:none;overflow:hidden;z-index:20}.menu-top-header{width:100%;max-width:420px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:auto;z-index:22}.menu-brand-col{display:flex;flex-direction:column;gap:3px;text-align:left}.main-title{font-size:24px;letter-spacing:2.5px;line-height:1;margin-top:0;text-shadow:0 0 16px rgba(56,189,248,.7)}.menu-level-row{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace}.menu-gen-tag{font-size:9px;font-weight:700;color:#fbbf24;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);padding:1px 6px;border-radius:4px;letter-spacing:.5px}.menu-lvl-tag{font-size:9px;font-weight:700;color:#38bdf8}.menu-xp-bar-track{width:70px;height:5px;background:#0f172ae6;border:1px solid rgba(56,189,248,.3);border-radius:3px;overflow:hidden}.menu-xp-bar-fill{height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8);transition:width .3s ease}.menu-xp-text{font-size:8.5px;color:#94a3b8}.btn-icon-top{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#0f172abf;border:1px solid rgba(56,189,248,.3);border-radius:10px;font-size:16px;color:#f1f5f9;cursor:pointer;transition:all .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-icon-top:hover{background:#38bdf833;border-color:#38bdf8;transform:scale(1.05)}.menu-center-hero{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:8px;pointer-events:none}.menu-hero-badge{display:flex;flex-direction:column;align-items:center;gap:3px;background:#0f172a99;border:1px solid rgba(56,189,248,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:5px 14px 4px;pointer-events:auto}.hero-class-row{display:flex;align-items:center;gap:5px}.hero-class-icon{font-size:13px}.hero-class-name{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#38bdf8}.hero-weapon-row{display:flex;align-items:center}.hero-weapon-name{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;color:#e2e8f0}.hero-swipe-hint{font-family:JetBrains Mono,monospace;font-size:8px;color:#64748b;letter-spacing:.5px;margin-top:1px}.menu-bottom-dock{width:100%;max-width:400px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:auto;z-index:22;padding:0 4px}.btn-dock-side{flex:1;height:68px;background:linear-gradient(180deg,#1e293bd9,#0f172af2);border:1.5px solid rgba(56,189,248,.25);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.btn-dock-side:hover{border-color:#38bdf8;background:linear-gradient(180deg,#38bdf833,#0f172af2);transform:translateY(-3px);box-shadow:0 6px 18px #00000080,0 0 14px #38bdf84d}.btn-dock-side:active{transform:scale(.96)}.btn-dock-side.has-sp{border-color:#f59e0b99;box-shadow:0 0 12px #f59e0b40}.btn-dock-side.has-sp:hover{border-color:#f59e0b;box-shadow:0 6px 18px #00000080,0 0 18px #f59e0b80}.dock-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.dock-icon{font-size:22px;line-height:1}.dock-notification-dot{position:absolute;top:-2px;right:-4px;width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 6px #f59e0b}.dock-text-group{display:flex;flex-direction:column;align-items:center;line-height:1.1}.dock-btn-label{font-family:Chakra Petch,sans-serif;font-size:11px;font-weight:800;letter-spacing:1px;color:#f1f5f9}.dock-btn-sub{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;color:#38bdf8;letter-spacing:.5px}.badge-sp-alert{color:#fbbf24}.badge-sp-dim{color:#64748b}.animate-sp-pulse{animation:pulse-sp 1.8s infinite}@keyframes pulse-sp{0%,to{opacity:1;text-shadow:0 0 4px rgba(245,158,11,.4)}50%{opacity:.8;text-shadow:0 0 10px rgba(245,158,11,.9)}}.btn-start-circle{width:90px;height:90px;border-radius:50%;border:none;background:linear-gradient(135deg,#0284c7,#0369a1);position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 25px #0284c780,0 0 0 3px #38bdf866}.btn-start-circle:hover{transform:scale(1.06);box-shadow:0 8px 30px #0284c7b3,0 0 0 4px #38bdf8b3}.btn-start-circle:active{transform:scale(.95)}.btn-start-circle-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.5) 0%,transparent 70%);z-index:1;pointer-events:none}.btn-start-circle-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #38bdf8;animation:pulse-ring 2.2s cubic-bezier(.215,.61,.355,1) infinite;z-index:1;pointer-events:none}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:0}to{transform:scale(.95);opacity:0}}.btn-start-circle-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1px}.btn-start-play-icon{font-size:20px;color:#fff;line-height:1;margin-left:2px;text-shadow:0 0 8px rgba(255,255,255,.6)}.btn-start-label{font-family:Chakra Petch,sans-serif;font-size:11px;font-weight:800;letter-spacing:1px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1.1}.records-backdrop{background:#030712e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.records-modal-card{max-width:410px;width:100%;max-height:85vh;overflow-y:auto;background:linear-gradient(180deg,#0f172af2,#030712fa);border:1px solid rgba(56,189,248,.35);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 15px 40px #000c,0 0 25px #38bdf833}.records-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(56,189,248,.2);padding-bottom:10px}.records-title-group{display:flex;align-items:center;gap:10px}.records-trophy-glyph{font-size:26px}.records-title{font-size:17px;font-weight:800;letter-spacing:1.5px;color:#fff;line-height:1.1}.records-subtitle{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;color:#38bdf8;letter-spacing:.5px}.btn-close-modal{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#94a3b8;font-size:14px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-close-modal:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.records-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.records-stat-box{background:#0f172acc;border:1px solid rgba(56,189,248,.2);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.rec-stat-icon{font-size:16px}.rec-stat-val{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800}.rec-stat-label{font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;color:#64748b;letter-spacing:.5px}.records-mastery-section{display:flex;flex-direction:column;gap:6px}.mastery-section-title{font-size:11px;font-weight:800;letter-spacing:1px;color:#38bdf8;border-top:1px dashed rgba(255,255,255,.15);padding-top:8px}.records-weapon-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;padding-right:4px}.rec-weapon-row{display:flex;align-items:center;gap:8px;background:#0b0f19b3;border:1px solid rgba(71,85,105,.3);border-radius:8px;padding:6px 8px}.rec-w-icon{font-size:18px;width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rec-w-img{width:22px;height:22px;object-fit:contain}.rec-w-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.rec-w-name-row{display:flex;justify-content:space-between;align-items:center}.rec-w-name{font-size:11px;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-w-prof{font-family:JetBrains Mono,monospace;font-size:8.5px;font-weight:800;color:#fbbf24}.rec-w-bar-track{width:100%;height:4px;background:#0f172ae6;border:1px solid rgba(56,189,248,.2);border-radius:2px;overflow:hidden}.rec-w-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#10b981)}.rec-w-kills{font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;color:#94a3b8;flex-shrink:0}.death-bg{background:radial-gradient(circle at 50% 30%,#450a0ae6,#030712fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.victory-bg{background:radial-gradient(circle at 50% 30%,#064e3be6,#030712fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-content{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px;text-align:center}.brand-badge{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;color:#38bdf8;padding:4px 12px;background:#38bdf81a;border:1px solid rgba(56,189,248,.3);border-radius:999px;align-self:center}.game-title{font-size:32px;font-weight:700;letter-spacing:3px;color:#fff;text-shadow:0 0 20px rgba(56,189,248,.6);margin-top:4px}.death-title{font-size:26px;font-weight:700;letter-spacing:2px;color:#ef4444;text-shadow:0 0 25px rgba(239,68,68,.8)}.victory-title{font-size:28px;font-weight:700;letter-spacing:2px;color:#10b981;text-shadow:0 0 25px rgba(16,185,129,.8)}.victory-subtitle{font-size:18px;font-weight:700;color:#34d399;letter-spacing:1px}.game-subtitle{font-size:13px;color:#94a3b8;font-family:JetBrains Mono,monospace}.section-title{font-size:20px;font-weight:700;color:#fff;letter-spacing:1.5px}.screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.mp-badge,.sp-badge{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;color:#fbbf24;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);padding:4px 10px;border-radius:8px;letter-spacing:.5px}.btn-text-action{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;color:#ef4444;background:#ef44441f;border:1px solid rgba(239,68,68,.3);padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-text-action:hover{background:#ef444440;border-color:#ef4444}.card{background:#0f172ab3;border:1px solid rgba(56,189,248,.2);border-radius:14px;padding:14px 16px;text-align:left;display:flex;flex-direction:column;gap:8px}.card-title{font-size:14px;font-weight:700;letter-spacing:1px;color:#38bdf8}.card-desc{font-size:12px;color:#94a3b8;font-family:JetBrains Mono,monospace;line-height:1.4}.status-card{gap:10px}.status-row{display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:12px}.status-row .label{color:#64748b;font-weight:600}.status-row .value{font-weight:700;color:#f1f5f9}.level-up-banner{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24;padding:8px;border-radius:8px;font-size:12px;font-weight:700;text-align:center;margin-top:4px}.stats-overview-card{display:flex;gap:8px;justify-content:center;margin:4px 0 8px}.stat-mini-pill{flex:1;background:#0f172ad9;border:1px solid rgba(56,189,248,.25);border-radius:10px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:JetBrains Mono,monospace}.stat-mini-pill .pill-label{font-size:9px;font-weight:700;color:#64748b;letter-spacing:.5px}.stat-mini-pill .pill-val{font-size:13px;font-weight:800}.card-title-row{display:flex;justify-content:space-between;align-items:center}.max-tag{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800;color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.4);padding:2px 6px;border-radius:4px}.text-cyan{color:#38bdf8}.text-amber{color:#f59e0b}.text-emerald{color:#10b981}.text-purple{color:#c084fc}.text-muted{color:#64748b}.btn{font-family:Chakra Petch,sans-serif;font-weight:700;letter-spacing:1px;border-radius:12px;border:none;cursor:pointer;padding:14px 20px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s ease,filter .15s ease;min-height:48px}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid #38bdf8;box-shadow:0 4px 15px #0284c766}.btn-pulse{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #0284c766}50%{box-shadow:0 0 25px #38bdf8cc}}.btn-secondary{background:#1e293be6;color:#f1f5f9;border:1px solid rgba(148,163,184,.3)}.btn-tertiary{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.btn-emerald{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:1px solid #10b981}.btn-disabled{background:#1e293b80;color:#64748b;border:1px solid rgba(71,85,105,.3);cursor:not-allowed}.btn-small{padding:8px 14px;font-size:12px;min-height:36px;border-radius:8px}.menu-buttons{display:flex;flex-direction:column;gap:10px}.controls-guide{font-family:JetBrains Mono,monospace;font-size:11px;color:#64748b;display:flex;flex-direction:column;gap:4px;margin-top:6px}.tab-bar{display:flex;gap:6px;background:#0b0f19e6;border:1px solid rgba(56,189,248,.25);border-radius:12px;padding:4px;margin-bottom:2px}.tab-btn{flex:1;font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;padding:9px 8px;border-radius:8px;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.tab-btn.active{background:linear-gradient(135deg,#0284c766,#38bdf833);color:#38bdf8;border:1px solid rgba(56,189,248,.5);box-shadow:0 0 12px #38bdf84d}.tab-btn:not(.active):hover{color:#f1f5f9;background:#ffffff0d}.stat-grid-2x4{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.stat-card{background:#0f172ad9;border:1px solid rgba(71,85,105,.4);border-radius:10px;padding:8px 9px 7px;display:flex;flex-direction:column;gap:5px;position:relative;transition:all .15s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.stat-card.can-upgrade{border-color:#10b98173;cursor:pointer}.stat-card.can-upgrade:hover{transform:translateY(-2px);border-color:#10b981;background:#022c2273;box-shadow:0 4px 14px #10b98140}.stat-card.maxed{border-color:#38bdf84d;background:#0f172a99}.stat-card-top{display:flex;align-items:center;gap:7px}.stat-card-icon{font-size:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0b0f19d9;border:1px solid rgba(255,255,255,.1);border-radius:6px;flex-shrink:0}.stat-card-header{flex:1;display:flex;flex-direction:column;min-width:0}.stat-card-name{font-family:Chakra Petch,sans-serif;font-size:11px;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.stat-card-rank{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:800;color:#94a3b8}.stat-card-rank.max-rank{color:#10b981}.stat-pips-track{display:flex;gap:2px;width:100%}.stat-pip{flex:1;height:3px;background:#0b0f19e6;border-radius:2px;border:1px solid rgba(71,85,105,.4)}.stat-pip.filled{background:linear-gradient(90deg,#10b981,#34d399);border-color:#10b981;box-shadow:0 0 4px #10b98199}.stat-card-bottom{display:flex;align-items:center;justify-content:space-between}.stat-val-col{display:flex;flex-direction:column;line-height:1.1}.stat-total-val{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;color:#34d399}.stat-unit-text{font-family:JetBrains Mono,monospace;font-size:7.5px;color:#64748b;white-space:nowrap}.btn-stat-upgrade{font-family:Chakra Petch,sans-serif;font-size:10px;font-weight:800;padding:4px 8px;border-radius:6px;border:none;cursor:pointer;transition:all .12s ease;letter-spacing:.5px}.btn-stat-upgrade.active{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:1px solid #10b981;box-shadow:0 2px 6px #10b9814d}.btn-stat-upgrade.active:hover{transform:scale(1.08);box-shadow:0 4px 10px #10b98199}.btn-stat-upgrade.active:active{transform:scale(.94)}.btn-stat-upgrade.maxed{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.4);cursor:default}.btn-stat-upgrade.disabled{background:#1e293b80;color:#64748b;border:1px solid rgba(71,85,105,.3);cursor:not-allowed}.weapon-blueprint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:4px}.blueprint-item{background:#0f172ad9;border:1.5px solid rgba(71,85,105,.4);border-radius:10px;padding:8px 6px;text-align:center;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;gap:2px}.blueprint-item.unlocked:hover,.blueprint-item.selected{border-color:#38bdf8;background:linear-gradient(180deg,#0284c740,#0f172af2);box-shadow:0 0 14px #38bdf859;transform:translateY(-2px)}.blueprint-item.locked{opacity:.4;cursor:not-allowed}.bp-icon{font-size:20px;margin-bottom:1px;min-height:28px;display:flex;align-items:center;justify-content:center}.bp-preview-img{width:38px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));transition:transform .15s ease}.blueprint-item:hover .bp-preview-img{transform:scale(1.1)}.hud-weapon-thumb{width:28px;height:24px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.card-preview-thumb{width:42px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.modal-preview-thumb{width:48px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))}.bp-name{font-size:10.5px;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bp-prof-badge{font-family:JetBrains Mono,monospace;font-size:8px;font-weight:800;color:#fbbf24;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);padding:1px 4px;border-radius:4px;margin-top:1px}.bp-prof-bar-track{width:90%;height:3px;background:#0f172ae6;border-radius:2px;overflow:hidden;margin:2px 0 1px;border:1px solid rgba(56,189,248,.2)}.bp-prof-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#10b981);transition:width .2s ease-out}.bp-prof-kills-text{font-family:JetBrains Mono,monospace;font-size:7.5px;font-weight:700;color:#94a3b8;margin-bottom:2px}.bp-stats{font-family:JetBrains Mono,monospace;font-size:8px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bp-status{font-family:JetBrains Mono,monospace;font-size:8.5px;font-weight:800;margin-top:2px;padding:1px 4px;border-radius:3px}.bp-status.selected{color:#38bdf8;background:#38bdf833}.bp-status.ready{color:#10b981}.bp-status.locked{color:#64748b}.hud-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.hud-top-bar{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:auto;z-index:12}.hud-player-status{display:flex;flex-direction:column;gap:3px;width:130px}.hud-hp-header{display:flex;align-items:center;gap:4px}.hp-heart{font-size:11px}.hp-val{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;color:#f1f5f9;letter-spacing:.5px}.player-bar-track{width:100%;height:7px;background:#0b0f19e6;border:1px solid rgba(56,189,248,.4);border-radius:4px;overflow:hidden}.player-bar-fill{height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8);transition:width .15s ease-out;box-shadow:0 0 8px #38bdf880}.hud-ammo-header{display:flex;align-items:center;justify-content:space-between;margin-top:3px;gap:4px}.ammo-info-group{display:flex;align-items:center;gap:3px}.ammo-bullet-icon{font-size:10px;color:#fbbf24}.ammo-val{font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:800;color:#f1f5f9;letter-spacing:.5px}.hud-reload-btn{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24;font-family:JetBrains Mono,monospace;font-size:8.5px;font-weight:800;padding:1px 6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;line-height:1.2}.hud-reload-btn:hover{background:#f59e0b4d;border-color:#fbbf24;transform:scale(1.05)}.hud-reload-btn:active{transform:scale(.95)}.hud-reload-btn.active-reloading{background:#38bdf833;border-color:#38bdf8;color:#38bdf8;animation:reload-pulse .8s infinite alternate}@keyframes reload-pulse{0%{opacity:.7}to{opacity:1}}.ammo-track{height:5px;border-color:#f59e0b59}.player-ammo-fill{height:100%;background:linear-gradient(90deg,#d97706,#fbbf24);transition:width .1s ease-out;box-shadow:0 0 6px #fbbf2466}.player-ammo-fill.low{background:linear-gradient(90deg,#dc2626,#ef4444);box-shadow:0 0 6px #ef444499;animation:low-ammo-flash .5s infinite alternate}@keyframes low-ammo-flash{0%{opacity:.7}to{opacity:1}}.player-ammo-fill.reloading{background:linear-gradient(90deg,#0284c7,#38bdf8);box-shadow:0 0 8px #38bdf899}.hud-room-badge{background:#0b0f19d9;border:1px solid rgba(56,189,248,.3);padding:4px 12px;border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-room-text{font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;color:#38bdf8}.hud-top-actions{display:flex;align-items:center;gap:6px}.hud-mini-btn{background:#0b0f19d9;border:1px solid rgba(148,163,184,.3);color:#fff;border-radius:50%;width:34px;height:34px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .1s ease}.hud-mini-btn:active{transform:scale(.92)}.boss-bar-container{position:absolute;top:54px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background:#0b0f19e6;border:1px solid rgba(239,68,68,.5);border-radius:8px;padding:6px 10px;box-shadow:0 0 16px #ef44444d;z-index:12}.boss-name-row{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800;color:#ef4444;margin-bottom:3px;letter-spacing:1px}.boss-bar{height:8px;background:#0f172af2;border:1px solid rgba(239,68,68,.6);border-radius:4px;overflow:hidden}.boss-fill{height:100%;background:linear-gradient(90deg,#b91c1c,#ef4444 70%,#f05);box-shadow:0 0 10px #ef4444cc;transition:width .15s ease-out}.hud-bottom-gear{position:absolute;bottom:16px;left:16px;pointer-events:auto;z-index:12}.gear-strip{display:flex;gap:4px;align-items:center}.gear-slot{position:relative;width:34px;height:34px;border-radius:6px;background:#0b0f19d9;border:1px solid rgba(56,189,248,.3);display:flex;align-items:center;justify-content:center;font-size:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 6px #00000080;transition:all .15s ease}.gear-slot.weapon-slot{width:38px;height:38px;border-color:#38bdf8;background:linear-gradient(135deg,#0284c740,#0b0f19e6);box-shadow:0 0 8px #38bdf840}.gear-slot.empty{border-color:#47556933;background:#0b0f1966}.slot-placeholder{opacity:.2;filter:grayscale(1);font-size:13px}.slot-icon{display:flex;align-items:center;justify-content:center}.slot-lvl{position:absolute;top:-3px;right:-3px;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:800;color:#fff;background:#0284c7;border:1px solid #38bdf8;padding:0 2px;border-radius:3px;line-height:1.1}.weapon-kill-bar-wrap{position:absolute;bottom:2px;left:2px;right:2px;height:2px;background:#0f172ae6;border-radius:1px;overflow:hidden}.weapon-kill-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#34d399);transition:width .2s ease-out}.slot-divider{width:1px;height:24px;background:#4755694d;margin:0 2px}.passive-slot{border-color:#c084fc4d}.action-button-anchor{position:absolute;bottom:16px;right:16px;pointer-events:auto;z-index:12}.btn-action-skill{position:relative;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at center,#1e1b4b,#0b0f19);border:2px solid #a855f7;box-shadow:0 0 16px #a855f766,inset 0 0 8px #a855f733;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;touch-action:none;transition:transform .1s ease,box-shadow .2s ease}.btn-action-skill:active{transform:scale(.92)}.btn-action-skill:not(:disabled):hover{box-shadow:0 0 24px #c084fccc,inset 0 0 12px #c084fc66}.btn-action-skill:disabled{opacity:.4;border-color:#475569;box-shadow:none;cursor:not-allowed}.action-icon{font-size:22px;z-index:2}.action-key-tag{font-family:JetBrains Mono,monospace;font-size:7px;font-weight:800;color:#c084fc;letter-spacing:1px;margin-top:1px;z-index:2}.skill-cd-mask{position:absolute;bottom:0;left:0;width:100%;background:#000000bf;transition:height .05s linear;pointer-events:none;z-index:1}.joystick-base{position:absolute;width:100px;height:100px;border-radius:50%;background:#0284c726;border:2px solid rgba(56,189,248,.4);transform:translate(-50%,-50%);pointer-events:none;z-index:15}.joystick-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at center,#38bdf8,#0284c7);border:2px solid #ffffff;box-shadow:0 0 12px #38bdf8cc;transform:translate(-50%,-50%);pointer-events:none}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#030712bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto;z-index:30}.modal-card{width:100%;max-width:340px;background:#0f172a;border:1px solid #38bdf8;border-radius:16px;padding:16px;box-shadow:0 10px 30px #000000e6,0 0 20px #38bdf84d;display:flex;flex-direction:column;gap:12px}.modal-header{display:flex;align-items:center;gap:12px}.item-icon-badge{width:44px;height:44px;border-radius:10px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);display:flex;align-items:center;justify-content:center;font-size:24px}.item-header-text{flex:1}.item-title{font-size:16px;font-weight:700;color:#fff}.item-rarity-badge{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;color:#38bdf8}.item-rarity-badge.rare{color:#38bdf8}.item-rarity-badge.epic{color:#c084fc}.item-rarity-badge.legendary{color:#fbbf24}.item-desc{font-family:JetBrains Mono,monospace;font-size:12px;color:#94a3b8;line-height:1.4}.compare-box{background:#1e293b99;border-radius:8px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px}.compare-col{display:flex;flex-direction:column;gap:2px}.compare-sub{color:#64748b;font-size:9px}.compare-val{font-weight:700}.compare-arrow{color:#64748b;font-size:14px}.replace-prompt{font-family:JetBrains Mono,monospace;font-size:12px;color:#f59e0b;text-align:center}.replace-btn-group{display:flex;flex-direction:column;gap:6px}.modal-action-row{display:flex;gap:8px;margin-top:4px}.modal-action-row .btn{flex:1}.deployment-section{display:flex;flex-direction:column;gap:10px}.step-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#38bdf8;display:flex;align-items:center;gap:6px;text-transform:uppercase}.class-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.class-tab{background:#0f172acc;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:center}.class-tab:hover{transform:translateY(-2px);background:#1e293be6}.class-tab.active-fighter{border-color:#38bdf8;background:linear-gradient(180deg,#38bdf833,#0f172ae6);box-shadow:0 0 16px #38bdf859}.class-tab.active-hunter{border-color:#10b981;background:linear-gradient(180deg,#10b98133,#0f172ae6);box-shadow:0 0 16px #10b98159}.class-tab.active-mage{border-color:#c084fc;background:linear-gradient(180deg,#c084fc33,#0f172ae6);box-shadow:0 0 16px #c084fc59}.class-tab-icon{font-size:22px}.class-tab-name{font-size:13px;font-weight:700;letter-spacing:1px;color:#fff}.class-tab-style{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;text-transform:uppercase;color:#94a3b8}.active-fighter .class-tab-style{color:#38bdf8}.active-hunter .class-tab-style{color:#34d399}.active-mage .class-tab-style{color:#c084fc}.class-info-panel{background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;text-align:left}.class-stat-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.stat-pill{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.stat-pill.cyan{color:#38bdf8;border-color:#38bdf866;background:#38bdf81a}.stat-pill.emerald{color:#34d399;border-color:#10b98166;background:#10b9811a}.stat-pill.purple{color:#c084fc;border-color:#c084fc66;background:#c084fc1a}.weapon-choice-grid{display:flex;flex-direction:column;gap:8px}.start-weapon-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;position:relative}.start-weapon-card:hover{transform:translateY(-2px);background:#1e293bf2;border-color:#ffffff4d}.start-weapon-card.selected{border-color:#f59e0b;background:linear-gradient(135deg,#1e1b4b99,#0f172af2);box-shadow:0 0 16px #f59e0b4d}.sw-header{display:flex;align-items:center;gap:10px}.sw-icon{width:34px;height:34px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sw-meta{flex:1;min-width:0}.sw-name{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-radio{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;background:#ffffff14;color:#94a3b8}.start-weapon-card.selected .sw-radio{background:#f59e0b;color:#000}.sw-stats{display:flex;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;color:#cbd5e1;background:#00000040;padding:3px 8px;border-radius:6px}.sw-proscons{display:flex;flex-direction:column;gap:2px;font-family:JetBrains Mono,monospace;font-size:10px}.upgrade-backdrop,.loot-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#030712e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:40;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.upgrade-screen-deck{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px;margin:auto;animation:deckFadeIn .2s ease-out}@keyframes deckFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upgrade-deck-header{text-align:center}.upgrade-deck-title{font-family:Chakra Petch,sans-serif;font-size:22px;font-weight:700;letter-spacing:2px;color:#fff;text-shadow:0 0 16px rgba(56,189,248,.5)}.upgrade-cards-stack{width:100%;display:flex;flex-direction:column;gap:10px}.upgrade-deck-card{position:relative;width:100%;display:grid;grid-template-columns:20px 48px 1fr auto;align-items:center;gap:12px;padding:14px 16px;background:#0f172af2;border:1.5px solid rgba(255,255,255,.15);border-radius:14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;outline:none}.upgrade-deck-card:focus-visible{outline:none;border-color:#38bdf8!important;box-shadow:0 0 0 2px #38bdf8,0 6px 20px #000000b3!important}.upgrade-deck-card:hover{transform:translateY(-2px)}.upgrade-deck-card:active{transform:scale(.985)}.upgrade-deck-card.skill-theme{border-color:#c084fc66}.upgrade-deck-card.skill-theme:hover{border-color:#c084fc;box-shadow:0 4px 20px #a855f74d}.upgrade-deck-card.armor-theme{border-color:#38bdf866}.upgrade-deck-card.armor-theme:hover{border-color:#38bdf8;box-shadow:0 4px 20px #38bdf84d}.upgrade-deck-card.weapon-theme{border-color:#fbbf2466}.upgrade-deck-card.weapon-theme:hover{border-color:#fbbf24;box-shadow:0 4px 20px #f59e0b4d}.card-num{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;color:#64748b;text-align:center}.card-icon-frame{width:46px;height:46px;border-radius:10px;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.icon-glyph{font-size:24px;line-height:1}.card-body-column{display:flex;flex-direction:column;gap:4px;text-align:left;overflow:hidden}.card-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-name{font-family:Chakra Petch,sans-serif;font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px;line-height:1.2}.type-tag{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:800;letter-spacing:.8px;padding:1px 6px;border-radius:4px;text-transform:uppercase}.skill-tag{color:#d8b4fe;background:#a855f72e;border:1px solid rgba(168,85,247,.35)}.armor-tag{color:#7dd3fc;background:#38bdf82e;border:1px solid rgba(56,189,248,.35)}.weapon-tag{color:#fde047;background:#f59e0b2e;border:1px solid rgba(245,158,11,.35)}.swap-tag{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;color:#f472b6;background:#ec48991f;border:1px solid rgba(236,72,153,.3);padding:1px 5px;border-radius:4px}.card-benefit-text{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;line-height:1.3}.card-pick-btn{padding:8px 14px;border-radius:8px;border:none;font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:800;letter-spacing:1px;cursor:pointer;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2);transition:all .15s ease}.upgrade-deck-card:hover .card-pick-btn{background:#fff;color:#000}.upgrade-deck-card.skill-theme:hover .card-pick-btn{background:#c084fc;color:#000;border-color:#c084fc}.upgrade-deck-card.armor-theme:hover .card-pick-btn{background:#38bdf8;color:#000;border-color:#38bdf8}.upgrade-deck-card.weapon-theme:hover .card-pick-btn{background:#fbbf24;color:#000;border-color:#fbbf24}.upgrade-deck-footer{text-align:center;margin-top:2px}.footer-hint{font-family:JetBrains Mono,monospace;font-size:10px;color:#64748b}.footer-hint kbd{font-family:JetBrains Mono,monospace;font-size:9px;background:#1e293be6;border:1px solid rgba(148,163,184,.4);padding:1px 5px;border-radius:4px;color:#e2e8f0;font-weight:700}.cyber-modal-card{width:100%;max-width:360px;background:#0f172afa;border:1.5px solid rgba(56,189,248,.4);border-radius:16px;padding:18px;box-shadow:0 12px 36px #000000e6,0 0 25px #38bdf833;display:flex;flex-direction:column;gap:14px;animation:deckFadeIn .2s ease-out}.modal-header-cyber{display:flex;align-items:center;gap:12px}.cyber-icon-frame{width:48px;height:48px;border-radius:10px;background:#1e293bcc;border:1px solid rgba(56,189,248,.4);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.cyber-icon-glyph{line-height:1}.cyber-header-info{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.cyber-action-row{display:flex;gap:8px}.cyber-btn-primary,.cyber-btn-tertiary{flex:1;padding:10px 14px;min-height:42px}.objective-banner{align-self:center;margin-top:8px;background:#0b0f19e0;border:1px solid rgba(56,189,248,.5);box-shadow:0 4px 20px #0009,0 0 15px #38bdf833;padding:6px 16px;border-radius:9999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;animation:objective-pulse 2s infinite ease-in-out}.objective-text{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.5px;color:#f8fafc;display:flex;align-items:center;gap:8px;white-space:nowrap}@keyframes objective-pulse{0%,to{transform:translateY(0);border-color:#38bdf880}50%{transform:translateY(-2px);border-color:#38bdf8e6;box-shadow:0 6px 24px #000000b3,0 0 22px #38bdf866}}