@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&display=swap";:root{--primary-red:#ff3b56;--electric-yellow:#ffd000;--water-blue:#00b4d8;--grass-green:#38b000;--dark-bg:#070c13;--metal-bg:#0e1622;--metal-border:#1f3044;--metal-highlight:#334d6b;--neon-cyan:#00f0ff;--text-main:#e2e8f0;--text-dim:#8292a4;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--dark-bg);width:100%;height:100%;font-family:var(--font-family);color:var(--text-main);overflow:hidden}#app{width:100vw;height:100vh;position:relative}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hidden{display:none!important}.vignette{pointer-events:none;z-index:2;background:radial-gradient(#0000 45%,#04070cd1 100%);width:100%;height:100%;position:absolute;top:0;left:0}.damage-flash{pointer-events:none;opacity:0;z-index:3;background:radial-gradient(#0000 30%,#ff1e50bf 100%);width:100%;height:100%;transition:opacity 80ms ease-out;position:absolute;top:0;left:0}.damage-flash.active{opacity:1}.topbar{-webkit-backdrop-filter:blur(12px);border:1px solid var(--metal-border);z-index:20;background:#0b121beb;border-radius:12px;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:1200px;padding:8px 18px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #000000a6}.brand-section{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(180deg, var(--primary-red) 50%, #fff 50%);border:2px solid #111;border-radius:50%;width:24px;height:24px;box-shadow:0 0 10px #ff3b5699}.brand-title{letter-spacing:.5px;color:#fff;font-size:15px;font-weight:900}.sub-operation{color:#8da4b8;align-items:center;gap:6px;margin-top:1px;font-size:11px;display:flex}.top-tools{align-items:center;gap:8px;display:flex}.top-tool-btn{border:1px solid var(--metal-border);color:#cbd5e1;cursor:pointer;background:#ffffff0a;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.top-tool-btn:hover{color:#fff;background:#00f0ff14;border-color:#3b5677}.top-tool-btn.lang-btn{color:#ffd000;background:#ffd0000f;border-color:#ffd00059}.top-tool-btn.lang-btn:hover{background:#ffd00026;border-color:#ffd000}.pause-toggle span{letter-spacing:-1px;font-weight:900}.hud-supply-timer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:15;background:#0c131deb;border:1px solid #273a50;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;display:flex;position:absolute;top:66px;left:24px;box-shadow:0 6px 20px #0009}.hud-supply-timer .timer-label{color:#8da4b8;letter-spacing:.5px;font-size:11px;font-weight:800}.hud-supply-timer b{color:#ffd000;font-size:15px;font-weight:900}.hud-kill-speed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:15;background:#0c131deb;border:1px solid #273a50;border-radius:8px;flex-direction:column;gap:4px;padding:6px 14px;display:flex;position:absolute;top:66px;right:24px;box-shadow:0 6px 20px #0009}.speed-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.speed-label{color:#8da4b8;font-size:11px;font-weight:800}.speed-val-box b{color:#00f0ff;font-size:16px;font-weight:900}.speed-val-box small{color:#64748b;margin-left:2px;font-size:10px}.speed-gauge-track{background:#192738;border-radius:2px;width:110px;height:4px;overflow:hidden}.speed-gauge-track i{background:linear-gradient(90deg,#00f0ff,#ffd000);height:100%;transition:width .3s;display:block;box-shadow:0 0 8px #00f0ff}.hud-synergy-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:25;pointer-events:auto;background:#0c131df0;border:1px solid #00f0ff59;border-radius:20px;align-items:center;gap:10px;padding:5px 14px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:66px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #000000b3,0 0 16px #00f0ff2e}.hud-synergy-bar.hidden{display:none!important}.synergy-bar-label{color:#00f0ff;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;border-right:1px solid #ffffff24;align-items:center;gap:5px;padding-right:8px;font-size:11px;font-weight:900;display:flex}.synergy-label-icon{filter:drop-shadow(0 0 6px #00f0ff);font-size:13px}.synergy-badges-container{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.synergy-pill{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.synergy-pill:hover{transform:translateY(-2px)scale(1.04)}.synergy-pill .pill-icon{font-size:12px}.synergy-pill .pill-title{color:#fff}.synergy-pill .pill-tier{letter-spacing:.5px;background:#00000080;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:900}.synergy-pill.synergy-fire{background:linear-gradient(90deg,#ff540052,#ff780029);border:1px solid #ff5400a6;box-shadow:0 0 10px #ff540040}.synergy-pill.synergy-fire .pill-tier{color:#ff9100;border:1px solid #ff780080}.synergy-pill.synergy-water{background:linear-gradient(90deg,#00b4ff52,#00dcff29);border:1px solid #00c8ffa6;box-shadow:0 0 10px #00c8ff40}.synergy-pill.synergy-water .pill-tier{color:#00e5ff;border:1px solid #00dcff80}.synergy-pill.synergy-grass{background:linear-gradient(90deg,#2ed57352,#3ce68229);border:1px solid #2ed573a6;box-shadow:0 0 10px #2ed57340}.synergy-pill.synergy-grass .pill-tier{color:#2ed573;border:1px solid #2ed57380}.synergy-pill.synergy-electric{background:linear-gradient(90deg,#ffd70052,#ffe65029);border:1px solid #ffd700a6;box-shadow:0 0 10px #ffd70040}.synergy-pill.synergy-electric .pill-tier{color:#ffd000;border:1px solid #ffd70080}.synergy-pill.synergy-rainbow{background:linear-gradient(90deg,#e056fd59,#686de040);border:1px solid #e056fdb3;animation:3s infinite alternate rainbow-pulse;box-shadow:0 0 12px #e056fd59}.synergy-pill.synergy-rainbow .pill-tier{color:#e056fd;border:1px solid #e056fd99}@keyframes rainbow-pulse{0%{box-shadow:0 0 8px #e056fd40}to{box-shadow:0 0 16px #e056fd99}}.synergy-pill.tidal-shield-badge{color:#e0f2fe;background:linear-gradient(90deg,#0ea5e959,#38bdf833);border:1px solid #38bdf8;box-shadow:0 0 12px #38bdf866}.synergy-placeholder{color:#64748b;padding:2px 8px;font-size:11px;font-style:italic}.hud-gate-alert{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:15;background:#0a1019f0;border:1.5px solid #2e4663;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:all .3s;display:flex;position:absolute;bottom:180px;left:24px;box-shadow:0 8px 30px #000c,0 0 16px #00f0ff33}.hud-gate-alert.hidden{opacity:0;pointer-events:none;transform:translate(-20px)}.gate-alert-icon{background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:6px;padding:6px;font-size:24px}.gate-alert-info strong{color:#fff;font-size:13px;font-weight:900;display:block}.gate-alert-info span{color:#00f0ff;font-size:11px}.gym-alert-banner{z-index:50;background:linear-gradient(90deg,#e63946f2,#f77f00f2);border:1.5px solid #ffd000;border-radius:12px;align-items:center;gap:12px;padding:8px 24px;animation:1.5s ease-in-out infinite alternate pulseAlert;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #f77f0099,0 0 20px #ffd00066}@keyframes pulseAlert{0%{transform:translate(-50%)scale(.98)}to{transform:translate(-50%)scale(1.02)}}@keyframes bounceAlert{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.gym-alert-content strong{color:#fff;letter-spacing:.5px;font-size:14px;font-weight:900;display:block}.gym-boss-container{z-index:45;background:linear-gradient(#101824f5 0%,#090e15fa 100%);border:1.5px solid #ffd000;border-radius:12px;width:calc(100% - 32px);max-width:640px;padding:10px 18px;position:absolute;top:86px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #000000d9,0 0 25px #ffd00059}.gym-boss-avatar{background:radial-gradient(circle,#ffd00040 0%,#0d1520 80%);border:1.5px solid #ffd000;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;display:flex;box-shadow:0 0 10px #ffd00080}.gym-boss-titles{flex:1}.gym-boss-titles strong{color:#fff;letter-spacing:.5px;font-size:15px;font-weight:900;display:block}.gym-boss-state-tag{color:#00f0ff;background:#00f0ff1f;border:1px solid #00f0ff4d;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:800}.gym-boss-hp-track{background:#111a26;border:1px solid #25394f;border-radius:5px;height:10px;overflow:hidden}.gym-boss-hp-fill{background:linear-gradient(90deg,#ff0054,#ff5400,#ffd000);width:100%;height:100%;transition:width .18s ease-out;box-shadow:0 0 12px #ff5400}.hud-deck{z-index:25;flex-direction:column;width:100%;display:flex;position:absolute;bottom:0;left:0}.hud-xp-banner{background:#080d14f2;border-top:1.5px solid #22354a;border-bottom:1.5px solid #22354a;align-items:center;gap:16px;width:100%;height:28px;padding:0 24px;display:flex}.xp-banner-left span{color:#8da4b8;letter-spacing:.5px;font-size:11px;font-weight:800}.xp-banner-left b{color:#ffd000;margin-left:4px;font-size:13px}.xp-banner-track{background:#111a26;border:1px solid #1f2f42;border-radius:4px;flex:1;height:7px;overflow:hidden}.xp-banner-track .xp-fill{background:linear-gradient(90deg,#00b4d8,#00f0ff);width:0%;height:100%;transition:width .25s ease-out;display:block;box-shadow:0 0 10px #00f0ff}.xp-banner-right span{color:#798da0;font-family:monospace;font-size:11px;font-weight:700}.hud-console{background:linear-gradient(#121b27 0%,#0a1017 50%,#06090e 100%);grid-template-columns:310px 420px 1fr;gap:12px;width:100%;height:135px;padding:10px 24px 12px;display:grid}.console-block{background:#0a1019d9;border:1.5px solid #1f3044;border-radius:10px;flex-direction:column;justify-content:space-between;padding:8px 14px;display:flex;position:relative}.console-tactical{flex-direction:row;align-items:center;gap:14px}.radar-box{background:#03080d;border:1.5px solid #1b382d;border-radius:6px;flex-shrink:0;width:136px;height:76px;position:relative;overflow:hidden}.radar-box canvas{width:100%;height:100%;display:block}.radar-tag{color:#10b981;font-size:8px;font-weight:800;position:absolute;bottom:2px;right:4px}.tactical-readouts{flex-direction:column;flex:1;gap:5px;display:flex}.readout-item{justify-content:space-between;align-items:baseline;display:flex}.readout-item small{color:#7d92a6;font-size:10.5px;font-weight:700}.readout-item b{color:#fff;font-family:monospace;font-size:17px;font-weight:900}.readout-item span{color:#00f0ff;font-size:11px;font-weight:800}.console-squad{flex-direction:row;align-items:center;gap:14px}.squad-portrait-box{background:#060c13;border:2px solid #283c50;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative}.portrait-avatar{font-size:40px}.portrait-scan{background:linear-gradient(#0000 0%,#00f0ff26 50%,#0000 100%);width:100%;height:100%;animation:2.5s linear infinite scanAnim;position:absolute;top:0;left:0}.portrait-tag{color:#00f0ff;letter-spacing:1px;font-size:8px;font-weight:900;position:absolute;bottom:2px}.squad-info{flex-direction:column;flex:1;gap:8px;display:flex}.squad-heading{justify-content:space-between;align-items:center;display:flex}.squad-heading strong{color:#fff;font-size:16px;font-weight:900}.squad-type-breakdown{gap:6px;display:flex}.type-pill{border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:800}.type-pill.fire{color:#ff6b8b;background:#ff3b5626;border:1px solid #ff3b5659}.type-pill.water{color:#00f0ff;background:#00b4d826;border:1px solid #00b4d859}.type-pill.grass{color:#4ade80;background:#38b00026;border:1px solid #38b00059}.losses-tag{color:#7d92a6;font-size:10.5px}.losses-tag b{color:#fff;font-weight:900}.line-status-bar{align-items:center;gap:10px;display:flex}.line-meter{background:#111a24;border:1px solid #1e2e3f;border-radius:4px;flex:1;height:8px;overflow:hidden}.line-meter i{background:linear-gradient(90deg,#10b981,#34d399);height:100%;transition:width .2s ease-out;display:block;box-shadow:0 0 8px #10b981}.line-status-bar b{color:#fff;text-align:right;width:42px;font-size:12px;font-weight:900}.console-party .console-label{color:#70869d;letter-spacing:.8px;margin-bottom:6px;font-size:10px;font-weight:800}.console-roster{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.roster-card{text-align:center;background:#ffffff06;border:1px solid #1e2c3d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:80px;padding:4px 4px 6px;transition:all .2s;display:flex;position:relative;overflow:hidden}.roster-card.active{background:#00f0ff0a;border-color:#38506e}.roster-card.empty{background:#0003;border:1px dashed #223447}.roster-avatar-box{justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:2px;display:flex}.roster-thumb{object-fit:contain;filter:drop-shadow(0 2px 5px #0009);width:32px;height:32px}.roster-meta{flex-direction:column;align-items:center;gap:1px;width:100%;display:flex}.roster-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:800;overflow:hidden}.lead-badge{color:#ffd000;background:#ffd00040;border:1px solid #ffd00080;border-radius:2px;padding:0 2px;font-size:7px;font-weight:900;position:absolute;top:2px;right:2px}.empty-icon{color:#354b61;font-size:18px;line-height:24px}.empty-text{color:#48617a;font-size:8.5px;font-weight:700}.lobby-sidebar{-webkit-backdrop-filter:blur(16px);z-index:85;scrollbar-width:thin;scrollbar-color:#23374d #04090e66;background:linear-gradient(#0e1724f2 0%,#080d14fa 100%);border:1.5px solid #23374d;border-radius:16px;flex-direction:column;width:440px;max-width:calc(100vw - 56px);padding:16px 20px;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;position:absolute;top:66px;bottom:42px;left:28px;overflow-y:auto;box-shadow:0 16px 50px #000000d9,0 0 30px #00f0ff1f}.lobby-sidebar::-webkit-scrollbar{width:5px}.lobby-sidebar::-webkit-scrollbar-track{background:#04090e66;border-radius:4px}.lobby-sidebar::-webkit-scrollbar-thumb{background:#23374d;border-radius:4px}.lobby-sidebar::-webkit-scrollbar-thumb:hover{background:#00f0ff}.lobby-sidebar.hidden{opacity:0;pointer-events:none;transform:translate(calc(-100% - 40px))}.lobby-header-strip{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lobby-tab-badge{letter-spacing:1.5px;color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:900}.lobby-status-dot{color:#48bb78;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.lobby-status-dot i{background:#48bb78;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px #48bb78}.lobby-title-box{align-items:center;gap:10px;margin-bottom:12px;display:flex}.lobby-title{color:#fff;letter-spacing:1px;font-size:26px;font-weight:900}.lobby-update-pill{color:#ffd000;background:#ffd0001f;border:1px solid #ffd00059;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.lobby-comms-box{background:#00000059;border:1px solid #1c2b3c;border-radius:10px;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex}.comm-avatar-frame{background:radial-gradient(circle,#ffd00026 0%,#060b11 80%);border:1.5px solid #ffd000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;overflow:hidden}.comm-avatar-img{object-fit:contain;width:44px;height:44px}.comm-scanline{background:linear-gradient(#0000 0%,#ffd00033 50%,#0000 100%);width:100%;height:100%;animation:3s linear infinite scanAnim;position:absolute;top:0;left:0}.comm-text-body{flex:1}.comm-sender{color:#ffd000;letter-spacing:1px;margin-bottom:3px;font-size:9.5px;font-weight:900;display:block}.comm-dialogue{color:#9cb1c5;font-size:11px;line-height:1.45}.lobby-starter-section{margin-bottom:14px}.section-title-line{color:#7990a6;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800}.lobby-starter-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.lobby-starter-card{text-align:center;cursor:pointer;background:#ffffff08;border:1.5px solid #203144;border-radius:8px;flex-direction:column;align-items:center;padding:8px 6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.lobby-starter-card:hover{background:#00f0ff0a;border-color:#3b5a7d;transform:translateY(-2px)}.lobby-starter-card.active{background:#ffd00014;border-color:#ffd000;box-shadow:0 4px 16px #ffd00040}.starter-avatar-wrap{border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:4px;display:flex}.starter-avatar-wrap.fire{background:radial-gradient(circle,#ff4b2b40 0%,#0000 70%)}.starter-avatar-wrap.water{background:radial-gradient(circle,#00b4d840 0%,#0000 70%)}.starter-avatar-wrap.grass{background:radial-gradient(circle,#38b00040 0%,#0000 70%)}.starter-thumb{object-fit:contain;filter:drop-shadow(0 4px 8px #0009);max-width:44px;max-height:44px}.starter-brief strong{color:#fff;font-size:11.5px;font-weight:900;display:block}.starter-brief small{color:#8fa5ba;margin-top:2px;font-size:9px;display:block}.starter-check{color:#ffd000;opacity:0;font-size:9px;font-weight:900;position:absolute;top:4px;right:5px}.lobby-starter-card.active .starter-check{opacity:1}.starter-details-panel{background:#00000040;border:1px solid #1a293a;border-radius:8px;padding:8px 12px}.details-desc{color:#cbd5e1;margin-bottom:6px;font-size:11px;line-height:1.4}.details-evo-milestones{color:#8da4b8;border-top:1px solid #ffffff0f;justify-content:space-between;padding-top:4px;font-size:9.5px;font-weight:700;display:flex}.details-evo-milestones .highlight{color:#00f0ff}.lobby-action-zone{margin-top:auto;padding-top:10px}.large-deploy-btn{letter-spacing:1px;color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff3b56 0%,#ff6b8b 50%,#ff3b56 100%) 0 0/200%;border:none;border-radius:8px;width:100%;padding:13px 20px;font-size:15px;font-weight:900;transition:all .2s;animation:3s linear infinite btnGlow;box-shadow:0 0 24px #ff3b5699}.large-deploy-btn:hover{transform:translateY(-2px);box-shadow:0 0 32px #ff3b56d9}@keyframes btnGlow{0%{background-position:0%}to{background-position:200%}}.lobby-hotkey-strip{text-align:center;color:#64748b;margin-top:6px;font-size:9.5px}.lobby-record-bar{border-top:1px solid #1a293a;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.record-item small{color:#7990a6;font-size:9.5px;display:block}.record-item b{color:#ffd000;font-size:14px;font-weight:900}.leaderboard-link{color:#00f0ff;cursor:pointer;font-size:10.5px;font-weight:800}.lobby-bottom-bar{color:#64748b;z-index:80;background:#060a10e6;border-top:1px solid #1a2a3c;justify-content:space-between;align-items:center;height:32px;padding:0 24px;font-size:11px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.lobby-bottom-bar.hidden{opacity:0;pointer-events:none}.tactical-upgrade-panel{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle at 50% -20%,#1a2a44 0%,#0c1422 55%,#05080e 100%);border:1.5px solid #00f0ff66;border-radius:24px;width:95%;max-width:1040px;padding:26px 32px 22px;animation:.3s cubic-bezier(.16,1,.3,1) modalPop;position:relative;overflow:hidden;box-shadow:0 25px 90px #000000f2,0 0 50px #00f0ff33,inset 0 1px #ffffff26}.tactical-upgrade-panel:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff,#ffd000,#00f0ff,#0000);height:2px;position:absolute;top:0;left:10%;right:10%;box-shadow:0 0 16px #00f0ff}.upgrade-header{flex-direction:column;align-items:center;margin-bottom:22px;display:flex;position:relative}.upgrade-header-main{align-items:center;gap:14px;display:flex}.chevron-tag{color:#fff;letter-spacing:3px;text-shadow:0 2px 10px #0009;font-size:20px;font-weight:900}.upgrade-header-main b{color:#ffd000;background:linear-gradient(#fff7b3 0%,#ffd000 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px #ffd000a6);-webkit-background-clip:text;padding:0 4px;font-size:26px;font-weight:900}.upgrade-sub-tag{color:#00f0ff;letter-spacing:3px;text-transform:uppercase;opacity:.9;text-shadow:0 0 10px #00f0ff80;margin-top:4px;font-size:11px;font-weight:800}.upgrade-cards-row{perspective:1200px;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:24px;display:grid}.tactical-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#15202e 0%,#0c121b 100%);border:1.5px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;min-height:440px;padding:16px 16px 18px;transition:all .3s cubic-bezier(.25,.9,.35,1.15);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #0009}.card-holo-foil{opacity:.4;pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ffffff08 40%,#00f0ff1f 50%,#ffd00026 55%,#ffffff0d 60%,#0000 80%);transition:opacity .4s;position:absolute;inset:-100%;transform:rotate(-15deg)}.tactical-card:hover .card-holo-foil,.tactical-card.focused .card-holo-foil{opacity:1;animation:1.8s ease-in-out infinite holoSweep}@keyframes holoSweep{0%{transform:translateY(-40%)rotate(-15deg)}50%{transform:translateY(40%)rotate(-15deg)}to{transform:translateY(-40%)rotate(-15deg)}}.card-top-ribbon{z-index:2;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;display:flex}.card-hotkey-pill{color:#fff;letter-spacing:1px;background:#0000008c;border:1px solid #ffffff40;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:900}.card-rarity-pill{text-transform:uppercase;letter-spacing:.5px;color:#00f0ff;background:#00f0ff26;border:1px solid #00f0ff59;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:800}.card-category-banner{text-align:left;z-index:2;width:100%;margin-bottom:8px}.category-text{color:#cbd5e1;letter-spacing:.5px;font-size:11px;font-weight:800}.card-hero-stage{z-index:2;justify-content:center;align-items:center;width:100%;height:155px;margin-bottom:12px;display:flex;position:relative}.card-pedestal-glow{filter:blur(12px);z-index:1;background:radial-gradient(circle,#00f0ff38 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute}.card-pedestal-ring{z-index:1;border:1.5px solid #00f0ff73;border-radius:50%;width:110px;height:40px;position:absolute;bottom:10px;transform:rotateX(65deg);box-shadow:0 0 14px #00f0ff4d,inset 0 0 10px #00f0ff33}.card-hero-img{object-fit:contain;z-index:3;filter:drop-shadow(0 12px 20px #000c)drop-shadow(0 0 12px #00f0ff59);max-width:145px;height:125px;transition:transform .3s cubic-bezier(.3,1,.4,1);animation:3.6s ease-in-out infinite heroFloat}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.card-hero-stage.emblem-mode .card-tactical-orbit{z-index:3;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border:1px dashed #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;animation:12s linear infinite orbitRotate;display:flex;position:relative}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-hero-stage.emblem-mode .card-hero-icon{filter:drop-shadow(0 0 14px #ffd000);font-size:46px;animation:12s linear infinite orbitCounterRotate}@keyframes orbitCounterRotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.card-info-box{text-align:center;z-index:2;flex-direction:column;flex:1;align-items:center;width:100%;margin-bottom:14px;display:flex}.card-title{color:#fff;text-shadow:0 2px 8px #000c;margin-bottom:8px;font-size:17px;font-weight:900;line-height:1.3}.card-desc{color:#94a3b8;text-align:center;margin:0;font-size:12.5px;line-height:1.55}.stat-highlight{color:#ffd000;text-shadow:0 0 8px #ffd00073;font-weight:800}.card-action-bar{z-index:2;width:100%}.card-select-btn{letter-spacing:.5px;cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 14px;font-size:13px;font-weight:800;transition:all .22s;display:flex}.btn-hotkey{color:#ffd000;font-size:11px;font-weight:900}.btn-arrow{transition:transform .22s}.tactical-card:hover .btn-arrow,.tactical-card.focused .btn-arrow{transform:translate(4px)}.card-element-water{background:linear-gradient(#102640 0%,#071526 100%);border-color:#00b4ff73}.card-element-water .card-hotkey-pill{color:#00e5ff;border-color:#00e5ff80}.card-element-water .card-rarity-pill{color:#00d2ff;background:#00b4ff2e;border-color:#00b4ff80}.card-element-water .card-pedestal-glow{background:radial-gradient(circle,#00d2ff59 0%,#0000 70%)}.card-element-water .card-pedestal-ring{border-color:#00d2ff;box-shadow:0 0 16px #00d2ff80,inset 0 0 10px #00d2ff4d}.card-element-water .card-hero-img{filter:drop-shadow(0 12px 20px #000c)drop-shadow(0 0 14px #00d2ff80)}.card-element-water .card-select-btn{color:#e0f7ff;background:linear-gradient(90deg,#0096ff40 0%,#00c8ff59 100%);border-color:#00d2ff80}.card-element-water:hover,.card-element-water.focused{border-color:#00e5ff;transform:translateY(-12px)scale(1.025);box-shadow:0 20px 50px #000000d9,0 0 35px #00e5ff66}.card-element-water:hover .card-select-btn,.card-element-water.focused .card-select-btn{color:#fff;background:linear-gradient(90deg,#0077b6 0%,#00b4d8 100%);border-color:#00f0ff;box-shadow:0 0 20px #00f0ff99}.card-element-fire{background:linear-gradient(#3d1a10 0%,#1c0c07 100%);border-color:#ff540073}.card-element-fire .card-hotkey-pill{color:#ff7b00;border-color:#ff7b0080}.card-element-fire .card-rarity-pill{color:#ff9100;background:#ff54002e;border-color:#ff540080}.card-element-fire .card-pedestal-glow{background:radial-gradient(circle,#ff540059 0%,#0000 70%)}.card-element-fire .card-pedestal-ring{border-color:#ff6000;box-shadow:0 0 16px #ff600080,inset 0 0 10px #ff60004d}.card-element-fire .card-hero-img{filter:drop-shadow(0 12px 20px #000c)drop-shadow(0 0 14px #ff540080)}.card-element-fire .card-select-btn{color:#fff0e8;background:linear-gradient(90deg,#ff540040 0%,#ff780059 100%);border-color:#ff600080}.card-element-fire:hover,.card-element-fire.focused{border-color:#ff6000;transform:translateY(-12px)scale(1.025);box-shadow:0 20px 50px #000000d9,0 0 35px #ff600073}.card-element-fire:hover .card-select-btn,.card-element-fire.focused .card-select-btn{color:#fff;background:linear-gradient(90deg,#d90429 0%,#f77f00 100%);border-color:#ffd000;box-shadow:0 0 20px #ff780099}.card-element-grass{background:linear-gradient(#10331e 0%,#07190e 100%);border-color:#2ed57373}.card-element-grass .card-hotkey-pill{color:#2ed573;border-color:#2ed57380}.card-element-grass .card-rarity-pill{color:#2ed573;background:#2ed5732e;border-color:#2ed57380}.card-element-grass .card-pedestal-glow{background:radial-gradient(circle,#2ed57359 0%,#0000 70%)}.card-element-grass .card-pedestal-ring{border-color:#2ed573;box-shadow:0 0 16px #2ed57380}.card-element-grass:hover,.card-element-grass.focused{border-color:#2ed573;transform:translateY(-12px)scale(1.025);box-shadow:0 20px 50px #000000d9,0 0 35px #2ed57366}.card-element-electric{background:linear-gradient(#362e0c 0%,#1a1505 100%);border-color:#ffd70073}.card-element-electric .card-hotkey-pill{color:#ffd000;border-color:#ffd00080}.card-element-electric .card-rarity-pill{color:#ffd000;background:#ffd7002e;border-color:#ffd70080}.card-element-electric:hover,.card-element-electric.focused{border-color:#ffd000;transform:translateY(-12px)scale(1.025);box-shadow:0 20px 50px #000000d9,0 0 35px #ffd00073}.card-element-legendary{background:linear-gradient(#381026 0%,#1c0713 100%);border-color:#ff3b568c}.card-element-legendary .card-hotkey-pill{color:#ff3b56;border-color:#ff3b5680}.card-element-legendary .card-rarity-pill{color:#ff3b56;background:#ff3b5638;border-color:#ff3b5699}.card-element-legendary:hover,.card-element-legendary.focused{border-color:#ff3b56;transform:translateY(-12px)scale(1.025);box-shadow:0 20px 50px #000000d9,0 0 40px #ff3b5680}.card-element-normal{background:linear-gradient(#182230 0%,#0d131b 100%);border-color:#94a3b84d}.card-element-normal:hover,.card-element-normal.focused{border-color:#00f0ff;transform:translateY(-12px)scale(1.025);box-shadow:0 20px 50px #000000d9,0 0 35px #00f0ff59}.card-element-normal:hover .card-select-btn,.card-element-normal.focused .card-select-btn{color:#031120;background:linear-gradient(90deg,#0284c7 0%,#00f0ff 100%);border-color:#00f0ff;font-weight:900}.card-element-dark{background:linear-gradient(#2b0b1e 0%,#15050f 100%);border-color:#ff007f99}.card-element-dark .card-hotkey-pill{color:#ff007f;border-color:#ff007f99}.card-element-dark .card-rarity-pill{color:#ff2a8d;background:#ff007f38;border-color:#ff007fb3}.card-element-dark .card-pedestal-glow{background:radial-gradient(circle,#ff007f73 0%,#0000 70%)}.card-element-dark .card-pedestal-ring{border-color:#ff007f;box-shadow:0 0 18px #ff007f99,inset 0 0 12px #ff007f66}.card-element-dark .card-select-btn{color:#ffe4f0;background:linear-gradient(90deg,#b4005a66 0%,#ff007f80 100%);border-color:#ff007fcc}.card-element-dark:hover,.card-element-dark.focused{border-color:#ff007f;transform:translateY(-12px)scale(1.025);box-shadow:0 20px 50px #000000e6,0 0 40px #ff007f8c}.card-element-dark:hover .card-select-btn,.card-element-dark.focused .card-select-btn{color:#fff;background:linear-gradient(90deg,#9d0208 0%,#ff007f 100%);border-color:#ff54a4;box-shadow:0 0 24px #ff007fbf}.rarity-cursed{animation:2.5s infinite alternate cursed-card-pulse;border:1.5px solid #ff007f!important}@keyframes cursed-card-pulse{0%{box-shadow:0 0 15px #ff007f4d}to{box-shadow:0 0 30px #ff007f99}}.card-action-bar{align-items:stretch;gap:8px;width:100%;display:flex}.card-action-bar .card-select-btn{flex:1}.card-banish-btn{color:#fca5a5;cursor:pointer;white-space:nowrap;background:#ef44441f;border:1px solid #ef444466;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:11px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.card-banish-btn:hover{color:#fff;background:#ef444459;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 0 14px #ef44448c}.card-banish-btn:active{transform:translateY(0)}.upgrade-footer{color:#94a3b8;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;display:flex}.upgrade-footer .footer-hint{color:#94a3b8;align-items:center;gap:6px;font-size:11.5px;display:flex}.upgrade-footer kbd{color:#cbd5e1;background:#172435;border:1px solid #314a66;border-radius:5px;padding:3px 8px;font-family:inherit;font-weight:700;box-shadow:0 2px 4px #0006}.reroll-tag{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1.5px solid #2d445e;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:800;transition:all .22s;display:flex}.reroll-tag:hover:not(.disabled){color:#ffd000;background:#ffd00026;border-color:#ffd000;transform:translateY(-2px);box-shadow:0 0 16px #ffd00059}.reroll-tag.disabled{opacity:.4;cursor:not-allowed;border-color:#223042}.reroll-tag small{color:#ffd000;background:#0006;border-radius:4px;padding:1px 6px;font-size:10px}.game-toast{color:#05101a;opacity:0;pointer-events:none;z-index:80;background:#00f0fff2;border-radius:20px;padding:6px 20px;font-size:13px;font-weight:900;transition:all .25s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:110px;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 6px 24px #00f0ff99}.game-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.move-callout{color:#fff;z-index:80;background:#ff5400f2;border-radius:12px;padding:6px 18px;font-size:14px;font-weight:900;animation:1.2s ease-out forwards calloutPop;position:absolute;bottom:165px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ff5400cc}.move-callout.hidden{display:none}@keyframes calloutPop{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.8)}20%{opacity:1;transform:translate(-50%)translateY(0)scale(1.1)}80%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-20px)scale(.9)}}#floating-layer{pointer-events:none;z-index:50;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.damage-pop,.floating-dmg{color:#fff;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000,0 3px 8px #000000f2;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:inherit;font-size:20px;font-weight:900;animation:.85s cubic-bezier(.18,.89,.32,1.28) forwards popUp;position:absolute;transform:translate(-50%,-50%)}.damage-pop.crit,.floating-dmg.crit{color:#ffd000;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 0 14px #ffd000d9;font-size:26px}@keyframes popUp{0%{opacity:.9;transform:translate(-50%)scale(.6)}35%{opacity:1;transform:translate(-50%,-24px)scale(1.18)}70%{opacity:1;transform:translate(-50%,-40px)scale(1)}to{opacity:0;transform:translate(-50%,-55px)scale(.85)}}.modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:100;background:#050a12d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}@keyframes modalPop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.evolution-toast{-webkit-backdrop-filter:blur(16px);z-index:9999;pointer-events:auto;background:#0b121bf0;border:1.5px solid #ffd000;border-radius:14px;width:90%;max-width:480px;padding:12px 18px;transition:all .35s cubic-bezier(.16,1,.3,1);position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #000000e6,0 0 25px #ffd00073}.evolution-toast.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-24px)scale(.95)}.evo-toast-inner{align-items:center;gap:14px;display:flex}.evo-toast-avatar{object-fit:contain;filter:drop-shadow(0 0 10px #ffd00099);background:radial-gradient(circle,#ffd00040 0%,#0009 80%);border:1.5px solid #ffd00066;border-radius:12px;flex-shrink:0;width:58px;height:58px;padding:4px;animation:2s infinite alternate evoAvatarGlow}@keyframes evoAvatarGlow{0%{filter:drop-shadow(0 0 8px #ffd00080);transform:scale(1)}to{filter:drop-shadow(0 0 16px #ffd000e6);transform:scale(1.06)}}.evo-toast-content{text-align:left;flex:1}.evo-toast-tag{color:#ffd000;letter-spacing:1px;margin-bottom:2px;font-size:11px;font-weight:900}#evo-toast-title{color:#fff;letter-spacing:.5px;margin-bottom:2px;font-size:16px;font-weight:900;display:block}#evo-toast-desc{color:#cbd5e1;font-size:12px;line-height:1.35}.debrief-dialog{text-align:left;background:linear-gradient(#101822 0%,#070b10 100%);border:1px solid #32475e;border-radius:16px;width:95%;max-width:880px;padding:24px 28px;box-shadow:0 25px 80px #000000f2}.debrief-header{border-bottom:1px solid #233446;margin-bottom:16px;padding-bottom:12px}.debrief-status-tag{color:#00f0ff;letter-spacing:2px;font-size:11px;font-weight:900}.debrief-title{color:#fff;letter-spacing:1px;font-size:26px;font-weight:900}.debrief-rank-section{background:linear-gradient(90deg,#ffd00014 0%,#0003 100%);border:1px solid #ffd00040;border-radius:12px;align-items:center;gap:20px;margin-bottom:18px;padding:16px 20px;display:flex}.rank-badge-large{text-shadow:0 0 15px;border:2px solid;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:42px;font-weight:900;display:flex}.rank-badge-large.rank-s{color:#ffd000;border-color:#ffd000;box-shadow:0 0 35px #ffd00099,inset 0 0 20px #ffd0004d}.rank-badge-large.rank-a{color:#00f0ff;border-color:#00f0ff;box-shadow:0 0 30px #00f0ff99,inset 0 0 20px #00f0ff4d}.rank-badge-large.rank-b{color:#48bb78;border-color:#48bb78;box-shadow:0 0 25px #48bb7880,inset 0 0 15px #48bb7840}.rank-badge-large.rank-c{color:#ff3b56;border-color:#ff3b56;box-shadow:0 0 20px #ff3b5680,inset 0 0 15px #ff3b5640}.rank-info{flex:1}.rank-label{color:#8da4b8;letter-spacing:1px;margin-bottom:2px;font-size:11px;font-weight:800;display:block}.rank-title-text{color:#fff;margin-bottom:4px;font-size:20px;font-weight:900;display:block}.rank-sub-desc{color:#94a3b8;font-size:12px}.debrief-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.debrief-stat-card{text-align:center;background:#ffffff06;border:1px solid #1f2e3f;border-radius:10px;padding:12px}.debrief-stat-card small{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.debrief-stat-card b{color:#fff;margin-bottom:2px;font-size:22px;font-weight:900;display:block}.debrief-stat-card .stat-trend{color:#00f0ff;font-size:10px}.section-label{color:#8da4b8;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.section-label:after{content:"";background:#1f2d3d;flex:1;height:1px}.debrief-roster-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.debrief-roster-item{background:#ffffff05;border:1px solid #1e2c3c;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.debrief-roster-item.active{background:#00f0ff05;border-color:#2e445a}.roster-item-avatar{background:#0006;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex}.roster-item-info{flex:1;overflow:hidden}.roster-item-header{justify-content:space-between;align-items:center;display:flex}.roster-item-header strong{color:#fff;font-size:13px;font-weight:800}.roster-lvl-tag{color:#ffd000;font-size:10px;font-weight:900}.roster-stage-tag{color:#00f0ff;font-size:10px;font-weight:700}.roster-item-move{color:#8da4b8;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.debrief-badges-grid{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.honor-badge-item{color:#f1f5f9;background:#ffd00014;border:1px solid #ffd0004d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:800;display:flex}.honor-badge-icon{font-size:14px}.debrief-actions{gap:12px;display:flex}.debrief-btn{text-align:center;flex:1;padding:13px 20px;font-size:14px;font-weight:800}.sc2-btn{cursor:pointer;border:none;border-radius:8px;transition:all .2s}.sc2-btn.primary{color:#fff;background:linear-gradient(90deg,#ff3b56 0%,#ff6b8b 50%,#ff3b56 100%);box-shadow:0 0 20px #ff3b5699}.sc2-btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff3b56d9}.sc2-btn.secondary{color:#cbd5e1;box-shadow:none;background:#1e293b;border:1px solid #475569}.sc2-btn.secondary:hover{color:#fff;background:#334155;border-color:#64748b;transform:translateY(-2px)}@media (width<=900px){.hud-console{grid-template-columns:1fr;height:auto;padding:8px}.console-party{display:none}.lobby-sidebar{width:calc(100vw - 32px);top:60px;bottom:36px;left:16px}.upgrade-cards-row{grid-template-columns:1fr}.debrief-stats-grid{grid-template-columns:repeat(2,1fr)}.debrief-roster-grid{grid-template-columns:1fr}}.badge-case-btn{color:#ffd000;background:linear-gradient(#2b1f14 0%,#17100b 100%);border:1px solid #b08968;align-items:center;gap:6px;font-weight:800;display:flex}.badge-case-btn:hover{border-color:#ffd000;box-shadow:0 0 12px #ffd00080}.badge-case-box{text-align:center;background:linear-gradient(#1e150f 0%,#100b07 100%);border:2px solid #b08968;border-radius:18px;width:94%;max-width:780px;padding:24px 28px;position:relative;box-shadow:0 20px 80px #000000f2,0 0 40px #b0896859}.badge-case-header{border-bottom:1.5px solid #3d2a1d;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:12px;display:flex}.case-header-left{align-items:baseline;gap:12px;display:flex}.case-tag{color:#f5ebe0;letter-spacing:1px;font-size:20px;font-weight:900}.case-header-left b{color:#ffd000;text-shadow:0 0 10px #ffd00099;font-size:18px;font-weight:900}.case-sub-desc{color:#d5bdaf;margin-bottom:20px;font-size:12px}.modal-close-x{color:#d5bdaf;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px}.modal-close-x:hover{color:#fff}.badge-case-grid,.debrief-badge-case-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.badge-slot{background:#0d0906;border:1.5px dashed #4a3424;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:110px;padding:14px 10px;transition:all .25s;display:flex;position:relative}.badge-slot.unlocked{background:radial-gradient(circle,#ffd00026 0%,#150f0a 80%);border:1.5px solid #d4af37;box-shadow:0 0 16px #d4af3759}.badge-slot.unlocked:hover{border-color:#ffd000;transform:translateY(-4px);box-shadow:0 8px 24px #ffd00080}.badge-slot-icon{filter:drop-shadow(0 0 8px #ffd000b3);font-size:32px}.badge-slot-name{color:#fff;font-size:13px;font-weight:900}.badge-slot-leader{color:#ffd000;font-size:10px}.badge-slot.locked .badge-slot-icon{opacity:.25;filter:grayscale();font-size:26px}.badge-slot.locked .badge-slot-name{color:#6c584c;font-size:11.5px}.badge-slot.locked .badge-slot-leader{color:#4a3b32;font-size:9.5px}.badge-award-card{text-align:center;background:linear-gradient(#182230 0%,#0d141e 100%);border:2px solid #ffd000;border-radius:20px;width:90%;max-width:520px;padding:32px 24px 28px;animation:.35s cubic-bezier(.16,1,.3,1) awardPop;position:relative;box-shadow:0 25px 80px #000000f2,0 0 50px #ffd00073}@keyframes awardPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.award-badge-icon{filter:drop-shadow(0 0 20px #ffd000e6);margin-bottom:12px;font-size:64px;animation:2.5s ease-in-out infinite alternate badgeSpin}@keyframes badgeSpin{0%{transform:scale(1)rotate(-6deg)}to{transform:scale(1.12)rotate(6deg)}}.award-subtitle{color:#ffd000;letter-spacing:2px;margin-bottom:4px;font-size:12px;font-weight:800;display:block}.award-title{color:#fff;letter-spacing:1px;margin-bottom:8px;font-size:28px;font-weight:900}.award-leader-info{color:#00f0ff;margin-bottom:18px;font-size:13.5px;font-weight:800}.award-buff-box{background:#00000059;border:1px solid #ffd00066;border-radius:10px;margin-bottom:24px;padding:10px 16px}.award-buff-box span{color:#8da4b8;font-size:11px;display:block}.award-buff-box strong{color:#ffd000;font-size:14px}.award-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff3b56 0%,#ff5400 100%);border:none;border-radius:10px;width:100%;padding:12px 24px;font-size:14px;font-weight:900;transition:all .2s;box-shadow:0 6px 20px #ff3b5699}.award-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff3b56e6}.gym-alert-banner{z-index:1200;pointer-events:none;background:linear-gradient(90deg,#ff3b56f2 0%,#c2185bf2 100%);border:2px solid #ffd000;border-radius:40px;align-items:center;gap:14px;padding:10px 24px;animation:.35s cubic-bezier(.16,1,.3,1) bannerSlideDown,1.8s ease-in-out infinite alternate bannerPulse;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #ff3b5699,0 0 20px #ffd00080}@keyframes bannerSlideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes bannerPulse{0%{box-shadow:0 8px 32px #ff3b5699,0 0 15px #ffd00066}to{box-shadow:0 12px 42px #ff3b56e6,0 0 30px #ffd000cc}}.gym-alert-pulse{font-size:24px;animation:.8s ease-in-out infinite alternate alertBounce}@keyframes alertBounce{0%{transform:scale(1)}to{transform:scale(1.25)}}.gym-alert-content{flex-direction:column;display:flex}.gym-alert-content strong{color:#fff;letter-spacing:.5px;font-size:14px;font-weight:900}.gym-alert-content span{color:#ffe066;font-size:11.5px;font-weight:700}.gym-boss-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1100;background:#0f172aeb;border:1.5px solid #ffd000;border-radius:14px;width:min(620px,92vw);padding:10px 16px 12px;animation:.3s ease-out bannerSlideDown;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #000c,0 0 25px #ffd00059}.gym-boss-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.gym-boss-avatar{background:#ffffff14;border:1px solid #ffd000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:26px;display:flex}.gym-boss-titles{flex-direction:column;flex:1;display:flex}.gym-boss-titles strong{color:#fff;letter-spacing:.5px;font-size:14px;font-weight:900}.gym-boss-titles span{color:#00f0ff;font-size:11px;font-weight:700}.gym-boss-state-tag{color:#ff3b56;background:#ff3b5626;border:1px solid #ff3b5666;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800;animation:1.4s infinite alternate stateBlink}@keyframes stateBlink{0%{opacity:.7}to{opacity:1;filter:drop-shadow(0 0 6px #ff3b56)}}.gym-boss-hp-track{background:#090e17;border:1px solid #ffffff26;border-radius:6px;width:100%;height:10px;position:relative;overflow:hidden}.gym-boss-hp-fill{background:linear-gradient(90deg,#f05 0%,#ff5400 50%,#ffd000 100%);border-radius:6px;height:100%;transition:width .15s ease-out;box-shadow:0 0 12px #ff5400cc}.equipped-items-dock{-webkit-backdrop-filter:blur(12px);border:1px solid var(--metal-border);z-index:40;pointer-events:auto;background:#0e1622eb;border-radius:12px;width:215px;padding:10px 12px;transition:all .25s;position:absolute;top:130px;left:18px;box-shadow:0 10px 30px #000000b3}.dock-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.dock-title{color:#a0aec0;letter-spacing:.5px;font-size:11px;font-weight:800}.dock-count{color:var(--neon-cyan);background:#00f0ff24;border:1px solid #00f0ff4d;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.party-items-list{flex-direction:column;gap:5px;margin-bottom:8px;display:flex}.party-item-row{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;justify-content:space-between;align-items:center;padding:3px 6px;transition:all .15s;display:flex}.party-item-row:hover{background:#ffffff14;border-color:#ffd00066}.party-item-row.empty-member{opacity:.35;border-style:dashed}.row-poke-info{align-items:center;gap:6px;display:flex}.row-poke-thumb{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);width:24px;height:24px}.row-poke-name{color:#e2e8f0;font-size:11px;font-weight:700}.row-item-slot{background:#0000004d;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-width:60px;padding:2px 6px;display:flex}.row-item-slot.equipped{background:#ffd0001f;border-color:#ffd000}.row-item-icon{font-size:14px}.row-item-name{color:#ffd000;font-size:10px;font-weight:700}.row-item-empty{color:#718096;font-size:10px}.bag-header{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:6px;margin-bottom:6px;padding-top:6px;display:flex}.bag-title{color:#a0aec0;font-size:10px;font-weight:800}.bag-count{color:#ffd000;font-size:9px}.bag-items-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.bag-item-slot{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:44px;height:38px;transition:all .15s;display:flex;position:relative}.bag-item-slot:hover{background:#00f0ff1f;border-color:#00f0ff;transform:translateY(-2px)}.bag-item-slot.empty{opacity:.25;border-style:dashed}.bag-item-icon{font-size:18px}.item-action-modal{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a101af5;border:1px solid #ffd000;border-radius:10px;width:220px;padding:10px 12px;position:absolute;top:10px;left:225px;box-shadow:0 12px 36px #000000d9}.action-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:4px;display:flex}.action-modal-header strong{color:#ffd000;font-size:12px}.action-modal-close{color:#a0aec0;cursor:pointer;background:0 0;border:none;font-size:12px}.action-modal-body{flex-direction:column;gap:6px;display:flex}.action-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.action-btn:hover{color:#ffd000;background:#ffd0002e;border-color:#ffd000}.action-btn.danger{color:#ff5b5b;border-color:#ff5b5b4d}.action-btn.danger:hover{background:#ff5b5b33;border-color:#ff5b5b}.roster-item-badge{z-index:5;cursor:pointer;background:#0e1622e6;border:1px solid #ffd000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:transform .15s;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 0 8px #ffd00099}.roster-item-badge:hover{transform:scale(1.2)}.item-tooltip{pointer-events:none;z-index:100;background:#0b121bf2;border:1px solid #ffd000;border-radius:8px;width:200px;padding:8px 10px;position:absolute;top:0;left:230px;box-shadow:0 6px 20px #000c}.item-tooltip strong{color:#ffd000;margin-bottom:3px;font-size:13px;display:block}.item-tooltip p{color:#cbd5e1;font-size:11px;line-height:1.35}.herald-feed{pointer-events:none;z-index:45;flex-direction:column;gap:8px;width:270px;display:flex;position:absolute;top:130px;right:18px}.herald-card{-webkit-backdrop-filter:blur(10px);background:#0e1622e0;border-left:3px solid #00f0ff;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;transition:opacity .3s,transform .3s;animation:.25s cubic-bezier(.16,1,.3,1) forwards heraldSlideIn;display:flex;box-shadow:0 6px 16px #00000080}@keyframes heraldSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.herald-icon{flex-shrink:0;font-size:18px}.herald-text{color:#e2e8f0;font-size:12px;font-weight:700;line-height:1.3}.herald-text b{color:#ffd000}.badge-side-banner{z-index:60;background:linear-gradient(135deg,#141c2af2,#0b121bf2);border:1px solid #ffd000;border-radius:12px;align-items:center;gap:12px;width:320px;padding:12px 14px;animation:.35s cubic-bezier(.16,1,.3,1) forwards badgeBannerSlideIn;display:flex;position:absolute;top:75px;right:18px;box-shadow:0 10px 30px #ffd00040}@keyframes badgeBannerSlideIn{0%{opacity:0;transform:translate(60px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.badge-banner-avatar{background:#ffd00026;border:2px solid #ffd000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex;box-shadow:0 0 16px #ffd00066}.badge-banner-content{flex:1}.badge-banner-tag{color:#ffd000;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:800}.badge-banner-content strong{color:#fff;font-size:15px;font-weight:900;display:block}.badge-banner-content p{color:#00f0ff;margin-top:2px;font-size:11px;font-weight:700}.badge-side-close{color:#8292a4;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1}.badge-side-close:hover{color:#fff}.badge-case-drawer{-webkit-backdrop-filter:blur(14px);border:1px solid var(--metal-border);z-index:70;background:#0e1622f2;border-radius:12px;width:360px;max-height:calc(100vh - 180px);padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) forwards badgeDrawerIn;position:absolute;top:70px;right:18px;overflow-y:auto;box-shadow:0 16px 40px #000000b3}@keyframes badgeDrawerIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.drawer-title-box{align-items:center;gap:8px;display:flex}.drawer-title-box strong{color:#fff;font-size:15px}.drawer-ratio{color:#ffd000;background:#ffd00026;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:800}.drawer-close-btn{color:#8292a4;cursor:pointer;background:0 0;border:none;font-size:16px}.drawer-close-btn:hover{color:#fff}.drawer-sub{color:#8292a4;margin-bottom:14px;font-size:11px}.badge-drawer-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.drawer-badge-slot{aspect-ratio:1;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;transition:all .15s;display:flex}.drawer-badge-slot.unlocked{background:#ffd00014;border-color:#ffd000;box-shadow:0 0 12px #ffd00033}.drawer-badge-slot.locked{opacity:.35;filter:grayscale()}.drawer-badge-icon{margin-bottom:3px;font-size:22px}.drawer-badge-name{color:#cbd5e1;font-size:10px;font-weight:800}.modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:1000;background:#04080ee0;justify-content:center;align-items:center;animation:.28s cubic-bezier(.16,1,.3,1) forwards modalOverlayFadeIn;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none!important}@keyframes modalOverlayFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.debrief-card{scrollbar-width:thin;scrollbar-color:#1f3044 #090e17;background:linear-gradient(#101926f7 0%,#090e17fc 100%);border:1.5px solid #00f0ff59;border-radius:16px;width:900px;max-width:95vw;max-height:94vh;padding:16px 24px;animation:.32s cubic-bezier(.16,1,.3,1) forwards debriefPop;overflow:hidden auto;box-shadow:0 30px 90px #000000eb,0 0 50px #00f0ff26,inset 0 1px #ffffff1f}.debrief-card::-webkit-scrollbar{width:5px}.debrief-card::-webkit-scrollbar-track{background:#090e17}.debrief-card::-webkit-scrollbar-thumb{background:#1f3044;border-radius:3px}@keyframes debriefPop{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.debrief-top-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.debrief-beacon{align-items:center;gap:8px;display:flex}.beacon-dot{background:#00f0ff;border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite beaconPulse;box-shadow:0 0 10px #00f0ff}@keyframes beaconPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #00f0ff}50%{opacity:.65;transform:scale(1.3);box-shadow:0 0 20px #00f0ff}}.debrief-status-tag{letter-spacing:1.5px;color:#00f0ff;text-transform:uppercase;font-size:10.5px;font-weight:900}.debrief-archive-stamp{color:#ffd000;letter-spacing:1.2px;text-transform:uppercase;background:#ffd00014;border:1px solid #ffd00040;border-radius:5px;padding:3px 8px;font-size:9.5px;font-weight:800}.debrief-rank-banner{background:linear-gradient(90deg,#ffd0000f 0%,#00f0ff0a 50%,#00000040 100%);border:1.5px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;margin-bottom:12px;padding:10px 16px;display:flex;position:relative;overflow:hidden}.debrief-rank-banner:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:60%;height:100%;animation:4s ease-in-out infinite shineRank;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shineRank{0%{left:-100%}35%,to{left:160%}}.rank-badge-large{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:38px;font-weight:900;display:flex;position:relative;box-shadow:0 8px 24px #000000b3}.rank-badge-large.rank-s{color:#1a0f00;text-shadow:0 2px 4px #fff6;background:linear-gradient(135deg,#ffd000 0%,#ff8c00 100%);border:2px solid #fff5cc;box-shadow:0 0 28px #ffd000a6,0 8px 20px #0009}.rank-badge-large.rank-a{color:#03131e;background:linear-gradient(135deg,#00f0ff 0%,#0077b6 100%);border:2px solid #bbf2f6;box-shadow:0 0 24px #00f0ff8c,0 8px 20px #0009}.rank-badge-large.rank-b{color:#fff;background:linear-gradient(135deg,#b5179e 0%,#7209b7 100%);border:2px solid #f0a6ea;box-shadow:0 0 22px #b5179e80,0 8px 20px #0009}.rank-badge-large.rank-c{color:#f1f5f9;background:linear-gradient(135deg,#64748b 0%,#334155 100%);border:2px solid #94a3b8;box-shadow:0 0 16px #64748b66,0 8px 20px #0009}.rank-details{flex:1}.rank-sub-title{letter-spacing:1.5px;color:#8da4b8;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:800;display:block}.rank-title-text{color:#fff;letter-spacing:.5px;margin-bottom:3px;font-size:19px;font-weight:900;display:block}.rank-narrative{color:#94a3b8;margin:0;font-size:11.5px;line-height:1.4}.debrief-telemetry-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px;display:grid}.telemetry-card{background:#121c2ca6;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:8px;transition:all .2s;display:flex}.telemetry-card:hover{background:#1c2a40bf;border-color:#00f0ff59;transform:translateY(-2px);box-shadow:0 6px 16px #00000073}.telemetry-icon{flex-shrink:0;font-size:20px}.telemetry-body small{color:#7d93a8;letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.telemetry-body b{color:#fff;margin-top:1px;font-size:13.5px;font-weight:900;display:block}.debrief-section-panel{background:#0c131ea6;border:1px solid #ffffff12;border-radius:10px;margin-bottom:10px;padding:8px 14px}.section-title-strip{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:5px;display:flex}.section-title-strip .strip-icon{font-size:14px}.section-title-strip strong{color:#cbd5e1;letter-spacing:.8px;font-size:11.5px;font-weight:900}.debrief-badge-case-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.debrief-badge-slot{aspect-ratio:1;text-align:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.debrief-badge-slot.unlocked{background:linear-gradient(#ffd0001f 0%,#ffd00008 100%);border-color:#ffd000;transform:translateY(-2px);box-shadow:0 0 14px #ffd00059,inset 0 0 10px #ffd00026}.debrief-badge-slot.unlocked .badge-icon{filter:drop-shadow(0 0 6px #ffd000cc);font-size:20px}.debrief-badge-slot.unlocked .badge-name{color:#ffd000}.debrief-badge-slot.unlocked .badge-status{color:#00f0ff}.debrief-badge-slot.locked{opacity:.38;filter:grayscale()}.debrief-badge-slot.locked .badge-icon{font-size:18px}.debrief-badge-slot .badge-name{color:#94a3b8;margin-top:2px;font-size:8.5px;font-weight:800;line-height:1.1;display:block}.debrief-badge-slot .badge-status{color:#64748b;margin-top:1px;font-size:7.5px;font-weight:800;display:block}.debrief-roster-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.debrief-pokemon-card{text-align:center;background:#162234a6;border:1px solid #ffffff17;border-radius:10px;flex-direction:column;align-items:center;padding:8px 4px;transition:all .2s;display:flex;position:relative}.debrief-pokemon-card:hover{border-color:#00f0ff66;transform:translateY(-2px);box-shadow:0 8px 20px #0009}.debrief-pokemon-card.lead{background:linear-gradient(#ffd0001f 0%,#162234cc 100%);border-color:#ffd000;box-shadow:0 0 16px #ffd00040}.lead-flag{color:#0b1118;letter-spacing:.5px;background:#ffd000;border-radius:3px;padding:1px 6px;font-size:8px;font-weight:900;position:absolute;top:-7px;box-shadow:0 2px 6px #00000080}.debrief-pokemon-card .roster-avatar-wrap{background:#00000059;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;display:flex}.debrief-pokemon-card .roster-avatar-wrap img{object-fit:contain;filter:drop-shadow(0 3px 6px #000000b3);max-width:38px;max-height:38px}.debrief-pokemon-card .roster-name{color:#fff;margin-bottom:1px;font-size:11px;font-weight:900}.debrief-pokemon-card .roster-lvl-tag{color:#00f0ff;font-size:9.5px;font-weight:800}.debrief-pokemon-card .roster-lvl-tag b{color:#ffd000;font-size:11px}.debrief-pokemon-card.empty{opacity:.45;background:#00000026;border:1.5px dashed #ffffff1f;justify-content:center}.debrief-pokemon-card.empty .empty-plus{color:#64748b;margin-bottom:2px;font-size:20px}.debrief-pokemon-card.empty .empty-label{color:#64748b;font-size:9px;font-weight:800}.debrief-actions-bar{justify-content:center;gap:14px;padding-top:10px;display:flex}.large-debrief-btn{letter-spacing:.8px;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:10px 28px;font-size:13.5px;font-weight:900;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.large-debrief-btn.primary{color:#fff;background:linear-gradient(90deg,#ff3b56 0%,#ff758c 50%,#ff3b56 100%) 0 0/200%;border:none;box-shadow:0 0 24px #ff3b5699}.large-debrief-btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 36px #ff3b56e6}.large-debrief-btn.secondary{color:#cbd5e1;background:#162234d9;border:1.5px solid #2d4562}.large-debrief-btn.secondary:hover{color:#00f0ff;background:#233752f2;border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 8px 20px #0009}@media (width<=860px){.debrief-telemetry-grid{grid-template-columns:repeat(3,1fr)}.debrief-badge-case-grid{grid-template-columns:repeat(4,1fr)}.debrief-roster-grid{grid-template-columns:repeat(3,1fr)}}