@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/oswald-500-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/oswald-500-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/oswald-500-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/oswald-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/oswald-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/oswald-700-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/oswald-700-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/oswald-700-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/oswald-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/oswald-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg: #F4F6FA;--surface: #FFFFFF;--elevated: #F1F3F8;--bg-secondary: var(--surface);--bg-tertiary: var(--elevated);--bg-hover: #E8EBF2;--bg-overlay: rgba(13, 17, 29, .45);--text: #1A1F2E;--text-primary: var(--text);--text-secondary: #5C6478;--text-muted: #8A92A6;--border: #D9DDE8;--border-light: #E8EBF2;--border-subtle: rgba(0, 0, 0, .06);--tank: #E58518;--tank-bg: rgba(229, 133, 24, .1);--tank-border: rgba(229, 133, 24, .3);--damage: #E9423A;--damage-bg: rgba(233, 66, 58, .1);--damage-border: rgba(233, 66, 58, .3);--support: #00C3FF;--support-bg: rgba(0, 195, 255, .1);--support-border: rgba(0, 195, 255, .3);--buff: #16a34a;--buff-bg: rgba(22, 163, 74, .1);--nerf: #dc2626;--nerf-bg: rgba(220, 38, 38, .1);--rework: #64748b;--rework-bg: rgba(100, 116, 139, .12);--system: #64748b;--system-bg: rgba(100, 116, 139, .12);--release: #64748b;--release-bg: rgba(100, 116, 139, .12);--ability-key-bg: #64748b;--accent: #E58518;--accent-hover: #EB9630;--hp-health: #e2e8f0;--hp-health-border: #cbd5e1;--hp-armor: #f59e0b;--hp-armor-border: #d97706;--hp-shield: #3b82f6;--hp-shield-border: #2563eb;--perk-minor: #2563eb;--perk-major: #9333ea;--fallback-hero: #475569;--fallback-ult: #6366f1;--fallback-passive: #64748b;--fallback-hero-light: #60a5fa;--fallback-hero-dark: #c084fc;--glass-bg: rgba(255, 255, 255, .5);--glass-hover: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .4);--glass-highlight: rgba(229, 133, 24, .14);--glass-blur: blur(20px) saturate(140%);--pill-scroll-edge: rgba(0, 0, 0, .11);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-heading-en: "Oswald", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", "Consolas", monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.07);--shadow-lg: 0 8px 24px rgba(0,0,0,.09);--shadow-xl: 0 16px 48px rgba(0,0,0,.12);--z-base: 1;--z-sticky: 10;--z-dropdown: 100;--z-overlay: 200;--z-detail: 1000;--z-dashboard: 1100;--z-tooltip: 1200;--z-toast: 1300;--radius-xs: 3px;--radius-sm: 6px;--radius: 10px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease: var(--ease-out);--ease-fast: var(--ease-out)}[data-theme=dark]{--bg: #0D111D;--surface: #161B2A;--elevated: #1E2538;--bg-secondary: var(--surface);--bg-tertiary: var(--elevated);--bg-hover: #252a42;--bg-overlay: rgba(8, 9, 18, .65);--text: #F4F6FA;--text-primary: var(--text);--text-secondary: #9CA3B8;--text-muted: #6B728C;--border-subtle: rgba(255, 255, 255, .05);--border: #232A3A;--border-light: #2a3045;--accent: #EB8C2C;--tank-bg: rgba(229, 133, 24, .15);--tank-border: rgba(229, 133, 24, .35);--damage-bg: rgba(239, 68, 68, .15);--damage-border: rgba(239, 68, 68, .35);--support-bg: rgba(6, 182, 212, .15);--support-border: rgba(6, 182, 212, .35);--buff-bg: rgba(22, 163, 74, .15);--nerf-bg: rgba(220, 38, 38, .15);--rework-bg: rgba(100, 116, 139, .15);--system-bg: rgba(100, 116, 139, .15);--release-bg: rgba(100, 116, 139, .15);--ability-key-bg: #94a3b8;--hp-health: #334155;--hp-health-border: #475569;--hp-armor: #f59e0b;--hp-armor-border: #d97706;--hp-shield: #3b82f6;--hp-shield-border: #2563eb;--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-xl: 0 16px 48px rgba(0,0,0,.6);--perk-minor: #60a5fa;--perk-major: #c084fc;--glass-bg: rgba(16, 20, 34, .65);--glass-hover: rgba(22, 27, 42, .85);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(229, 133, 24, .18);--glass-blur: blur(22px) saturate(150%);--pill-scroll-edge: rgba(255, 255, 255, .1)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #0D111D;--surface: #161B2A;--elevated: #1E2538;--bg-secondary: var(--surface);--bg-tertiary: var(--elevated);--bg-hover: #252a42;--bg-overlay: rgba(8, 9, 18, .65);--text: #F4F6FA;--text-primary: var(--text);--text-secondary: #9CA3B8;--text-muted: #6B728C;--border: #232A3A;--border-light: #2a3045;--border-subtle: rgba(255, 255, 255, .05);--accent: #EB8C2C;--glass-bg: rgba(16, 20, 34, .65);--glass-hover: rgba(22, 27, 42, .85);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(229, 133, 24, .18);--glass-blur: blur(22px) saturate(150%)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%;overflow-x:hidden}button,a,input,select,textarea,label,summary,[role=button],[tabindex]:not([tabindex="-1"]){touch-action:manipulation}html[data-os=ios] .main-layout{padding-left:max(0px,env(safe-area-inset-left,0px));padding-right:max(0px,env(safe-area-inset-right,0px))}body{font-family:var(--font);background:radial-gradient(ellipse 80% 60% at 0% 0%,rgba(229,133,24,.08) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 100% 0%,rgba(0,195,255,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(229,133,24,.05) 0%,transparent 55%),var(--bg);background-size:auto,auto,auto,auto;color:var(--text);line-height:1.7;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background-color .3s ease,color .3s ease}[data-theme=dark] body{background:linear-gradient(rgba(229,133,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(229,133,24,.04) 1px,transparent 1px),radial-gradient(ellipse 80% 60% at 0% 0%,rgba(229,133,24,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 100% 0%,rgba(0,195,255,.14) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(229,133,24,.12) 0%,transparent 55%),var(--bg-secondary);background-size:48px 48px,48px 48px,auto,auto,auto,auto}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}@supports not (backdrop-filter: blur(1px)){.glass,.detail-mode-group,.detail-banner-lang,.detail-banner-close,.detail-bookmark-btn{background:var(--surface)}.detail-mode-group .dmt-btn:hover:not(.active),.detail-banner-lang:hover,.detail-banner-close:hover,.detail-bookmark-btn:hover{background:var(--bg-hover)}[data-theme=dark] .glass,[data-theme=dark] .detail-mode-group,[data-theme=dark] .detail-banner-lang,[data-theme=dark] .detail-banner-close,[data-theme=dark] .detail-bookmark-btn{background:var(--surface)}}html.x5 .side-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#ffffffeb}html.x5[data-theme=dark] .side-panel{background:#1e2230f2}html.x5 .top-bar{padding:0 10px}html.x5 .feed{padding:0 12px 12px 28px}html.x5 .glass,html.x5 .side-panel,html.x5 .detail-panel,html.x5 .search-suggestions,html.x5 .top-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.x5 .top-bar-inner{gap:8px}html.x5 .top-actions{gap:4px}html.x5 .filter-pills{gap:6px}html.x5 .change-tags-row{gap:4px}html.x5 .time-jump-bar{gap:4px;flex-wrap:nowrap!important;flex-direction:row!important;overflow-x:auto;overflow-y:hidden!important;overscroll-behavior-x:contain;white-space:nowrap;min-height:38px}.ow-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font);font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-in-out);touch-action:manipulation}.ow-btn:hover{background:var(--bg-hover)}.ow-btn:active{transform:scale(.97)}.ow-btn:disabled,.ow-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ow-btn-primary{background:var(--accent);color:#0d111d;border-color:var(--accent)}.ow-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@keyframes btn-spin{to{transform:rotate(360deg)}}.ow-btn-secondary{background:var(--bg-secondary);color:var(--text);border-color:var(--border)}.ow-btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.ow-btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.ow-btn-ghost:hover{background:var(--elevated);color:var(--text)}.ow-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);transition:background-color .3s var(--ease-in-out),border-color .3s var(--ease-in-out),box-shadow .3s var(--ease-in-out),transform .2s var(--ease-out)}.ow-card-solid{background:var(--surface);border-color:var(--border)}.ow-card-glow{position:relative}.ow-card-glow:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 70%);pointer-events:none}.ow-card-hover:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ow-tag,.ow-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.4px;line-height:1.6;white-space:nowrap}.ow-tag-tank{background:var(--tank-bg);color:var(--tank);border:1px solid var(--tank-border)}.ow-tag-damage{background:var(--damage-bg);color:var(--damage);border:1px solid var(--damage-border)}.ow-tag-support{background:var(--support-bg);color:var(--support);border:1px solid var(--support-border)}.ow-tag-buff{background:var(--buff-bg);color:var(--buff)}.ow-tag-nerf{background:var(--nerf-bg);color:var(--nerf)}.ow-tag-rework{background:var(--rework-bg);color:var(--rework)}.ow-tag-system{background:var(--system-bg);color:var(--system)}.ow-tag-release{background:var(--release-bg);color:var(--release)}.ow-pill{display:inline-flex;align-items:center;gap:var(--space-1);min-height:36px;padding:0 12px;border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);font-family:var(--font);font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-in-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ow-pill:hover{border-color:var(--text-muted);color:var(--text);background:var(--elevated);box-shadow:var(--shadow-xs)}.ow-pill:active{transform:scale(.97)}.ow-pill.active{background:#e5851826;color:var(--accent);border-color:var(--accent);font-weight:600;box-shadow:0 0 0 1px var(--accent)}.ow-pill.tank.active{background:var(--tank-bg);color:var(--tank);border-color:var(--tank)}.ow-pill.damage.active{background:var(--damage-bg);color:var(--damage);border-color:var(--damage)}.ow-pill.support.active{background:var(--support-bg);color:var(--support);border-color:var(--support)}.ow-pill.buff.active{background:var(--buff-bg);color:var(--buff);border-color:var(--buff)}.ow-pill.nerf.active{background:var(--nerf-bg);color:var(--nerf);border-color:var(--nerf)}.ow-pill.rework.active{background:var(--rework-bg);color:var(--rework);border-color:var(--rework)}.ow-pill.system.active{background:var(--system-bg);color:var(--system);border-color:var(--system)}.ow-pill.release.active{background:var(--release-bg);color:var(--release);border-color:var(--release)}.ow-pill.all.active{background:var(--text);color:var(--surface);border-color:var(--text)}.ow-pill-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ow-input{width:100%;height:40px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:var(--text-base);outline:none;transition:border-color .25s var(--ease-in-out),box-shadow .25s var(--ease-in-out),background-color .25s ease}.ow-input::placeholder{color:var(--text-muted)}.ow-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e585181f}.ow-input:disabled{background:var(--bg-tertiary);opacity:.7;cursor:not-allowed}.ow-nav{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-5);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}@supports not (backdrop-filter: blur(1px)){.ow-nav{background:var(--bg)}}.ow-nav-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading-en);font-style:italic;font-weight:700;font-size:var(--text-lg);color:var(--accent);text-decoration:none;text-transform:uppercase;letter-spacing:.02em}.ow-nav-link{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color .15s ease,background-color .15s ease}.ow-nav-link:hover,.ow-nav-link.active{color:var(--text);background:var(--bg-hover)}.mixed-heading{display:inline-flex;align-items:center;gap:.15em;line-height:1.05;padding-right:.28em}.mixed-heading .en{font-family:var(--font-heading-en);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.mixed-heading .cn{font-family:PingFang SC,Microsoft YaHei,PingFang SC Semibold,sans-serif;font-weight:700;transform:skew(-10deg);display:inline-block;letter-spacing:.04em}#themeSwitch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);font-size:16px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}#themeSwitch:hover{color:var(--text);border-color:var(--accent)}#themeSwitch:active{transform:scale(.93)}#themeSwitch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ow-btn:focus-visible,.ow-pill:focus-visible,.ow-input:focus-visible,.ow-nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top-bar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff59,0 1px #e5851859,0 8px 32px #0000001f;height:48px;display:flex;align-items:center;padding:0 24px;gap:16px}.top-bar-inner{display:flex;align-items:center;gap:16px;width:100%;max-width:1400px;margin:0 auto}.brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;flex-shrink:0;height:36px}.brand .mixed-heading{font-size:var(--text-2xl);color:var(--accent);text-shadow:0 1px 0 rgba(255,255,255,.45);letter-spacing:.04em;gap:.12em}[data-theme=dark] .brand .mixed-heading{text-shadow:0 0 20px rgba(229,133,24,.65)}.brand .mixed-heading .en{font-family:var(--font-heading-en);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.brand .mixed-heading .cn{font-family:PingFang SC,Microsoft YaHei,PingFang SC Semibold,sans-serif;font-weight:700;transform:skew(-10deg);display:inline-block}[data-theme=dark] .brand .mixed-heading{color:var(--accent);text-shadow:0 0 18px rgba(229,133,24,.55)}.brand-mark{width:32px;height:32px;border-radius:8px;object-fit:cover;box-shadow:0 0 0 2px var(--accent),0 2px 8px #e5851859}.search-toggle{display:none;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;touch-action:manipulation}.search-back{display:none;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;color:var(--text);cursor:pointer;padding:0;touch-action:manipulation}.search-wrap{flex:1;max-width:420px;position:relative}.search-wrap input,.search-wrap .ow-input{width:100%;height:36px;padding:0 36px;background:#0d111d0a;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text);outline:none;transition:all .2s var(--ease-in-out);font-family:var(--font)}.search-wrap input:focus,.search-wrap .ow-input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px #e5851826}[data-theme=dark] .search-wrap input,[data-theme=dark] .search-wrap .ow-input{background:#ffffff0d}.search-wrap input::placeholder,.search-wrap .ow-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;font-size:13px;line-height:1}:root .search-clear.ow-btn.ow-btn-ghost{position:absolute;right:8px;top:50%;transform:scale(.85) translateY(-50%);width:24px;height:24px;min-height:24px;padding:0;border-radius:50%;font-size:16px;opacity:0;pointer-events:none;transition:opacity .25s var(--ease-in-out),transform .25s var(--ease-in-out),border-color .25s ease,color .2s ease,background-color .2s ease}.search-clear.ow-btn.ow-btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-hover)}[data-theme=dark] .top-bar{background:#101422b8;border-bottom-color:#e585184d;box-shadow:0 1px #e5851840,0 8px 32px #00000040}[data-theme=dark] .search-wrap input,[data-theme=dark] .search-wrap .ow-input{background:#ffffff0f;border-color:var(--border)}[data-theme=dark] .search-wrap:focus-within input,[data-theme=dark] .search-wrap:focus-within .ow-input{background:#ffffff14}[data-theme=dark] .time-jump-bar{box-shadow:inset 0 1px #ffffff0f}[data-theme=dark] .side-panel{background:#101422b8;border-color:#ffffff1f;box-shadow:var(--shadow-lg)}[data-theme=dark] .detail-panel{background:var(--surface);border-color:var(--border)}[data-theme=dark] #detailTopbar{background:var(--bg-secondary);box-shadow:0 1px 0 var(--border)}[data-theme=dark] #detailTopbar.compact{box-shadow:0 1px 4px #0000004d}[data-theme=dark] .search-wrap input::placeholder{color:var(--text-muted)}[data-theme=dark] .brand-mark{box-shadow:0 0 0 3px #ffffff0f}[data-theme=dark] .change-card{box-shadow:0 1px 3px #0003}[data-theme=dark] .change-card.fade-in-done:hover{box-shadow:0 2px 6px #00000059}[data-theme=dark] .hero-change-item{background:var(--elevated);border-left-color:var(--hero-color, var(--accent))}[data-theme=dark] .hero-change-item:hover{background:var(--bg-hover);box-shadow:0 2px 8px #00000040}[data-theme=dark] .hci-ability{border-color:var(--hero-border, var(--border))}[data-theme=dark] .hero-change-item:hover .hci-ability{border-color:var(--hero-border, var(--border-light))}[data-theme=dark] .detail-content-section{box-shadow:0 1px 4px #0003}[data-theme=dark] .detail-section-header{border-bottom-color:var(--border)}[data-theme=dark] .detail-hp-card{background:var(--elevated);box-shadow:0 1px 4px #0003}[data-theme=dark] .detail-hp-bar-track{background:#ffffff0a}[data-theme=dark] .detail-stats-row{background:var(--elevated);border-color:var(--border)}[data-theme=dark] .ability-card{box-shadow:0 1px 3px #00000026}[data-theme=dark] .ability-card:hover{box-shadow:0 2px 6px #00000040}[data-theme=dark] .cooccur-item:hover{background:var(--bg-hover)}[data-theme=dark] .detail-stat-pill{border-color:var(--border)}[data-theme=dark] .map-col-header{box-shadow:none}[data-theme=dark] .map-col-header:hover{box-shadow:0 2px 8px #0003}[data-theme=dark] .skeleton-row{background:var(--bg-tertiary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff2e}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff47}[data-theme=dark] .ability-card{background:var(--bg-tertiary)}[data-theme=dark] .ability-card:hover{background:var(--bg-hover)}[data-theme=dark] .perk-card{background:var(--bg-tertiary)}[data-theme=dark] .perk-card:hover{background:var(--bg-hover)}[data-theme=dark] .detail-section-title{color:var(--text-secondary)}[data-theme=dark] .filter-pill{background:var(--bg-tertiary);border-color:var(--border-light)}[data-theme=dark] .filter-pill.all.active{color:var(--bg)}[data-theme=dark] .popover-month{color:var(--text-secondary);background:var(--bg-tertiary)}[data-theme=dark] .popover-month:hover{background:var(--bg-hover);color:var(--text)}[data-theme=dark] .timeline-bar{background:var(--bg-tertiary)}[data-theme=dark] .timeline-marker .tm-dot{border-color:var(--bg-secondary)}[data-theme=dark] .top-btn.primary{color:var(--bg)}.search-clear.ow-btn.ow-btn-ghost:active{opacity:.7;transform:scale(.95) translateY(-50%)}.search-clear.ow-btn.ow-btn-ghost.visible{opacity:1;transform:scale(1) translateY(-50%);pointer-events:auto}.top-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.top-btn.ow-btn{min-height:36px;padding:0 16px;font-size:var(--text-xs);font-weight:600;gap:5px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.top-btn.ow-btn:hover{border-color:var(--accent);color:var(--accent)}.topbar-analysis-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:none;background:var(--accent);color:#0d111d;cursor:pointer;font-size:18px;flex-shrink:0;box-shadow:0 2px 8px #e5851840;transition:background .2s,box-shadow .2s,transform .2s}.topbar-analysis-btn:hover{background:var(--accent-hover);color:#0d111d;box-shadow:0 3px 12px #e5851859;transform:translateY(-1px)}.topbar-analysis-btn:active{transform:scale(.96)}.topbar-analysis-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-analysis-btn.is-loading{pointer-events:none;position:relative}.topbar-analysis-btn.is-loading svg{opacity:.5}.topbar-analysis-btn.is-loading:after{content:"";position:absolute;right:50%;top:50%;width:12px;height:12px;margin-right:-6px;margin-top:-6px;border:2px solid rgba(0,0,0,.15);border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}.top-btn.primary{background:var(--accent);color:#0d111d;border-color:var(--accent)}.top-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);opacity:1}.top-btn .count-badge{font-size:var(--text-2xs);font-weight:700;background:#ffffff40;padding:1px 6px;border-radius:10px;margin-left:2px}.lang-toggle.ow-btn{min-width:42px;text-align:center;font-weight:700;letter-spacing:.5px}.main-layout{display:flex;min-height:calc(100vh - 86px);min-height:calc(100dvh - 86px);max-width:1400px;margin:0 auto}.feed{flex:1;min-width:0;padding:0 20px calc(24px + env(safe-area-inset-bottom,0px)) 20px;height:calc(100vh - 86px);height:calc(100dvh - 86px);overflow-y:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;touch-action:pan-y}.feed-content{opacity:1;transition:opacity .2s ease,transform .25s var(--ease-out);contain:content}.feed-content.feed-fading{opacity:0;transform:translateY(6px)}.lang-fade{transition:opacity .15s ease}.lang-fade.lang-fading{opacity:0}html.theme-transition{transition:background-color .35s ease,color .35s ease!important}html.theme-transition .top-bar,html.theme-transition .time-jump-bar,html.theme-transition .side-panel,html.theme-transition .latest-patch-card,html.theme-transition .change-card,html.theme-transition .detail-panel,html.theme-transition .dash-kpi,html.theme-transition .dash-hero-card,html.theme-transition #themeSwitch,html.theme-transition .search-wrap input,html.theme-transition .feed-content,html.theme-transition .ow-nav{transition:background-color .35s ease,color .3s ease,border-color .35s ease!important}html.theme-transition .top-bar,html.theme-transition .time-jump-bar,html.theme-transition .side-panel,html.theme-transition .latest-patch-card,html.theme-transition .change-card-list,html.theme-transition .detail-view,html.theme-transition .detail-panel,html.theme-transition .ow-nav,html.theme-transition .glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.feed-sentinel{height:1px}.time-jump-bar{position:relative;z-index:var(--z-sticky);padding:6px 24px;display:flex;align-items:center;gap:3px;flex-wrap:wrap;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff40,0 4px 16px #0000000f;transition:background .3s ease,border-color .3s ease}.time-jump-label{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-right:4px;flex-shrink:0}.time-jump-year{min-height:28px;padding:0 8px;border:1px solid var(--border);border-radius:14px;background:var(--glass-bg);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;font-family:var(--font);transition:all .18s ease;flex-shrink:0;letter-spacing:.3px;white-space:nowrap}.time-jump-year:hover{border-color:var(--text-muted);color:var(--text);background:var(--elevated);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.time-jump-year.active{border-color:var(--accent);color:var(--accent);font-weight:600;background:#e585181a;box-shadow:inset 0 0 0 1.5px var(--accent)}.time-jump-year:hover.active{background:#e5851826;color:var(--accent);border-color:var(--accent)}.time-jump-picker{min-height:28px;width:28px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--glass-bg);color:var(--text-secondary);font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .18s;margin-left:4px;flex-shrink:0;font-family:var(--font)}.time-jump-picker:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-hover);transform:scale(1.08)}.time-jump-popover{position:fixed;z-index:var(--z-tooltip);background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:8px;min-width:170px;max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:0 6px 24px #0003;font-family:var(--font);opacity:0;transform:translateY(-4px) scale(.97);pointer-events:none;transition:opacity .25s var(--ease-in-out),transform .3s var(--ease-out)}.time-jump-popover.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}@keyframes popIn{0%{opacity:0;transform:scale(.92) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.time-jump-popover .popover-year{font-size:12px;font-weight:600;color:var(--text);padding:5px 0 3px 8px;margin-bottom:3px}.time-jump-popover .popover-month{display:flex;width:100%;min-height:32px;text-align:left;background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;padding:0 10px;cursor:pointer;font-family:var(--font);transition:all .2s var(--ease-in-out);margin-bottom:2px;justify-content:flex-start}.time-jump-popover .popover-month:hover{color:var(--accent);background:var(--bg-hover)}.patch-group-header.flash{position:relative;overflow:hidden;border-radius:var(--radius-sm);outline:1px solid transparent;outline-offset:-1px;z-index:2;animation:feedShimmerGlow 1.6s var(--ease-in-out) .35s forwards}.patch-group-header.flash:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(105deg,transparent 24%,rgba(229,133,24,.06) 34%,rgba(255,255,255,.03) 40%,rgba(255,255,255,.1) 46%,rgba(255,255,255,.14) 49%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.14) 51%,rgba(255,255,255,.1) 54%,rgba(255,255,255,.03) 60%,rgba(229,133,24,.06) 66%,transparent 76%);animation:feedShimmerSweep 1.6s var(--ease-in-out) .35s forwards;pointer-events:none;border-radius:inherit;z-index:2}@keyframes feedShimmerGlow{0%,to{background:#0000;outline-color:transparent}38%,62%{background:#e585180a;outline-color:#e5851847}}@keyframes feedShimmerSweep{0%{transform:translate(0);opacity:0}12%{opacity:1}85%{opacity:1}to{transform:translate(200%);opacity:0}}@media(max-width:768px){.feed{padding:0 12px 16px}.time-jump-bar{padding:6px 12px;gap:6px;display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden!important;overscroll-behavior-x:contain;white-space:nowrap;min-height:38px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.time-jump-bar::-webkit-scrollbar{display:none}.time-jump-label{display:none}.time-jump-year{height:28px!important;line-height:28px!important;padding:0 8px;font-size:11px;border-radius:13px;flex-shrink:0;min-width:36px;white-space:nowrap!important}.time-jump-year.time-jump-latest{flex-shrink:0;min-width:64px}.time-jump-picker{height:26px!important;width:26px!important;min-height:26px!important;line-height:26px!important;font-size:13px;flex-shrink:0;min-width:26px;padding:0!important}}.side-panel{width:220px;flex-shrink:0;padding:0;position:sticky;top:114px;height:calc(100vh - 126px);height:calc(100dvh - 126px);margin-bottom:12px;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff4d,0 12px 40px #0000001f;overflow:visible;touch-action:pan-y;display:flex;flex-direction:column;transition:transform .25s var(--ease),opacity .15s ease;will-change:transform,opacity}.side-panel-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-x:hidden;padding:24px 20px 24px 8px;scrollbar-gutter:stable}.side-toggle{display:none;position:fixed;right:12px;bottom:24px;z-index:var(--z-sticky);width:52px;height:52px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:22px;cursor:pointer;box-shadow:0 2px 12px #0000001f;align-items:center;justify-content:center;transition:transform .2s var(--ease-out),box-shadow .25s var(--ease-in-out)}.side-toggle:active{transform:scale(.92);transition-duration:.08s}.side-toggle.open{z-index:calc(var(--z-detail) + 1);background:var(--accent);color:#fff;border-color:color-mix(in srgb,var(--accent) 80%,#fff 20%);box-shadow:0 8px 24px #e585184d;font-size:30px;line-height:1}.side-toggle.open:before{opacity:0;animation:none}.side-toggle:before{content:"";position:absolute;z-index:-1;inset:-3px;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg,transparent 0deg,transparent 15deg,var(--accent) 55deg,var(--accent) 120deg,transparent 160deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 50%,transparent));opacity:.5;pointer-events:none;animation:spinGlow 5s linear infinite}@keyframes spinGlow{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.side-toggle:before{animation:none;opacity:.25}}.watchlist{display:flex;flex-direction:column;gap:6px}.watchlist-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-light);cursor:pointer;transition:background .25s var(--ease-in-out),border-color .25s var(--ease-in-out),box-shadow .25s var(--ease-out),transform .25s var(--ease-out);position:relative;overflow:hidden}.watchlist-item:hover{background:var(--bg-tertiary);border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.watchlist-item:active{transform:scale(.985) translateY(0)}.watchlist-portrait{width:32px;height:32px;border-radius:5px;object-fit:cover;flex-shrink:0}.watchlist-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.watchlist-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watchlist-meta{display:flex;align-items:center;gap:6px}.watchlist-winrate{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.watchlist-winrate.high{color:var(--buff)}.watchlist-winrate.normal{color:var(--text-muted)}.watchlist-winrate.low{color:var(--nerf)}.watchlist-badge{font-size:10px;font-weight:600;padding:1px 5px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.watchlist-badge.buff{background:var(--buff-bg);color:var(--buff)}.watchlist-badge.nerf{background:var(--nerf-bg);color:var(--nerf)}.watchlist-badge.rework{background:var(--rework-bg);color:var(--rework)}.watchlist-badge.release{background:var(--text-muted);color:var(--surface)}.watchlist-badge.system{background:var(--bg-tertiary);color:var(--text-muted)}.watchlist-badge.removed{background:var(--nerf-bg);color:var(--nerf)}.watchlist-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;background:var(--nerf);color:#fff;font-size:11px;line-height:16px;text-align:center;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .15s ease;border:none;padding:0}.watchlist-item:hover .watchlist-remove,.watchlist-item:focus-within .watchlist-remove{opacity:1}.cmd-palette-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-toast) + 1);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.cmd-palette{width:520px;max-width:90vw;max-height:60vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0003;display:flex;flex-direction:column;overflow:hidden;animation:cmdSlideIn .15s var(--ease)}@keyframes cmdSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmd-palette-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-light)}.cmd-palette-icon{color:var(--text-muted);flex-shrink:0;display:flex;align-items:center}.cmd-palette-input{flex:1;border:none;background:transparent;font-size:15px;font-family:var(--font);color:var(--text);outline:none;min-width:0}.cmd-palette-input::placeholder{color:var(--text-muted)}.cmd-palette-kbd{font-size:11px;font-family:var(--font-mono, monospace);padding:2px 6px;border-radius:4px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);flex-shrink:0}.cmd-palette-results{flex:1;overflow-y:auto;padding:6px;scrollbar-gutter:stable}.cmd-palette-results:empty:after{content:"";display:block;padding:24px 16px;text-align:center;color:var(--text-muted);font-size:13px}.cmd-palette-empty{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:13px}.cmd-palette-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);padding:8px 10px 4px}.cmd-palette-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background .1s ease}.cmd-palette-item:hover,.cmd-palette-item.active{background:var(--bg-tertiary)}.cmd-palette-item.active{outline:1px solid var(--accent)}.cmd-palette-item-icon{width:28px;height:28px;border-radius:5px;object-fit:cover;flex-shrink:0}.cmd-palette-item-icon.hero-placeholder{background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:14px}.cmd-palette-item-text{flex:1;min-width:0}.cmd-palette-item-title{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-palette-item-subtitle{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-palette-item-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-muted);flex-shrink:0}.cmd-palette-footer{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--border-light);background:var(--bg-secondary, var(--bg))}.cmd-palette-hint{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.cmd-palette-hint kbd{font-size:10px;font-family:var(--font-mono, monospace);padding:1px 4px;border-radius:3px;background:var(--bg-tertiary);border:1px solid var(--border)}.detail-bookmark-btn{display:grid;place-items:center;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer;transition:all .2s var(--ease-spring);touch-action:manipulation;flex-shrink:0;box-sizing:border-box;overflow:hidden}.detail-bookmark-btn:hover{border-color:var(--hero-color, var(--accent));color:var(--hero-color, var(--accent));background:var(--glass-hover)}.detail-bookmark-btn:active{transform:scale(.9)}.detail-bookmark-btn.bookmarked{color:var(--hero-color, var(--accent));border-color:var(--hero-color, var(--accent))}.latest-patch-card{--title-marker-offset: 18px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--glass-border));border-radius:var(--radius-lg);padding:14px 18px;margin-bottom:22px;cursor:pointer;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px;box-shadow:var(--shadow-xs);transition:background .2s var(--ease-in-out),border-color .2s var(--ease-in-out),box-shadow .25s var(--ease-out),transform .25s var(--ease-out)}.latest-patch-card:hover{background:var(--elevated);border-color:color-mix(in srgb,var(--accent) 38%,var(--glass-border));box-shadow:var(--shadow-sm);transform:translateY(-2px)}[data-theme=dark] .latest-patch-card{background:var(--glass-bg)}.latest-patch-card:active{transform:scale(.985) translateY(0);transition:transform .08s var(--ease-spring)}.latest-patch-header{display:flex;align-items:center;gap:12px;min-width:0}.latest-patch-title-wrap{display:flex;align-items:baseline;gap:10px;min-width:0}.latest-patch-label{position:relative;font-size:var(--text-base);color:var(--accent);white-space:nowrap}.latest-patch-label:before{content:"";position:absolute;top:50%;left:calc(-1 * var(--title-marker-offset));width:3px;height:1.35em;border-radius:0 3px 3px 0;background:var(--accent);opacity:.78;transform:translateY(-50%);pointer-events:none}[data-theme=dark] .latest-patch-label:before{opacity:.9}.latest-patch-label .en{font-family:var(--font-heading-en);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.latest-patch-label .cn{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:700;transform:skew(-10deg);display:inline-block}.latest-patch-date{font-size:13px;color:var(--text-muted);white-space:nowrap}.latest-patch-date .en{font-family:var(--font-heading-en);font-style:italic;font-weight:700}.latest-patch-date .cn{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;transform:skew(-10deg);display:inline-block}.latest-patch-summary{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-patch-rows{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-wrap:wrap}.latest-patch-row{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:0}.latest-patch-row+.latest-patch-row{border-top:none}.latest-patch-row-label{font-size:var(--text-2xs);font-weight:700;min-width:36px;flex-shrink:0;text-align:center;padding:3px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px;border:1px solid transparent}.latest-patch-row.buff .latest-patch-row-label{color:var(--buff);background:var(--buff-bg);border-color:#16a34a40}.latest-patch-row.nerf .latest-patch-row-label{color:var(--nerf);background:var(--nerf-bg);border-color:#dc262640}.latest-patch-row.rework .latest-patch-row-label,.latest-patch-row.system .latest-patch-row-label,.latest-patch-row.release .latest-patch-row-label{color:var(--rework);background:var(--rework-bg);border-color:#64748b40}.latest-patch-row-heroes{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.latest-patch-hero{width:28px;height:28px;border-radius:6px;overflow:hidden;background:var(--bg-tertiary);border:1.5px solid var(--border-light);transition:transform .2s var(--ease-out),border-color .25s ease;cursor:pointer}.latest-patch-hero:hover{transform:scale(1.15);border-color:var(--accent)}.latest-patch-hero img{width:100%;height:100%;object-fit:cover;display:block}.feed-search-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px;padding:10px 14px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.feed-search-summary-label{min-width:0;color:var(--text);font-size:var(--text-sm);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-search-summary-count{flex-shrink:0;color:var(--text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.patch-group{margin-bottom:32px;content-visibility:auto;contain-intrinsic-size:auto 300px}.patch-group-header{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;padding:10px 14px;position:relative;cursor:pointer;user-select:none;transition:background .2s var(--ease-in-out),border-color .2s ease;border-radius:var(--radius-sm);border:1px solid transparent}.patch-group-header:hover{background:var(--bg-hover);border-color:var(--border-light)}.patch-group-date{position:relative;font-family:var(--font-heading-en);font-weight:700;font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:.03em;color:var(--text);text-shadow:0 1px 0 rgba(255,255,255,.4);white-space:nowrap;padding-right:14px;flex-shrink:0}.patch-group-date:before{content:"";position:absolute;top:50%;left:-10px;width:3px;height:1em;border-radius:0 3px 3px 0;background:var(--accent);opacity:.72;transform:translateY(-50%);transition:opacity .2s ease,transform .2s var(--ease-out);pointer-events:none}.patch-group-header:hover .patch-group-date:before{opacity:1}.patch-group.collapsed .patch-group-date:before{opacity:.42}.patch-group-date .en{font-style:italic}.patch-group-date .cn{font-style:normal}[data-theme=dark] .patch-group-date{text-shadow:0 0 20px rgba(229,133,24,.3)}.patch-group-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.7px;flex-shrink:0}.patch-group-chevron{margin-left:auto;font-size:var(--text-xs);color:var(--text-muted);transition:transform .3s var(--ease-spring);flex-shrink:0}.patch-group.collapsed .patch-group-chevron{transform:rotate(-90deg)}.change-card-list{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);position:relative;max-height:8000px;transition:max-height .35s var(--ease),opacity .25s ease,border-color .3s ease;opacity:1;box-shadow:var(--shadow-xs)}[data-theme=dark] .change-card-list{background:var(--glass-bg);border-color:var(--border);box-shadow:var(--shadow-xs)}[data-theme=dark] .hero-group-header{background:var(--surface)}[data-theme=dark] .hero-group-header:hover{background:var(--bg-hover)}[data-theme=dark] .hero-group-entry{background:var(--surface)}[data-theme=dark] .hero-group-entry:hover{background:var(--bg-hover)}[data-theme=dark] .hero-group-header .hero-avatar{box-shadow:0 0 0 1.5px var(--border)}[data-theme=dark] .hero-group-header .hero-count{border-color:var(--border)}.patch-group.collapsed .change-card-list{max-height:0;opacity:0;border-color:transparent}.patch-change-count{margin-left:auto;font-size:11px;font-weight:700;color:var(--accent);background:#e585181f;padding:3px 12px;border-radius:12px;border:1px solid rgba(229,133,24,.3);flex-shrink:0;font-variant-numeric:tabular-nums}.change-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px 16px 22px;cursor:pointer;background:var(--surface);border:none;border-radius:0;transition:background .25s var(--ease-in-out),transform .25s var(--ease-out),box-shadow .25s var(--ease-in-out);position:relative;opacity:0;animation:feedCardIn .4s var(--ease-spring) forwards;animation-delay:var(--card-delay, 0ms);overflow:hidden;contain:layout style;will-change:auto}.change-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border-light);transition:background .25s ease,width .25s var(--ease-out)}.change-card[data-type=buff]:before{background:var(--buff)}.change-card[data-type=nerf]:before{background:var(--nerf)}.change-card[data-type=rework]:before{background:var(--rework)}.change-card[data-type=release]:before{background:var(--release)}@media(hover:hover){.change-card:hover:before{width:4px}}.change-card:hover{background:var(--bg-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.change-card:active{transform:scale(.985) translateY(0)}.change-card .bm-toast,.hero-group-entry .bm-toast{position:absolute;right:12px;top:8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--text);box-shadow:0 2px 8px #0000001a;animation:toastPop 1.2s ease forwards;pointer-events:none;z-index:2}@keyframes toastPop{0%{opacity:0;transform:translateY(4px) scale(.95)}15%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.95)}}@keyframes feedCardIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.dash-anim-item{animation:feedCardIn .38s var(--ease-spring) both;animation-delay:var(--dash-anim-delay, 0ms);will-change:opacity,transform}.latest-patch-card:active,.change-card.fade-in-done:active,.hero-group-header:active,.hero-group-entry:active,.ow-card-hover:active,.dash-kpi:active,.dash-hero-card:active,.watchlist-item:active{transform:scale(.985) translateY(0);transition-duration:.08s;transition-timing-function:var(--ease-spring)}.ow-btn:active,.ow-pill:active,.filter-pill:active,.time-jump-year:active,.time-jump-picker:active,.avatar-item:active,.detail-mode-group .dmt-btn:active,.detail-hero-banner-actions .dmt-btn:active,.dash-sort-btn:active{transform:scale(.94);transition-duration:.08s;transition-timing-function:var(--ease-spring)}.patch-group:not(.collapsed) .change-card-list.is-expanding .hero-group-header,.patch-group:not(.collapsed) .change-card-list.is-expanding .hero-group-entry{animation:feedCardIn .34s var(--ease-spring) both}.patch-group:not(.collapsed) .change-card-list.is-expanding .hero-group-entry:nth-child(2){animation-delay:40ms}.patch-group:not(.collapsed) .change-card-list.is-expanding .hero-group-entry:nth-child(3){animation-delay:70ms}.patch-group:not(.collapsed) .change-card-list.is-expanding .hero-group-entry:nth-child(4){animation-delay:.1s}.patch-group:not(.collapsed) .change-card-list.is-expanding .hero-group-entry:nth-child(5){animation-delay:.13s}.change-card.fade-in-done{opacity:1;animation:none}@media(hover:hover){.change-card.fade-in-done:hover{background:var(--bg-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.change-card.fade-in-done:active{transform:scale(.985) translateY(0);transition:transform .08s var(--ease-spring);box-shadow:var(--shadow-xs)}.change-card.fade-in-done:hover .change-patch-date{color:var(--text)}.change-card.fade-in-done:hover .change-patch-type{opacity:1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}.latest-patch-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:2}.patch-group-header:focus-visible,.hero-group-header:focus-visible,.hero-group-entry:focus-visible,.watchlist-item:focus-visible,{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:0 0 0 4px #e5851826;z-index:2}.change-card.fade-in-done:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:0 0 0 4px #e5851826}.filter-pill:focus-visible{outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 0 3px #e5851826}.avatar-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 3px #e5851833;z-index:2}.top-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#detailTopbar .dmt-btn:focus-visible,.detail-hero-banner-actions .dmt-btn:focus-visible,.detail-mode-group .dmt-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.detail-close-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.detail-lang-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.side-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.change-type-tag{transition:transform .15s var(--ease-out)}.change-card:hover .change-type-tag{transform:scale(1.05)}.change-ability-tag{transition:color .1s ease,background .1s ease,border-color .1s ease}.change-card:hover .change-ability-tag{color:var(--text);background:var(--bg-hover);border-color:var(--border)}.change-card+.change-card{border-top:1px solid var(--border-subtle, var(--border-light))}.change-hero-thumb{width:42px;height:42px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-muted);font-weight:700;transition:transform .2s var(--ease-out);border:1.5px solid var(--border-light)}.change-card:hover .change-hero-thumb{transform:scale(1.08)}.change-hero-thumb svg{display:block}.change-hero-thumb img{width:100%;height:100%;object-fit:cover;display:block}.change-body{flex:1;min-width:0}.change-meta{display:flex;align-items:center;gap:8px;margin-bottom:2px;flex-wrap:wrap}.change-hero-name{font-size:13px;font-weight:600;color:var(--text)}.change-type-tag{font-size:var(--text-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-xs);letter-spacing:.4px;flex-shrink:0;line-height:1.6;border:1px solid transparent}.change-type-tag.buff{background:var(--buff-bg);color:var(--buff);border-color:#16a34a40}.change-type-tag.nerf{background:var(--nerf-bg);color:var(--nerf);border-color:#dc262640}.change-type-tag.rework{background:var(--rework-bg);color:var(--rework);border-color:#64748b40}.change-type-tag.system{background:var(--system-bg);color:var(--system);border-color:#64748b40}.change-type-tag.release{background:var(--release-bg);color:var(--release);border-color:#64748b40}.change-ability-tag{font-size:var(--text-2xs);color:var(--text-secondary);font-weight:600;background:var(--bg-tertiary);padding:2px 7px;border-radius:var(--radius-xs);margin-left:4px;border:1px solid var(--border-light);transition:background .2s ease,border-color .2s ease,color .2s ease;display:inline-flex;align-items:center;gap:3px}.ability-key-icon{display:inline-block;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.change-mode-tag{font-size:var(--text-2xs);font-weight:700;margin-left:4px;padding:2px 8px;border-radius:var(--radius-xs);background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.4px}.change-description{font-size:13px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-group-header{display:flex;align-items:center;gap:10px;padding:12px 16px;position:relative;cursor:pointer;overflow:hidden;background:var(--surface);transition:background .2s var(--ease-in-out),box-shadow .2s ease}.hero-group-header:hover{background:var(--bg-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-group-header,.hero-group-entry{opacity:0;animation:feedCardIn .4s var(--ease-spring) forwards;animation-delay:var(--card-delay, 0ms)}.hero-group-header .hero-avatar{width:34px;height:34px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);box-shadow:0 0 0 1.5px var(--border-light)}.hero-group-header .hero-avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero-group-header .hero-label{font-size:var(--text-lg);color:var(--text);line-height:1.15}.hero-group-header .hero-label .en{font-family:var(--font-heading-en);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.hero-group-header .hero-label .cn{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:700;transform:skew(-10deg);display:inline-block}.hero-group-header .hero-count{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 10px;border-radius:var(--radius-full);line-height:1.4;border:1px solid var(--border-light);flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-group-header:after{display:none}.hero-group-entry{display:flex;align-items:flex-start;gap:10px;padding:10px 16px 10px 50px;cursor:pointer;position:relative;overflow:hidden;background:var(--surface);transition:background .2s var(--ease-in-out),box-shadow .2s ease}.hero-group-entry:hover{background:var(--bg-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-group-entry .entry-sep{position:absolute;left:50px;right:0;top:0;height:1px;background:var(--border-light)}.hero-group-entry .entry-dot{position:absolute;left:26px;top:17px;width:9px;height:9px;border-radius:50%;z-index:1;box-shadow:none}.hero-group-entry .entry-dot.buff{background:var(--buff)}.hero-group-entry .entry-dot.nerf{background:var(--nerf)}.hero-group-entry .entry-dot.rework{background:var(--rework)}.hero-group-entry .entry-dot.release{background:var(--release)}.hero-group-entry .entry-branch{display:none}.hero-group-entry .entry-body{flex:1;min-width:0}.hero-group-entry .entry-meta{display:flex;align-items:center;gap:6px;margin-bottom:2px;flex-wrap:wrap}.hero-group-entry .entry-type-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-2xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-xs);letter-spacing:.4px;text-transform:uppercase;flex-shrink:0;line-height:1.6;border:1px solid transparent}.hero-group-entry .entry-type-tag.buff{background:var(--buff-bg);color:var(--buff);border-color:#16a34a40}.hero-group-entry .entry-type-tag.nerf{background:var(--nerf-bg);color:var(--nerf);border-color:#dc262640}.hero-group-entry .entry-type-tag.rework,.hero-group-entry .entry-type-tag.system,.hero-group-entry .entry-type-tag.release{background:var(--rework-bg);color:var(--rework);border-color:#64748b40}.hero-group-entry .entry-ability-tag{font-size:var(--text-2xs);color:var(--text-secondary);font-weight:600;background:var(--bg-tertiary);padding:2px 7px;border-radius:var(--radius-xs);border:1px solid var(--border-light);display:inline-flex;align-items:center;gap:4px;transition:background .2s ease,border-color .2s ease,color .2s ease}.perk-badge{display:inline-block;font-size:var(--text-2xs);font-weight:700;padding:1px 6px;border-radius:var(--radius-xs);letter-spacing:.3px;flex-shrink:0;line-height:1.5;background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}.hero-group-entry .entry-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.diff-old{color:var(--nerf, #d64545);font-weight:600;padding:1px 4px;border-radius:3px;background:#d645451a}.diff-new{color:var(--buff, #3d9b3d);font-weight:700;padding:1px 4px;border-radius:3px;background:#3d9b3d1a}.diff-removed{text-decoration:line-through;opacity:.7}.diff-arrow{color:var(--text-muted);margin:0 4px;font-weight:600;font-size:.9em}.changelog-badges{display:flex;gap:5px;margin-left:auto;align-items:center}.changelog-badge{font-size:10px;font-weight:700;padding:2px 9px;border-radius:12px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border:1px solid transparent}.changelog-badge.added{background:#3d9b3d1f;color:var(--buff);border-color:#16a34a40}.changelog-badge.changed{background:#fab0051f;color:#d4a000;border-color:#fab00540}.changelog-badge.fixed{background:#40a9ff1f;color:#2e8ad4;border-color:#40a9ff40}.changelog-badge.removed{background:#d645451f;color:var(--nerf);border-color:#dc262640}.hci-desc .diff-old,.hci-desc .diff-new{font-size:.95em;padding:1px 4px;border-radius:3px}.cooccur-list{display:flex;flex-direction:column;gap:2px}.cooccur-item{display:flex;align-items:center;gap:8px;padding:7px 6px;border-bottom:1px solid var(--border-light);animation:cardMorph .25s var(--ease) both;animation-delay:calc(var(--i, 0) * 50ms);cursor:pointer;transition:background .15s ease,transform .15s ease;border-radius:var(--radius-xs)}.cooccur-item:last-child{border-bottom:none}.cooccur-item:hover{background:var(--bg-hover);transform:translate(2px)}.cooccur-portrait{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid var(--border-light)}.cooccur-portrait-fallback{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.cooccur-portrait-fallback.tank{background:var(--tank)}.cooccur-portrait-fallback.damage{background:var(--damage)}.cooccur-portrait-fallback.support{background:var(--support)}.cooccur-name{flex:1;font-size:12px;font-weight:500;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}.cooccur-item:hover .cooccur-name{color:var(--text);font-weight:600}.cooccur-count{font-size:11px;font-weight:700;color:var(--hero-color, var(--accent));background:var(--hero-surface, var(--bg-tertiary));padding:2px 8px;border-radius:10px;border:1px solid var(--hero-border, transparent);flex-shrink:0;font-variant-numeric:tabular-nums}.cooccur-empty{font-size:12px;color:var(--text-muted);padding:14px 0;text-align:center}.cooccur-network-wrap{width:100%;height:180px;position:relative}.cooccur-network-wrap canvas{width:100%;height:100%;border-radius:6px;background:var(--bg-tertiary)}.dash-backtest-breakdown{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-light)}.dash-backtest-breakdown-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.dash-backtest-breakdown-grid{display:flex;flex-direction:column;gap:8px}.dash-backtest-breakdown-item{display:flex;align-items:center;gap:10px}.dash-backtest-breakdown-role{font-size:12px;font-weight:600;width:50px;flex-shrink:0}.dash-backtest-breakdown-bar-wrap{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.dash-backtest-breakdown-bar{height:100%;border-radius:4px;transition:width .5s ease}.dash-backtest-breakdown-pct{font-size:12px;font-weight:700;color:var(--text);width:36px;text-align:right;flex-shrink:0}.dash-backtest-breakdown-detail{font-size:10px;color:var(--text-muted);width:36px;text-align:right;flex-shrink:0}.latest-patch-header-actions{display:flex;align-items:center;gap:8px}.meta-timeline-wrap{width:100%;overflow:hidden}.meta-timeline-canvas{width:100%;height:180px;border-radius:8px;background:var(--bg-tertiary)}.change-date-tag{font-size:11px;color:var(--text-muted);flex-shrink:0;white-space:nowrap}.panel-section{margin-bottom:28px}#bookmarkSection{transition:opacity .25s var(--ease-in-out),max-height .35s var(--ease-out),margin-bottom .25s ease}#bookmarkSection.section-hidden{opacity:0;max-height:0;margin-bottom:0;overflow:hidden;pointer-events:none}.panel-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:10px;padding-left:2px}.filter-pills{display:flex;flex-wrap:wrap;gap:5px}.filter-pill{min-height:36px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s var(--ease-in-out);font-family:var(--font);display:inline-flex;align-items:center;gap:4px}.filter-pill:hover{border-color:var(--text-muted);color:var(--text)}.filter-pill.active{color:#fff;border-color:transparent}.filter-pill.tank.active{background:var(--tank);border-color:var(--tank)}.filter-pill.damage.active{background:var(--damage);border-color:var(--damage)}.filter-pill.support.active{background:var(--support);border-color:var(--support)}.filter-pill.buff.active{background:var(--buff);border-color:var(--buff)}.filter-pill.nerf.active{background:var(--nerf);border-color:var(--nerf)}.dash-control-shell{position:relative;width:max-content;max-width:100%;margin:0}.dash-scrollable-control{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-inline:10px}.dash-scrollable-control::-webkit-scrollbar{display:none}.dash-scrollable-control .dmt-btn{flex:0 0 auto;white-space:nowrap}.dash-scroll-hint{position:absolute;top:50%;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:var(--accent);background:var(--surface);border:1px solid var(--border-light);font-size:16px;font-weight:800;line-height:1;pointer-events:none;opacity:0;transform:translateY(-50%) scale(.82);transition:opacity .18s ease,transform .18s var(--ease-out);z-index:4}.dash-scroll-hint-left{left:-7px}.dash-scroll-hint-right{right:-7px}.dash-control-shell.has-left-overflow .dash-scroll-hint-left,.dash-control-shell.has-right-overflow .dash-scroll-hint-right{opacity:.92;transform:translateY(-50%) scale(1)}.dash-rank-slider.detail-mode-group{width:max-content}.dash-rank-slider .dmt-btn,.dash-map-pills .dmt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.dash-rank-icon-stack,.map-rank-icon-stack{display:inline-flex;align-items:center;flex-shrink:0}.dash-rank-icon-stack .dash-rank-icon,.map-rank-icon-stack .dash-rank-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}.dash-rank-icon-stack .dash-rank-icon+.dash-rank-icon,.map-rank-icon-stack .dash-rank-icon+.dash-rank-icon{margin-left:-6px}.dash-rank-label,.dash-map-label{white-space:nowrap}.dash-map-mode-icon{width:15px;height:15px;object-fit:contain;opacity:.78;flex-shrink:0;filter:brightness(0) saturate(100%) invert(34%) sepia(11%) saturate(849%) hue-rotate(185deg) brightness(92%) contrast(85%)}.detail-mode-group .dmt-btn.active .dash-map-mode-icon,[data-theme=dark] .dash-map-mode-icon{filter:none}.detail-mode-group .dmt-btn.active .dash-map-mode-icon,.detail-mode-group .dmt-btn:hover .dash-map-mode-icon{opacity:1}@media(max-width:768px){.dash-control-shell{width:auto}}.dm-slider.slider-pop{animation:sliderPop .3s var(--ease-spring)}.dm-slider.dm-scroll-lock{transition:none!important}@keyframes sliderPop{0%{transform:scaleY(.85)}40%{transform:scaleY(1.15)}to{transform:scaleY(1)}}@keyframes mobileSearchIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileSearchOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.filter-pill.rework.active{background:var(--rework);border-color:var(--rework)}.filter-pill.system.active{background:var(--system);border-color:var(--system);color:#fff}.filter-pill.release.active{background:var(--release);border-color:var(--release);color:#fff}.filter-pill.all.active{background:var(--text);border-color:var(--text)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot.tank{background:var(--tank)}.dot.damage{background:var(--damage)}.dot.support{background:var(--support)}.filter-pill .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.roster-list{display:flex;flex-direction:column;opacity:1;transition:opacity .12s ease}.roster-list.roster-fading{opacity:0}.roster-role-sep,.roster-sub-label{width:100%}.roster-role-sep{display:flex;align-items:center;gap:5px;padding:10px 4px 4px;font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--text-muted)}.roster-role-sep:first-child{padding-top:2px}.roster-role-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.roster-role-dot.tank{background:var(--tank)}.roster-role-dot.damage{background:var(--damage)}.roster-role-dot.support{background:var(--support)}.roster-role-label{color:var(--text-muted)}.roster-sub-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;color:var(--text-muted);padding:2px 4px 4px}.roster-sub-group{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--border-light)}.roster-sub-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.avatar-item{aspect-ratio:1;border-radius:7px;overflow:visible;cursor:pointer;background:var(--bg-tertiary);transition:transform .18s var(--ease),box-shadow .18s var(--ease);animation:cardMorph .22s var(--ease) both;animation-delay:calc(var(--i, 0) * 15ms);position:relative}.avatar-item img{width:100%;height:100%;object-fit:cover;border-radius:7px;display:block}.avatar-item:hover{transform:scale(1.2);box-shadow:0 0 0 2px var(--border),0 4px 12px #00000026;z-index:10}.avatar-item:active{transform:scale(.95)}.avatar-item img{width:100%;height:100%;object-fit:cover;display:block}.panel-attribution{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted);line-height:1.7}.panel-attribution a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.panel-attribution a:hover{color:var(--text)}.panel-attribution .attribution-report{display:inline-block;margin-top:4px;padding-top:4px}.data-freshness{font-size:11px;color:var(--text-muted);padding:6px 16px 0;text-align:center;line-height:1.5}.data-freshness-stale{color:var(--caution, #e6a800)}.modal-overlay{position:fixed;inset:0;z-index:9999;background:var(--bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s var(--ease-out)}.modal-overlay.closing{animation:fadeOut .2s var(--ease-in);pointer-events:none}.modal-box{background:var(--bg);border:1px solid var(--border);border-radius:12px;width:90%;max-width:560px;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:0 20px 60px #0003;animation:slideUp .22s var(--ease)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);font-weight:600;font-size:15px;color:var(--text)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:18px;color:var(--text-secondary);font-size:13px;line-height:1.6}.modal-code{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:14px;font-size:12px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;margin:0 0 14px;font-family:var(--font-mono)}.modal-btn{display:inline-block;padding:8px 20px;border-radius:6px;background:var(--fallback-ult);color:#fff;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s}.modal-btn:hover{opacity:.85}.detail-view{display:none;position:fixed;inset:0;z-index:var(--z-detail);background:var(--bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.detail-view.open{display:flex;align-items:flex-start;justify-content:center;padding:80px 24px 24px;animation:detailOverlayIn .3s var(--ease-out);will-change:opacity}.detail-view.open.over-dashboard{z-index:calc(var(--z-dashboard) + 1)}@keyframes detailOverlayIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.detail-view.closing{display:flex;align-items:flex-start;justify-content:center;padding:80px 24px 24px;animation:detailOverlayOut .25s var(--ease-in);pointer-events:none}.detail-view.closing .detail-panel{animation:detailPanelOut .25s var(--ease-in) forwards}@keyframes detailOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes detailPanelOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.97)}}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:1000px;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow:hidden;animation:detailPanelIn .4s var(--ease-out);will-change:transform,opacity;contain:layout;position:relative;display:flex;flex-direction:column}@keyframes detailPanelIn{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.detail-panel:before{display:none}.detail-scroll{width:100%;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes statPulse{0%{transform:scale(1)}40%{transform:scale(1.15);color:var(--tank)}to{transform:scale(1)}}.stat-pulse{animation:statPulse .4s var(--ease)}@keyframes hpBarMorph{0%{opacity:.4;transform:scaleX(.98)}to{opacity:1;transform:scaleX(1)}}.hp-bar-morph{animation:hpBarMorph .25s var(--ease)}@keyframes cardMorph{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-morph{animation:cardMorph .2s var(--ease) both}.detail-top{padding:28px 28px 20px;border-bottom:1px solid var(--border-light);position:relative}.detail-top:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.detail-top.tank:before{background:var(--tank)}.detail-top.damage:before{background:var(--damage)}.detail-top.support:before{background:var(--support)}.detail-header-row{display:flex;align-items:center;gap:14px}.detail-portrait{width:64px;height:64px;border-radius:var(--radius);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.detail-portrait img{width:100%;height:100%;object-fit:cover}.detail-hero-name{font-size:22px;font-weight:800;letter-spacing:-.5px}.detail-hero-meta{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.detail-role-badge{font-size:var(--text-2xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.detail-role-badge.tank{background:var(--tank-bg);color:var(--tank);border-color:var(--tank-border)}.detail-role-badge.damage{background:var(--damage-bg);color:var(--damage);border-color:var(--damage-border)}.detail-role-badge.support{background:var(--support-bg);color:var(--support);border-color:var(--support-border)}.detail-body{padding:24px 28px}.detail-desc{font-size:13px;color:var(--text-secondary);line-height:1.7}#detailTopbar{position:relative;z-index:10;display:flex;justify-content:flex-end;align-items:center;gap:0;padding:8px 12px;background:var(--bg);box-shadow:0 1px 0 var(--border);flex-shrink:0}#detailTopbar .detail-compact-header{display:none;align-items:center;gap:8px;overflow:hidden}#detailTopbar.compact{justify-content:space-between;box-shadow:0 1px 4px #00000014}#detailTopbar.compact .detail-compact-header{display:flex}.detail-compact-portrait{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.detail-compact-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}#detailTopbar .detail-topbar-actions{display:flex;align-items:center;gap:6px}#detailTopbar .detail-action-group{position:relative;display:flex;align-items:stretch;height:32px;border:1px solid var(--border);border-radius:17px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:3px;gap:0}#detailTopbar .detail-action-group .dm-slider{position:absolute;top:3px;left:3px;height:calc(100% - 6px);background:var(--accent);border-radius:14px;transition:left .3s var(--ease-spring),width .3s var(--ease-spring);pointer-events:none;z-index:0}#detailTopbar .dmt-btn{position:relative;padding:0 10px;font-size:11px;font-weight:600;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:14px;line-height:26px;z-index:1}#detailTopbar .dmt-btn.active{color:#fff}#detailTopbar .dmt-btn:hover:not(.active){color:var(--text);background:var(--glass-hover)}#detailTopbar .dmt-sep{width:1px;height:16px;background:var(--border);align-self:center;margin:0 3px;flex-shrink:0}#detailTopbar .detail-lang-btn{padding:0 10px;border:none;background:transparent;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;border-radius:14px;line-height:26px;font-family:var(--font);white-space:nowrap;transition:all .12s}#detailTopbar .detail-lang-btn:hover{color:var(--text);background:var(--glass-hover)}#detailTopbar .detail-close-btn{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border:1px solid var(--border);border-radius:50%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-secondary);font-size:16px;cursor:pointer;display:grid;place-items:center;transition:all .12s;line-height:1;padding:0;box-sizing:border-box;overflow:hidden}#detailTopbar .detail-close-btn:hover{background:var(--glass-hover);color:var(--text)}#detailPanel{transition:opacity .12s ease}.detail-subrole{font-size:11px;font-weight:500;padding:2px 8px;border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary)}.detail-release{font-size:11px;color:var(--text-muted)}.detail-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px}.detail-section-subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:12px;margin-top:0}.detail-stats-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:10px 6px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-light)}.detail-stat-item{text-align:center;min-width:60px}.detail-stat-value{display:block;font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.detail-stat-label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:3px;font-weight:600}.detail-hp-bar{display:flex;flex-shrink:0;flex-wrap:wrap;overflow:visible;gap:2px;flex:1;min-width:0}.hp-blk{border-radius:2px;height:12px;flex:1 1 0;min-width:4px;max-width:40px}.hp-blk.hp-health{background:var(--hp-health);border:1px solid var(--hp-health-border)}.hp-blk.hp-armor{background:var(--hp-armor);border:1px solid var(--hp-armor-border)}.hp-blk.hp-shield{background:var(--hp-shield);border:1px solid var(--hp-shield-border)}.ability-list{display:grid;gap:8px}.ability-card{display:flex;gap:12px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);align-items:flex-start;transition:background .2s var(--ease-in-out),border-color .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-xs)}.ability-card:hover{background:var(--bg-hover);border-color:var(--border);box-shadow:var(--shadow-sm)}.ability-card-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.ability-card-icon.tank{background:var(--tank)}.ability-card-icon.damage{background:var(--damage)}.ability-card-icon.support{background:var(--support)}.ability-card-info{flex:1;min-width:0}.ability-card-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}.ability-card-desc{font-size:11px;color:var(--text-secondary);margin-top:3px;line-height:1.55}.ability-card-data{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono);margin-top:4px;background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.perks-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.perk-card{padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:background .2s var(--ease-in-out)}.perk-card:hover{background:var(--bg-hover)}.perk-card .perk-type{font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.perk-card .perk-type.minor{color:var(--perk-minor)}.perk-card .perk-type.major{color:var(--perk-major)}.perk-card .perk-name{font-size:12px;font-weight:600;color:var(--text)}.perk-card .perk-desc{font-size:11px;color:var(--text-secondary);margin-top:2px}.timeline-section{padding:0 28px 28px}.hero-change-list{display:flex;flex-direction:column;gap:8px}.hero-change-item{display:flex;gap:12px;padding:12px 14px;border-left:3px solid var(--hero-color, var(--border-light));border-radius:0 var(--radius-md) var(--radius-md) 0;animation:cardMorph .25s var(--ease) both;animation-delay:calc(var(--i, 0) * 50ms);background:var(--hero-surface, var(--bg-secondary));transition:background .2s var(--ease-in-out),box-shadow .2s ease,transform .2s ease;cursor:default}.hero-change-item:hover{background:var(--hero-surface-strong, var(--bg-hover));box-shadow:0 2px 8px #0000000f;transform:translate(2px)}.hero-change-item+.hero-change-item{margin-top:0}.hci-date{font-size:11px;font-weight:600;color:var(--text-muted);white-space:nowrap;padding-top:2px;min-width:80px;font-variant-numeric:tabular-nums;letter-spacing:.2px}.hci-body{flex:1;min-width:0}.hci-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.hci-ability{font-size:var(--text-2xs);color:var(--hero-text, var(--text-secondary));font-weight:600;background:var(--hero-surface, var(--bg-tertiary));padding:2px 7px;border-radius:var(--radius-xs);border:1px solid var(--hero-border, var(--border-light));display:inline-flex;align-items:center;gap:3px;transition:background .15s ease,border-color .15s ease}.hero-change-item:hover .hci-ability{background:var(--hero-surface-strong, var(--bg-hover));border-color:var(--hero-border, var(--border))}.hci-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}.hci-type-tag{font-size:var(--text-2xs);font-weight:700;padding:2px 6px;border-radius:var(--radius-xs);letter-spacing:.3px;text-transform:uppercase;line-height:1.5;border:1px solid transparent}.hci-type-tag.buff{background:var(--buff-bg);color:var(--buff);border-color:#16a34a40}.hci-type-tag.nerf{background:var(--nerf-bg);color:var(--nerf);border-color:#dc262640}.hci-type-tag.rework,.hci-type-tag.system,.hci-type-tag.release{background:var(--rework-bg);color:var(--rework);border-color:#64748b40}.empty-state{text-align:center;padding:60px 24px;color:var(--text-muted)}.empty-state-icon{font-size:40px;margin-bottom:12px;opacity:.3}.empty-state-text{font-size:13px}@property --loader-progress{syntax: "<percentage>"; inherits: true; initial-value: 5%;}.loading-bar{--loader-progress: 5%;--loader-orange: var(--accent);--loader-cyan: var(--support);--loader-gray: #4A4C4E;--loader-shell-shadow: 0 18px 44px rgba(13, 17, 29, .14);position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;z-index:100000;pointer-events:auto;opacity:1;visibility:visible;transition:opacity .36s var(--ease-out),visibility .36s var(--ease-out);background:radial-gradient(circle at 28% 18%,rgba(0,195,255,.1),transparent 30%),radial-gradient(circle at 78% 76%,rgba(229,133,24,.14),transparent 32%),linear-gradient(180deg,var(--bg) 0%,var(--elevated) 100%)}.loading-bar:before,.loading-bar:after{content:"";position:absolute;inset:0;pointer-events:none}.loading-bar:before{background:linear-gradient(rgba(92,100,120,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(92,100,120,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.78),transparent 74%);opacity:.65}.loading-bar:after{width:38%;right:auto;background:linear-gradient(105deg,transparent,rgba(255,255,255,.24),transparent);transform:translate(-120%) skew(-16deg);animation:loaderScan 2.8s var(--ease-in-out) infinite;opacity:.8}.loading-bar.is-done{opacity:0;visibility:hidden;pointer-events:none}[data-theme=dark] .loading-bar{--loader-gray: #6C7075;--loader-shell-shadow: 0 22px 54px rgba(0, 0, 0, .44);background:radial-gradient(circle at 28% 18%,rgba(0,195,255,.14),transparent 30%),radial-gradient(circle at 78% 76%,rgba(235,140,44,.18),transparent 34%),linear-gradient(180deg,#0d111d,#151a2a)}.loading-hud{position:relative;width:min(392px,calc(100vw - 48px));padding:18px 18px 20px;border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--glass-bg),rgba(255,255,255,.34));box-shadow:var(--loader-shell-shadow),inset 0 1px #ffffff5c;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden;isolation:isolate}.loading-hud:before,.loading-hud:after,.loading-hud-grid{content:"";position:absolute;pointer-events:none}.loading-hud:before{top:0;left:0;right:34%;height:3px;background:linear-gradient(90deg,var(--loader-orange),rgba(229,133,24,.72),transparent);box-shadow:0 0 18px #e585184d}.loading-hud:after{inset:10px;border:1px solid rgba(229,133,24,.11);border-radius:calc(var(--radius-xl) - 8px);opacity:.8}.loading-hud-grid{inset:0;z-index:0;background:linear-gradient(135deg,transparent 0 44%,rgba(255,255,255,.3) 50%,transparent 56%),repeating-linear-gradient(90deg,rgba(13,17,29,.055) 0 1px,transparent 1px 22px);background-size:220% 100%,22px 22px;opacity:.38;animation:loaderCardSheen 3.2s var(--ease-in-out) infinite}[data-theme=dark] .loading-hud{background:linear-gradient(180deg,var(--glass-bg),rgba(13,17,29,.48));box-shadow:var(--loader-shell-shadow),inset 0 1px #ffffff14}[data-theme=dark] .loading-hud-grid{background:linear-gradient(135deg,transparent 0 44%,rgba(255,255,255,.08) 50%,transparent 56%),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 22px)}.loading-hud-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.loading-hud-title,.loading-hud-state{font-size:var(--text-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.loading-hud-title{color:var(--text-muted)}.loading-hud-state{display:inline-flex;align-items:center;gap:6px;color:var(--loader-orange)}.loading-hud-state:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--loader-orange);box-shadow:0 0 0 4px #e585181f,0 0 14px #e5851873;animation:loaderPulse 1.4s var(--ease-in-out) infinite}.loading-bar-label{position:relative;z-index:1;margin-top:14px;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.03em;text-align:center}.loading-bar-track-wrap{position:relative;z-index:1;width:100%;height:9px;margin-top:18px;overflow:hidden;border:1px solid rgba(229,133,24,.22);border-radius:var(--radius-full);background:#64748b24;box-shadow:inset 0 0 0 1px #ffffff21}.loading-bar-track-segments,.loading-bar-track{position:absolute;inset:0}.loading-bar-track-segments{background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.42) 24px 25px);opacity:.46;z-index:1}.loading-bar-track{width:5%;right:auto;background:linear-gradient(90deg,var(--loader-orange),#FFC56D 72%,var(--loader-cyan));border-radius:inherit;box-shadow:0 0 16px #e5851857;transition:width .32s var(--ease-out);will-change:width}.loading-bar-track:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);transform:translate(-120%);animation:loaderTrackGlint 1.9s var(--ease-in-out) infinite}.ow-logo-loader{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}.ow-logo-loader-ring{position:relative;width:72px;aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff6,#ffffff1a);border:1px solid rgba(229,133,24,.22);box-shadow:inset 0 1px #ffffff57,0 10px 24px #0d111d1a}.ow-logo-loader-sweep,.ow-logo-loader-ticks{content:"";position:absolute;pointer-events:none}.ow-logo-loader-sweep{inset:7px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 76%,rgba(0,195,255,.34) 82%,transparent 88% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));animation:loaderSweep 2.2s linear infinite}.ow-logo-loader-ticks{display:none}.ow-logo-loader-mark{position:relative;width:38px;aspect-ratio:1;isolation:isolate;animation:loaderBreath 2.4s ease-in-out infinite}.ow-logo-loader-body{background:var(--loader-gray);-webkit-mask:url(../images/brand/overwatch-2-mark-body.svg) center / contain no-repeat;mask:url(../images/brand/overwatch-2-mark-body.svg) center / contain no-repeat}.ow-logo-loader-arc{-webkit-mask:url(../images/brand/overwatch-2-mark-arc.svg) center / contain no-repeat;mask:url(../images/brand/overwatch-2-mark-arc.svg) center / contain no-repeat}.ow-logo-loader-arc:before{background:var(--loader-orange);clip-path:inset(0 calc(100% - var(--loader-progress)) 0 0);transition:clip-path .32s var(--ease-out)}.ow-logo-loader-percent{min-width:0;text-align:right;color:var(--text-primary);font-family:var(--font-heading-en);font-size:clamp(30px,7vw,42px);font-weight:700;line-height:1;letter-spacing:.03em;font-variant-numeric:tabular-nums}@keyframes loaderBreath{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.04);filter:brightness(1.08)}}@keyframes loaderSweep{to{transform:rotate(360deg)}}@keyframes loaderCardSheen{0%,48%{background-position:160% 0,0 0}to{background-position:-40% 0,0 0}}@keyframes loaderScan{0%{transform:translate(-120%) skew(-16deg)}44%,to{transform:translate(260%) skew(-16deg)}}@keyframes loaderTrackGlint{0%{transform:translate(-120%)}55%,to{transform:translate(120%)}}@keyframes loaderPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.76);opacity:.66}}@supports not (backdrop-filter: blur(1px)){.loading-hud{background:#fffffff0}[data-theme=dark] .loading-hud{background:#0d111df0}}@media(max-width:520px){.loading-bar{padding:16px}.loading-hud{width:min(330px,calc(100vw - 32px));padding:16px 16px 18px;border-radius:var(--radius-lg)}.loading-hud-header{margin-bottom:18px}.ow-logo-loader{gap:12px}.ow-logo-loader-ring{width:64px}.ow-logo-loader-mark{width:34px}.ow-logo-loader-percent{font-size:34px}}@media(prefers-reduced-motion:reduce){.loading-bar:after,.loading-hud-grid,.loading-hud-state:before,.ow-logo-loader-mark,.ow-logo-loader-sweep,.loading-bar-track:after{animation:none}.ow-logo-loader-arc:before,.loading-bar-track{transition-duration:.01ms}}.dashboard-loading-overlay{--dashboard-loader-accent: var(--accent);--dashboard-loader-shadow: 0 16px 38px rgba(13, 17, 29, .16);position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:50%;z-index:var(--z-toast);width:min(390px,calc(100vw - 32px));opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-50%,-14px,0) scale(.96);transform-origin:top center;transition:opacity .22s var(--ease-out),visibility .22s var(--ease-out),transform .22s var(--ease-spring)}.dashboard-loading-overlay.is-visible{opacity:1;visibility:visible;transform:translate3d(-50%,0,0) scale(1)}.dashboard-loading-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) 72px;align-items:center;gap:11px;min-height:54px;padding:10px 13px 10px 12px;border:1px solid rgba(229,133,24,.2);border-radius:var(--radius-full);background:linear-gradient(135deg,#ffffffe6,#ffffffad);box-shadow:0 12px 30px #0d111d21,inset 0 1px #ffffff7a;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden}.dashboard-loading-card:before{display:none}.dashboard-loading-orb{position:relative;z-index:1;width:10px;height:10px;border-radius:50%;background:var(--dashboard-loader-accent);box-shadow:0 0 0 4px #e585181f}.dashboard-loading-orb:before,.dashboard-loading-orb:after{display:none}.dashboard-loading-copy{position:relative;z-index:1;display:grid;gap:2px;min-width:0}.dashboard-loading-kicker{color:var(--text-muted);font-size:9px;font-weight:800;line-height:1;letter-spacing:.14em;text-transform:uppercase}.dashboard-loading-label{color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-loading-track{position:relative;z-index:1;height:4px;overflow:hidden;border-radius:var(--radius-full);background:#64748b29}.dashboard-loading-track span{position:absolute;inset:0 auto 0 0;width:44%;border-radius:inherit;background:var(--dashboard-loader-accent);box-shadow:none;animation:loaderIndeterminateTrack 1.45s var(--ease-in-out) infinite}[data-theme=dark] .dashboard-loading-overlay{--dashboard-loader-shadow: 0 18px 42px rgba(0, 0, 0, .48)}[data-theme=dark] .dashboard-loading-card{border-color:#eb8c2c33;background:linear-gradient(135deg,#1e2538db,#0d111db8);box-shadow:var(--dashboard-loader-shadow),inset 0 1px #ffffff14}[data-theme=dark] .dashboard-loading-orb{background:var(--dashboard-loader-accent)}@media(max-width:520px){.dashboard-loading-overlay{top:calc(10px + env(safe-area-inset-top,0px));width:calc(100vw - 24px)}.dashboard-loading-card{grid-template-columns:auto minmax(0,1fr) 54px;gap:10px;min-height:52px;padding:9px 11px}.dashboard-loading-orb{width:9px;height:9px}.dashboard-loading-label{font-size:11px}}@media(prefers-reduced-motion:reduce){.dashboard-loading-overlay,.dashboard-loading-track span{animation:none!important;transition-duration:.01ms!important}.dashboard-loading-track span{transform:translate(0);opacity:.85}}.loading-bar{--loader-progress: 5%;--loader-orange: var(--accent);--loader-gray: #4A4C4E;display:grid;place-items:center;background:var(--bg)}.loading-bar:before,.loading-bar:after,.ow-logo-loader-sweep,.ow-logo-loader-ticks,.loading-bar-track:after{display:none}[data-theme=dark] .loading-bar{--loader-gray: #777B84;background:#0d111d}.loading-mark{display:grid;justify-items:center;gap:11px;transform:translateY(-10px)}.ow-logo-loader{position:relative;z-index:1;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:11px}.ow-logo-loader-ring{position:relative;width:38px;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;box-shadow:none;clip-path:none;isolation:isolate}.ow-logo-loader-ring:before,.ow-logo-loader-ring:after{content:none;display:none}[data-theme=dark] .ow-logo-loader-ring{background:transparent;box-shadow:none}.ow-logo-loader-mark{position:relative;z-index:1;width:22px;aspect-ratio:1;isolation:isolate;animation:none}.ow-logo-loader-body,.ow-logo-loader-arc,.ow-logo-loader-arc:before{content:"";position:absolute;inset:0;pointer-events:none}.ow-logo-loader-body{background:var(--loader-gray);filter:none;-webkit-mask:url(../images/brand/overwatch-2-mark-body.svg) center / contain no-repeat;mask:url(../images/brand/overwatch-2-mark-body.svg) center / contain no-repeat}.ow-logo-loader-arc{-webkit-mask:url(../images/brand/overwatch-2-mark-arc.svg) center / contain no-repeat;mask:url(../images/brand/overwatch-2-mark-arc.svg) center / contain no-repeat}.ow-logo-loader-arc:before{background:var(--loader-orange);clip-path:inset(0 calc(100% - var(--loader-progress)) 0 0);box-shadow:none;transition:clip-path .28s var(--ease-out)}.ow-logo-loader-percent{min-width:46px;text-align:left;color:var(--text-primary);font-family:var(--font-heading-en);font-size:20px;font-weight:700;line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums}.loading-title{color:var(--text-secondary);font-family:var(--font-heading-en);font-size:11px;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase}.loading-bar-label{margin-top:0;text-align:center;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.015em}.loading-line{position:fixed;left:max(24px,env(safe-area-inset-left,0px));right:max(24px,env(safe-area-inset-right,0px));bottom:calc(32px + env(safe-area-inset-bottom,0px));height:2px;overflow:hidden;border-radius:var(--radius-full);background:#64748b33}.loading-bar-track{position:absolute;inset:0 auto 0 0;width:5%;height:100%;border-radius:inherit;background:var(--loader-orange);box-shadow:none;transition:width .28s var(--ease-out)}@supports not (backdrop-filter: blur(1px)){.dashboard-loading-card{background:#fffffff5}[data-theme=dark] .dashboard-loading-card{background:#0d111df5}}@media(max-width:520px){.loading-mark{transform:translateY(-8px)}.ow-logo-loader-ring{width:36px}.ow-logo-loader-mark{width:21px}.ow-logo-loader-percent{min-width:42px;font-size:19px}.loading-line{left:20px;right:20px;bottom:calc(26px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.loading-bar-track,.ow-logo-loader-arc:before,.dashboard-loading-track span{animation:none!important;transition-duration:.01ms!important}.dashboard-loading-track span{transform:translate(0);opacity:.85}}.loading-skeleton{display:flex;flex-direction:column;gap:12px;padding:16px 0}.skeleton-row{height:52px;background:var(--bg-tertiary);border-radius:var(--radius);animation:pulse 1.5s ease-in-out infinite;will-change:opacity}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-shimmer{position:relative;overflow:hidden}.hero-shimmer:before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(var(--hero-color-r, 249),var(--hero-color-g, 158),var(--hero-color-b, 26),0);box-shadow:inset 0 0 0 1px transparent;animation:shimmerGlow .9s var(--ease-in-out) forwards;pointer-events:none;z-index:1}.hero-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(105deg,transparent 28%,rgba(var(--hero-color-r, 249),var(--hero-color-g, 158),var(--hero-color-b, 26),.05) 38%,rgba(255,255,255,.03) 43%,rgba(255,255,255,.1) 47%,rgba(255,255,255,.14) 49.5%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.14) 50.5%,rgba(255,255,255,.1) 53%,rgba(255,255,255,.03) 57%,rgba(var(--hero-color-r, 249),var(--hero-color-g, 158),var(--hero-color-b, 26),.05) 62%,transparent 72%);animation:shimmerSweep .9s var(--ease-in-out) forwards;pointer-events:none;border-radius:inherit;z-index:2}@keyframes shimmerGlow{0%,to{background:rgba(var(--hero-color-r, 249),var(--hero-color-g, 158),var(--hero-color-b, 26),0);box-shadow:inset 0 0 0 1px transparent}45%,55%{background:rgba(var(--hero-color-r, 249),var(--hero-color-g, 158),var(--hero-color-b, 26),.035);box-shadow:inset 0 0 0 1px rgba(var(--hero-color-r, 249),var(--hero-color-g, 158),var(--hero-color-b, 26),.28)}}@keyframes shimmerSweep{0%{transform:translate(0);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translate(200%);opacity:0}}@media(min-width:1401px){.main-layout{max-width:none;padding:0 32px}.top-bar-inner{max-width:none;padding:0 8px}.feed{max-width:none;padding:0 40px 24px 48px}.side-panel{width:260px}}@media(min-width:1801px){.main-layout,.top-bar-inner{max-width:1720px;margin:0 auto;padding:0}.feed{padding:0 48px 28px 56px}.side-panel{width:280px}.side-panel-scroll{padding:24px 24px 24px 8px}}@media(max-width:1100px){.feed{padding:0 24px 20px 40px;max-width:none}.side-panel{width:220px}.side-panel-scroll{padding:16px 12px 16px 4px}.roster-sub-group{grid-template-columns:repeat(4,1fr)}}@media(max-width:960px){.main-layout,.top-bar-inner{max-width:none}.feed{padding:0 20px 16px 36px;max-width:none}.side-panel{position:fixed;right:0;top:64px;width:280px;height:calc(100vh - 64px);height:calc(100dvh - 64px);z-index:var(--z-detail);background:#ffffffb8;backdrop-filter:saturate(200%) blur(22px);-webkit-backdrop-filter:saturate(200%) blur(22px);border:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:-4px 0 24px #00000014;transform:translate(100%);transition:transform .25s var(--ease);overflow:hidden;will-change:auto}.side-panel-scroll{padding:16px 18px}.side-panel.open{transform:translate(0)}.side-panel-backdrop{position:fixed;inset:0;background:#0003;z-index:calc(var(--z-detail) - 1);opacity:0;visibility:hidden;transition:opacity .3s var(--ease-in-out),visibility .3s}.side-panel-backdrop.show{opacity:1;visibility:visible}.side-toggle{display:flex}.search-wrap{max-width:none}.roster-sub-group{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.change-description,.panel-label,.hero-group-entry .entry-meta,.detail-main,.detail-sidebar,.detail-timeline-section,.detail-description,.ability-description,.skill-card-data,.ability-tip-data{font-size:13px;line-height:1.6}.change-patch-version{font-size:12px}.detail-hero-name{font-size:20px}.detail-ability-name,.detail-perk-name,.detail-hp-stat{font-size:14px}.top-bar{position:relative;padding:0 calc(10px + env(safe-area-inset-right,0px)) 0 calc(10px + env(safe-area-inset-left,0px));height:48px;height:calc(48px + env(safe-area-inset-top,0px));padding-top:calc(10px + env(safe-area-inset-top,0px))}.top-bar-inner{gap:6px;height:34px;align-items:stretch}.top-bar-inner>.brand,.top-bar-inner>.search-toggle,.top-bar-inner>.top-actions{height:100%;display:flex;align-items:center}.top-actions{gap:4px}.search-toggle{display:flex;width:32px;height:32px;flex-shrink:0}.search-back{display:flex;width:30px;height:30px;flex-shrink:0}.search-wrap{display:none;flex:1;position:relative;align-items:center;gap:6px}.search-wrap.mobile-expanded{display:flex;animation:mobileSearchIn .2s var(--ease-out)}.search-wrap.mobile-expanded .search-icon{display:none}.search-wrap.mobile-expanded input{flex:1;height:36px;min-height:36px;font-size:16px;padding:0 12px;position:static;transform:none}.top-bar-inner.search-expanded .brand,.top-bar-inner.search-expanded .search-toggle,.top-bar-inner.search-expanded .top-actions{display:none}.brand .mixed-heading{font-size:16px;color:var(--accent);letter-spacing:.02em}.brand-mark{width:26px;height:26px;border-radius:6px}.brand{height:34px}.top-btn{height:32px;padding:0 10px;font-size:11px}.top-btn.ow-btn{padding:0 10px;font-size:11px;letter-spacing:.3px}.top-btn .count-badge{display:none}#themeSwitch{width:36px;height:36px;font-size:16px;border-radius:var(--radius-sm)}.lang-toggle.ow-btn{min-width:auto;padding:0 8px;height:32px}.brand,.search-toggle,.top-actions .top-btn,.top-actions #themeSwitch,.top-actions .lang-toggle.ow-btn{border-radius:var(--radius-sm)}.hide-mobile{display:none!important}.feed{padding:0 calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(28px + env(safe-area-inset-left,0px));height:calc(100vh - 86px);height:calc(100dvh - 86px)}.latest-patch-card{grid-template-columns:1fr;align-items:start;gap:10px;padding:13px 16px;margin-bottom:22px}.latest-patch-header{flex-wrap:wrap;width:100%;gap:4px 10px}.latest-patch-title-wrap{flex-wrap:wrap;gap:4px 8px}.latest-patch-summary{flex-basis:100%;max-width:none;text-align:left;font-size:10px;white-space:normal}.latest-patch-rows{justify-content:flex-start;gap:7px}.latest-patch-hero{width:30px;height:30px}.feed-search-summary{align-items:flex-start;flex-direction:column;gap:3px;margin-bottom:14px}.feed-search-summary-label{max-width:100%}.feed-search-summary-count{font-size:10px}.main-layout{min-height:calc(100vh - 86px);min-height:calc(100dvh - 86px)}.change-card{padding:10px 8px;gap:8px}.change-hero-thumb{width:32px;height:32px}.change-description{font-size:14px;-webkit-line-clamp:3}.hero-group-header{padding:6px 8px;gap:8px}.hero-group-header .hero-avatar{width:26px;height:26px}.hero-group-entry{padding:6px 8px 6px 40px}.hero-group-entry .entry-sep{left:40px}.hero-group-entry .entry-dot{left:18px;top:13px}.side-panel{width:260px;max-width:85vw;top:56px;height:calc(100vh - 56px);height:calc(100dvh - 56px);border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:-4px 0 24px #00000014}.side-panel-scroll{padding:14px}.side-panel.open{transform:translate(0)}.side-panel-backdrop{position:fixed;inset:0;background:#0003;z-index:calc(var(--z-detail) - 1);opacity:0;visibility:hidden;transition:opacity .3s var(--ease-in-out),visibility .3s}.side-panel-backdrop.show{opacity:1;visibility:visible}.roster-sub-group{grid-template-columns:repeat(4,1fr);gap:4px}.patch-group-date{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 4px 4px 0}.patch-group-label{display:none}.detail-view.open{padding:calc(8px + env(safe-area-inset-top,0px)) 8px 8px 8px;align-items:flex-end}.detail-panel{max-width:100%;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;display:flex;flex-direction:column}.detail-content-wrap{-webkit-overflow-scrolling:touch;flex:1;min-height:0}.detail-top{padding:18px 18px 14px;flex-shrink:0}.detail-body{padding:16px 18px}.detail-hero-name{font-size:18px}.detail-stats-row{flex-direction:column;align-items:flex-start}.perks-grid{grid-template-columns:1fr}.timeline-section{padding:0 18px 18px}.hero-change-item{padding:10px 12px;gap:10px}.hci-date{min-width:65px;font-size:10px}.hci-ability{padding:1px 5px;font-size:10px}.hci-desc{font-size:12px}.side-toggle{display:flex;right:10px;bottom:20px;width:48px;height:48px;font-size:20px}.side-toggle.open{right:calc(min(260px,85vw) + 10px)}.filter-pill{min-height:44px;padding:0 14px;font-size:13px}.roster-list .avatar-item{min-width:40px;min-height:40px}.bookmark-item{min-height:44px;width:44px}.detail-banner-close{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;font-size:18px;border-radius:50%}.detail-banner-lang{height:36px;min-height:36px;padding:0 10px;font-size:var(--text-xs)}.detail-bookmark-btn{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;padding:0;font-size:18px;border-radius:50%}.patch-group{margin-bottom:16px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000059}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;z-index:10000;padding:8px 16px;background:var(--surface, #fff);color:var(--text, #232A3A);border:2px solid var(--tank, #E58518);border-radius:6px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #00000026}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.skeleton-row,.topbar-analysis-btn.is-loading:after,.side-toggle:before,.hero-shimmer:before,.hero-shimmer:after,.detail-ult-ring,.detail-ult-ring:before{animation:none!important}.feed-content.feed-fading,.dashboard-panel,.detail-panel,.change-card,.change-card-list.is-expanding .hero-group-header,.change-card-list.is-expanding .hero-group-entry,.hero-group-entry,.hero-group-header{transform:none!important}.latest-patch-card:after,.change-card:after,.hero-group-header:before,.hero-group-entry:before,.ow-card-hover:after,.dash-kpi:after,.dash-hero-card:after,.watchlist-item:after{opacity:0!important}}@media(hover:none)and (pointer:coarse){.change-card.fade-in-done:hover{background:var(--surface);transform:none;box-shadow:none}.change-card:hover .change-type-tag{transform:none}.change-card:hover .change-ability-tag{color:var(--text-secondary)}.change-card:hover .change-hero-thumb{transform:none}.latest-patch-card:hover{background:var(--glass-bg);transform:none}.latest-patch-hero:hover{transform:none}.patch-group-header:hover{background:transparent;border-color:transparent}.hero-change-item:hover{background:var(--bg-secondary);transform:none;box-shadow:none}.hero-change-item:hover .hci-ability{background:var(--bg-tertiary);border-color:var(--border)}.filter-pill:hover{border-color:var(--border);color:var(--text-secondary)}.avatar-item:hover{transform:none;box-shadow:none}.bookmark-item:hover{transform:none}.bookmark-item:hover .bookmark-remove{opacity:0}.skill-card:hover,.detail-perk-card:hover,.ability-card:hover,.perk-card:hover{background:var(--bg-secondary)}.change-badge:hover{opacity:1}.detail-bookmark-btn:hover,.detail-banner-close:hover,.detail-banner-lang:hover{color:var(--text-muted);border-color:var(--border)}.detail-mode-group .dmt-btn:hover:not(.active){color:var(--text-muted);background:transparent}.sidebar-view-all:hover,.change-history-inline-more:hover{opacity:1}.time-jump-year:hover{border-color:var(--border);color:var(--text-secondary);background:var(--glass-bg);transform:none;box-shadow:none}.time-jump-picker:hover{border-color:var(--border);color:var(--text-secondary);background:var(--glass-bg);transform:none}.popover-month:hover{background:transparent;color:var(--text-secondary)}.top-btn:hover{background:var(--bg);color:var(--text-secondary);opacity:1}.top-btn.primary:hover{opacity:1}#detailTopbar .dmt-btn:hover:not(.active){color:var(--text-muted);background:transparent}.detail-close-btn:hover,.detail-lang-btn:hover,.detail-action-group:hover{background:var(--bg);color:var(--text-secondary)}.panel-attribution a:hover{color:var(--text-muted)}::-webkit-scrollbar-thumb:hover{background:#0000002e}.change-badge-tip,.ability-tip{display:none!important}.change-card:active,.latest-patch-card:active{background:var(--bg-hover);transform:scale(.98);transition:transform .08s ease,background .08s ease}.filter-pill:active,.top-btn:active,.ow-btn:active{transform:scale(.95);transition:transform .06s ease}.side-toggle:active{transform:scale(.9);transition:transform .06s ease}.time-jump-year:active,.time-jump-picker:active{transform:scale(.94);transition:transform .06s ease}.bookmark-item:active{background:var(--bg-hover);transform:scale(.97);transition:transform .06s ease,background .08s ease}.avatar-item:active{transform:scale(.93);transition:transform .06s ease}.detail-banner-close:active,.detail-banner-lang:active,.detail-bookmark-btn:active{transform:scale(.9);transition:transform .06s ease}}.change-card,.filter-pill,.avatar-item,.time-jump-year,.time-jump-picker,.popover-month,.search-clear,.top-btn,.detail-close-btn,.detail-lang-btn,.detail-action-group,#detailTopbar .dmt-btn{touch-action:manipulation}#detailPanel{--hero-surface: rgba(var(--hero-color-r,128), var(--hero-color-g,128), var(--hero-color-b,128), .05);--hero-surface-strong: rgba(var(--hero-color-r,128), var(--hero-color-g,128), var(--hero-color-b,128), .1);--hero-border: rgba(var(--hero-color-r,128), var(--hero-color-g,128), var(--hero-color-b,128), .25);--hero-text: color-mix(in srgb, var(--hero-color, #888) 65%, #000)}[data-theme=dark] #detailPanel{--hero-surface: rgba(var(--hero-color-r,128), var(--hero-color-g,128), var(--hero-color-b,128), .09);--hero-surface-strong: rgba(var(--hero-color-r,128), var(--hero-color-g,128), var(--hero-color-b,128), .15);--hero-border: rgba(var(--hero-color-r,128), var(--hero-color-g,128), var(--hero-color-b,128), .3);--hero-text: var(--hero-text-dark, color-mix(in srgb, var(--hero-color, #888) 85%, #fff))}.detail-hero-banner{padding:16px 24px 14px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;border-bottom:1px solid var(--hero-border, var(--border-light));background:linear-gradient(135deg,var(--hero-surface-strong, transparent) 0%,transparent 60%),var(--hero-surface, transparent);flex-shrink:0}[data-theme=dark] .detail-hero-banner{background:radial-gradient(ellipse 80% 100% at 10% 0%,var(--hero-surface-strong, var(--bg-tertiary)) 0%,transparent 55%),linear-gradient(160deg,var(--bg) 0%,var(--bg-secondary) 30%,var(--hero-surface-strong, var(--bg-tertiary)) 60%,var(--bg) 100%)}.detail-hero-banner:after{content:"";position:absolute;top:0;right:0;width:320px;height:100%;pointer-events:none;opacity:.12;background:radial-gradient(ellipse at center,var(--hero-color, var(--accent)) 0%,transparent 70%)}.detail-hero-banner-portrait{width:62px;height:62px;border-radius:14px;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);border:2px solid var(--hero-border, var(--border));box-shadow:0 0 0 3px var(--hero-surface, transparent),0 4px 12px #0000001f;position:relative;z-index:1}.detail-hero-banner-portrait img{width:100%;height:100%;object-fit:cover}.detail-hero-banner-info{flex:1;position:relative;z-index:1;min-width:0;display:flex;align-items:center;gap:14px}.detail-hero-banner-name{font-size:36px;color:var(--hero-text, var(--text));text-shadow:0 1px 0 rgba(255,255,255,.25)}[data-theme=dark] .detail-hero-banner-name{text-shadow:0 0 18px var(--hero-surface-strong, rgba(255,255,255,.1))}.detail-hero-banner-name .en{font-family:var(--font-heading-en);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.detail-hero-banner-name .cn{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:700;transform:skew(-10deg);display:inline-block}.detail-hero-banner-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--text-secondary);font-weight:500}.detail-hero-banner-role{display:inline-flex;align-items:center;gap:3px;padding:2px 10px;border-radius:12px;font-size:var(--text-xs);font-weight:700;letter-spacing:.3px}.detail-hero-banner-role.tank{background:var(--tank-bg);color:var(--tank)}.detail-hero-banner-role.damage{background:var(--damage-bg);color:var(--damage)}.detail-hero-banner-role.support{background:var(--support-bg);color:var(--support)}:root .detail-hero-banner-role.support{color:#0891b2}:root .detail-hero-banner-role.tank{color:#d97706}.detail-hero-banner-role-inline{display:inline-flex;align-items:center;margin-left:8px;padding:2px 10px;border-radius:12px;font-size:var(--text-2xs);font-weight:700;vertical-align:middle;background:var(--hero-surface, var(--bg-tertiary));color:var(--hero-color, var(--text-secondary));border:1px solid var(--hero-border, transparent);letter-spacing:.3px}.detail-hero-banner-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.detail-hero-banner-stats{display:flex;gap:5px;flex-wrap:wrap}.detail-stat-pill{display:flex;align-items:baseline;gap:4px;background:var(--hero-surface, var(--bg-tertiary));padding:3px 10px;border-radius:6px;font-size:11px;border:1px solid var(--hero-border, var(--border-light));transition:background .15s ease,border-color .15s ease}.detail-stat-pill:hover{background:var(--bg-hover);border-color:var(--border)}.detail-stat-pill-val{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.detail-stat-pill-lbl{color:var(--text-secondary);font-size:var(--text-2xs);letter-spacing:.2px}.detail-hero-banner-actions{display:flex;gap:6px;align-items:center}.detail-hero-banner-actions .dmt-btn{min-height:30px;padding:0 12px;font-size:var(--text-xs);font-weight:700;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-family:var(--font);transition:all .2s var(--ease-in-out)}.detail-hero-banner-actions .dmt-btn.active{background:var(--hero-color, var(--accent));border-color:var(--hero-color, var(--accent));color:#fff}.detail-hero-banner-actions .dmt-btn:hover:not(.active){border-color:var(--accent);color:var(--accent);background:var(--bg-hover)}.detail-mode-group{position:relative;display:inline-flex;align-items:stretch;height:30px;border:1px solid var(--border);border-radius:15px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:2px;gap:0}.detail-mode-group .dm-slider{position:absolute;top:2px;left:2px;height:calc(100% - 4px);background:var(--hero-color, var(--accent));border-radius:13px;transition:left .3s var(--ease-spring),width .3s var(--ease-spring);pointer-events:none;z-index:0}.detail-mode-group .dmt-btn{position:relative;min-height:26px;padding:0 12px;font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.3px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:13px;font-family:var(--font);z-index:1}.detail-mode-group .dmt-btn.active{color:#fff}.detail-mode-group .dmt-btn:hover:not(.active){color:var(--text);background:var(--glass-hover)}.dash-map-pills{width:max-content}.detail-banner-lang{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-muted);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;font-family:var(--font);white-space:nowrap;transition:all .2s var(--ease-spring);touch-action:manipulation}.detail-banner-lang:hover{border-color:var(--hero-color, var(--accent));color:var(--hero-color, var(--accent));background:var(--glass-hover)}.detail-banner-lang:active{transform:scale(.95)}.detail-banner-close{display:grid;place-items:center;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer;transition:all .2s var(--ease-spring);touch-action:manipulation;flex-shrink:0;box-sizing:border-box;overflow:hidden}.detail-banner-close:hover{border-color:var(--hero-color, var(--accent));color:var(--hero-color, var(--accent));background:var(--glass-hover)}.detail-banner-close:active{transform:scale(.9)}.detail-content-wrap{display:flex;gap:0;flex:1;min-height:0;overflow:hidden}.detail-main{flex:1;min-width:0;overflow-y:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 20px;touch-action:pan-y}.detail-sidebar{width:200px;flex-shrink:0;padding:16px 16px 16px 0;overflow-y:auto;scrollbar-gutter:stable;touch-action:pan-y}.detail-sidebar-inner{display:flex;flex-direction:column;gap:12px;position:sticky;top:20px}.detail-content-section{margin-bottom:18px;padding:18px;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--hero-border, var(--border));box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.detail-content-section:before{content:"";position:absolute;top:18px;left:0;width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--hero-color, var(--accent));opacity:.72;pointer-events:none}.detail-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.detail-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--hero-text, var(--text-muted))}.change-badges{display:flex;gap:5px}.change-badge{padding:3px 10px;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .2s var(--ease-in-out);user-select:none;text-transform:uppercase;letter-spacing:.4px;border:1px solid transparent}.change-badge:hover{opacity:.85;transform:scale(1.05)}.change-badge.buff{background:var(--buff-bg);color:var(--buff);border-color:#16a34a40}.change-badge.nerf{background:var(--nerf-bg);color:var(--nerf);border-color:#dc262640}.change-badge.rework,.change-badge.system,.change-badge.release{background:var(--rework-bg);color:var(--rework);border-color:#64748b40}.change-badge.none{background:var(--bg-tertiary);color:var(--text-muted);cursor:default}.change-badge.none:hover{transform:none}.change-badge.static{cursor:default}.change-badge.static:hover{transform:none}.change-inline-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-xs);font-size:var(--text-2xs);font-weight:700;flex-shrink:0;line-height:1.6;text-transform:uppercase;letter-spacing:.4px;border:1px solid transparent}.change-inline-tag.buff{background:var(--buff-bg);color:var(--buff);border-color:#16a34a40}.change-inline-tag.nerf{background:var(--nerf-bg);color:var(--nerf);border-color:#dc262640}.change-inline-tag.rework,.change-inline-tag.system,.change-inline-tag.release{background:var(--rework-bg);color:var(--rework);border-color:#64748b40}.change-badge-tip{position:fixed;z-index:var(--z-toast);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;max-width:290px;font-size:12px;line-height:1.55;color:var(--text);box-shadow:var(--shadow-lg);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.change-badge-tip.visible{opacity:1;transform:translateY(0)}.change-badge-tip-date{color:var(--text-muted);font-size:11px;margin-bottom:5px}.change-badge-tip-type{font-weight:700;margin-right:6px}.change-badge-tip-type.buff{color:var(--buff)}.change-badge-tip-type.nerf{color:var(--nerf)}.change-badge-tip-desc{color:var(--text-secondary)}.ability-tip{position:fixed;z-index:var(--z-toast);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-lg);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;font-size:12px;line-height:1.55}.ability-tip.visible{opacity:1;transform:translateY(0)}.ability-tip-title{font-weight:600;color:var(--text);margin-bottom:3px}.ability-tip-type{font-size:10px;font-weight:600;margin-bottom:5px}.ability-tip-type.minor{color:var(--perk-minor)}.ability-tip-type.major{color:var(--perk-major)}.ability-tip-data{color:var(--text-muted);font-size:11px;margin-bottom:3px}.ability-tip-desc{color:var(--text-secondary);font-size:11px}.change-history-inline{max-height:0;overflow:hidden;margin-top:0;padding:0 12px;background:var(--hero-surface, var(--bg-secondary));border-radius:var(--radius-md);border:1px solid transparent;transition:max-height .3s var(--ease),margin-top .3s var(--ease),padding .3s var(--ease),border-color .3s var(--ease),opacity .25s ease;opacity:0}.change-history-inline.open{max-height:240px;overflow-y:auto;margin-top:12px;padding:12px;border-color:var(--hero-border, var(--border-light));opacity:1}.trend-sparkline{width:100%;margin:6px 0;position:relative}.change-history-inline-item{padding:7px 0;font-size:var(--text-sm);color:var(--text);border-bottom:1px solid var(--hero-border, var(--border-light));display:flex;align-items:flex-start;gap:8px;line-height:1.6}.change-history-inline-item:last-child{border-bottom:none}.change-history-inline-more{text-align:center;font-size:var(--text-xs);color:var(--hero-color, var(--accent));cursor:pointer;padding:8px 0 0;font-weight:700;transition:opacity .2s ease}.change-history-inline-more:hover{opacity:.75}.skill-card.expanded,.detail-perk-card.expanded{border-color:var(--hero-color, var(--accent));box-shadow:0 0 0 1px var(--hero-color, var(--accent)),var(--shadow-sm)}.detail-hp-card{background:var(--hero-surface, var(--bg-secondary));border:1px solid var(--hero-border, var(--border-light));border-radius:var(--radius-md);padding:14px 16px;margin-bottom:8px;box-shadow:var(--shadow-xs)}.detail-hp-total{display:inline-flex;align-items:baseline;gap:6px;margin-bottom:10px}.detail-hp-total-val{font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1;color:var(--hero-text, var(--text));font-variant-numeric:tabular-nums}.detail-hp-total-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.detail-hp-body{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.detail-hp-bar-track{display:grid;grid-template-columns:repeat(var(--total-blocks, 1),1fr);gap:3px;flex:1 1 auto;min-width:100px;min-height:16px;overflow:visible;background:var(--bg-tertiary);padding:3px;border-radius:var(--radius-sm)}.detail-hp-blk{width:100%;height:12px;border-radius:3px;transition:opacity .25s ease,transform .25s ease}.detail-hp-blk.hp-health{background:var(--hp-health);border:1px solid var(--hp-health-border)}.detail-hp-blk.hp-armor{background:var(--hp-armor);border:1px solid var(--hp-armor-border)}.detail-hp-blk.hp-shield{background:var(--hp-shield);border:1px solid var(--hp-shield-border)}.detail-hp-blk:hover{opacity:.8;transform:scaleY(1.3)}.detail-hp-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;color:var(--text-secondary);align-items:center}.detail-hp-legend-item{display:inline-flex;align-items:center;gap:6px}.detail-hp-legend-item i{width:10px;height:10px;border-radius:3px;display:inline-block}.detail-hp-legend-item.hp-health i{background:var(--hp-health);border:1px solid var(--hp-health-border)}.detail-hp-legend-item.hp-armor i{background:var(--hp-armor);border:1px solid var(--hp-armor-border)}.detail-hp-legend-item.hp-shield i{background:var(--hp-shield);border:1px solid var(--hp-shield-border)}.detail-hp-legend-item span{font-weight:700;color:var(--hero-text, var(--text));margin-right:2px}.detail-ult-rings{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px;justify-content:flex-start}.ult-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.ult-ring-container{position:relative;width:84px;height:84px;border-radius:50%}.ult-ring-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);background:transparent;overflow:visible}.ult-ring-outer-svg{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;overflow:visible;z-index:2}.ult-lightning-svg{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none;overflow:visible;z-index:3}.ult-ring-track{stroke:#00e8ff;stroke-opacity:1;filter:drop-shadow(0 0 4px #00e8ff) drop-shadow(0 0 11px #00bbff) drop-shadow(0 0 20px #0088dd);animation:ult-ring-pulse 2.5s ease-in-out infinite}@keyframes ult-ring-pulse{0%,to{filter:drop-shadow(0 0 4px #00e8ff) drop-shadow(0 0 11px #00bbff) drop-shadow(0 0 20px #0088dd)}50%{filter:drop-shadow(0 0 7px #00e8ff) drop-shadow(0 0 16px #00bbff) drop-shadow(0 0 28px #0088dd)}}.ult-ring-ripple{stroke:#00dcff80;animation:ult-ripple 3s ease-out infinite}@keyframes ult-ripple{0%{r:24;stroke-width:2;stroke-opacity:.5}to{r:29;stroke-width:.3;stroke-opacity:0}}[data-theme=dark] .ult-ring-ripple{stroke:#00ebff8c}.ult-ring-outer{fill:none;stroke:#c8f0ffeb;stroke-width:1.2;stroke-linecap:round}.ult-ring-chevron{fill:#c8f0fff2}.ult-lightning-path{fill:none;stroke:#0bd;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;opacity:0;transition:opacity .08s;filter:drop-shadow(0 0 2px #00ddff) drop-shadow(0 0 6px #0088cc) drop-shadow(0 0 14px #005599)}.ult-lightning-glow{fill:none;stroke:#038;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .1s;pointer-events:none;filter:blur(3px)}.ult-lightning-branch-core{fill:none;stroke:#0bd;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:miter;opacity:0;transition:opacity .12s;filter:drop-shadow(0 0 2px #0099cc) drop-shadow(0 0 5px #005588)}.ult-lightning-branch-glow{fill:none;stroke:#038;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .15s;pointer-events:none;filter:blur(2px)}[data-theme=dark] .ult-lightning-path{stroke:#0ce;filter:drop-shadow(0 0 3px #00eeff) drop-shadow(0 0 8px #0099dd) drop-shadow(0 0 18px #006699)}[data-theme=dark] .ult-lightning-glow{stroke:#049}[data-theme=dark] .ult-lightning-branch-core{stroke:#0ce}[data-theme=dark] .ult-lightning-branch-glow{stroke:#049}.ult-ring-center{position:absolute;top:50%;left:50%;width:54px;height:54px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#fff;border:1px solid rgba(0,200,255,.25);box-shadow:0 0 6px #00b4ff26;z-index:1}.ult-ring-icon{width:40px;height:40px;object-fit:contain;filter:invert(1) contrast(1.4) brightness(1.1);image-rendering:-webkit-optimize-contrast}:root:not([data-theme=dark]) .ult-ring-center,[data-theme=light] .ult-ring-center{background:#fff;border-color:#00c8ff4d}:root:not([data-theme=dark]) .ult-ring-icon,[data-theme=light] .ult-ring-icon{filter:invert(1) contrast(1.4) brightness(1.1)}:root:not([data-theme=dark]) .ult-ring-track,[data-theme=light] .ult-ring-track{stroke:#00d4ff;filter:drop-shadow(0 0 5px #00d4ff) drop-shadow(0 0 12px #00aaff) drop-shadow(0 0 20px #0077cc)}:root:not([data-theme=dark]) .ult-ring-outer,[data-theme=light] .ult-ring-outer{stroke:#c8f0ffe6}:root:not([data-theme=dark]) .ult-ring-chevron,[data-theme=light] .ult-ring-chevron{fill:#c8f0fff2}.ult-ring-info{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.ult-ring-label{font-size:12px;font-weight:700;color:var(--hero-text, var(--text));text-align:center;max-width:80px;line-height:1.3}.ult-ring-meta{font-size:var(--text-xs);color:var(--text-muted);text-align:center;white-space:nowrap;font-weight:500}.detail-ult-mechanics{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.ult-mech-item{font-size:12px;padding:4px 12px;border-radius:10px;background:var(--hero-surface, var(--bg-secondary));color:var(--text);border:1px solid var(--hero-border, var(--border-light));white-space:nowrap;font-weight:600;transition:background .15s ease}.ult-mech-item:hover{background:var(--bg-hover)}.ult-mech-item.ult-mech-role{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b14}.ult-mech-item.ult-mech-special{color:#a78bfa;border-color:#a78bfa4d;background:#a78bfa14}.ult-cost-item{color:#f59e0b;font-weight:700}.skill-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:background .2s var(--ease-in-out),border-color .2s ease,box-shadow .25s var(--ease-in-out);box-shadow:var(--shadow-xs)}.skill-card:hover{background:var(--elevated);border-color:var(--hero-border, var(--border));box-shadow:var(--shadow-sm)}.skill-card-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-light);background:linear-gradient(90deg,var(--hero-surface, transparent) 0%,transparent 60%)}.skill-card-key{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:#fff;flex-shrink:0;background:var(--hero-color, var(--fallback-hero));transition:background .3s ease;box-shadow:var(--shadow-sm)}.skill-card-key.ult{background:var(--hero-color, var(--fallback-ult))}.skill-card-key.passive{background:var(--hero-color, var(--fallback-passive));opacity:.85}.skill-card-key.perk,.skill-card-icon.perk .skill-card-key-badge{display:none}.skill-card-icon{display:inline-flex;align-items:flex-end;gap:3px;flex-shrink:0;position:relative;z-index:0}.skill-card-icon:before{content:"";position:absolute;top:0;left:0;width:40px;height:40px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--hero-color, #475569) 50%,#1e2232);border:1px solid color-mix(in srgb,var(--hero-color, #475569) 70%,#2a2e42);z-index:-1}.skill-card-icon img{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;image-rendering:auto;background:transparent;border:1px solid transparent;box-shadow:0 2px 6px #0000001f}.skill-card-icon.passive img[src*="/subroles/"]{filter:brightness(0) invert(1)}[data-theme=dark] .skill-card-icon:before{background:color-mix(in srgb,var(--hero-color, #475569) 45%,#0d111d);border-color:color-mix(in srgb,var(--hero-color, #475569) 60%,#1a1e2e)}.skill-card-key-badge{min-width:16px;height:16px;padding:0 3px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fff;background:var(--hero-color, var(--fallback-hero));box-shadow:0 1px 3px #00000040;pointer-events:none;line-height:1}.skill-card-icon.ult .skill-card-key-badge{background:var(--hero-color, var(--fallback-ult))}.skill-card-icon.passive .skill-card-key-badge{background:var(--hero-color, var(--fallback-passive))}.skill-card-title{flex:1;min-width:0}.skill-card-name{font-size:var(--text-sm);font-weight:600;color:var(--text)}.skill-card-data{padding:12px 14px;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--text-sm);font-weight:600;color:var(--text);line-height:1.8}.skill-card-data .data-item{white-space:nowrap}.skill-card-desc{padding:0 14px 12px;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65;font-weight:400}.detail-perks-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.detail-perk-card{padding:12px 14px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:background .2s var(--ease-in-out),border-color .2s ease,box-shadow .25s var(--ease-in-out);box-shadow:var(--shadow-xs)}.detail-perk-card:hover{background:var(--elevated);border-color:var(--hero-border, var(--border));box-shadow:var(--shadow-sm)}.detail-perk-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.detail-perk-header .change-badges{margin-left:auto}.detail-perk-type{font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-perk-type.minor{color:var(--perk-minor)}.detail-perk-type.major{color:var(--perk-major)}.detail-perk-name{font-size:var(--text-sm);font-weight:600;color:var(--text);line-height:1.4}.detail-perk-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:3px;line-height:1.65}.settings-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;padding:8px 0;margin-bottom:0}.settings-section-header .detail-section-label{margin-bottom:0}.settings-toggle{font-size:var(--text-xs);color:var(--text-muted);transition:transform .2s}.settings-section-header.open .settings-toggle{transform:rotate(180deg)}.settings-table-wrap{max-height:0;overflow:hidden;background:var(--bg-secondary);border:1px solid transparent;border-radius:var(--radius-sm);transition:max-height .3s var(--ease),border-color .3s var(--ease),opacity .25s ease;opacity:0}.settings-table-wrap.open{max-height:600px;overflow:visible;border-color:var(--border-light);opacity:1}.settings-table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.settings-table tr{border-bottom:1px solid var(--border-light)}.settings-table tr:last-child{border-bottom:none}.settings-table td{padding:6px 10px;color:var(--text)}.settings-table td:first-child{font-weight:600;color:var(--text);width:40%}.sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);position:relative;transition:box-shadow .2s ease}.sidebar-card:hover{box-shadow:var(--shadow-sm)}.sidebar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--hero-color, var(--accent)) 0%,rgba(229,133,24,.25) 50%,transparent 100%);pointer-events:none}.sidebar-card-title{background:linear-gradient(90deg,var(--hero-surface, var(--bg-tertiary)) 0%,transparent 80%);padding:12px 14px;font-size:var(--text-xs);font-weight:700;color:var(--hero-text, var(--text-muted));text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-light)}.sidebar-card-body{padding:12px 14px;font-size:var(--text-sm);color:var(--text);line-height:2}.sidebar-info-row{display:flex;justify-content:space-between}.sidebar-info-label{color:var(--text-muted)}.sidebar-info-value{color:var(--text)}.sidebar-stats{display:flex;flex-direction:column;gap:4px}.sidebar-stat-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);padding:1px 0}.sidebar-stat-label{color:var(--text-secondary)}.sidebar-stat-count{font-weight:700}.sidebar-recent-item{padding:5px 0;font-size:13px;color:var(--text);border-bottom:1px solid var(--border-light);line-height:1.6}.sidebar-recent-item:last-child{border-bottom:none}.sidebar-recent-date{color:var(--text-muted);font-size:12px}.sidebar-recent-desc{color:var(--text)}.sidebar-view-all{text-align:center;margin-top:6px;font-size:var(--text-xs);color:var(--hero-color, var(--accent));cursor:pointer;transition:opacity .12s}.sidebar-view-all:hover{opacity:.8}.sidebar-report{text-align:center;padding:8px 0 4px;margin-top:4px;border-top:1px solid var(--border)}.sidebar-report a{font-size:11px;color:var(--text-muted);text-decoration:none;transition:color .12s}.sidebar-report a:hover{color:var(--hero-color, var(--accent))}.detail-overview{font-size:13px;color:var(--text);line-height:1.6;margin-bottom:20px}.detail-content-section{margin-bottom:24px}.detail-content-section:last-child{margin-bottom:0}.detail-timeline-section{margin-top:24px}@media(max-width:768px){.detail-content-wrap{flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.detail-sidebar{width:100%;padding:0 20px 20px;order:2}.detail-main{order:1;overflow-y:visible;overflow:visible}.detail-hero-banner{padding:8px 12px 6px;gap:6px;flex-wrap:wrap}.detail-hero-banner-portrait{width:36px;height:36px;border-radius:8px}.detail-hero-banner-info{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.detail-hero-banner-name{font-size:22px}.detail-hero-banner-meta{gap:4px;font-size:var(--text-xs)}.detail-hero-banner-right{width:100%;justify-content:flex-end;gap:4px;flex-wrap:wrap}.detail-hero-banner-stats{gap:3px}.detail-stat-pill{padding:1px 4px;font-size:var(--text-2xs)}.detail-stat-pill-val,.detail-stat-pill-lbl{font-size:var(--text-2xs)}.detail-hp-card{padding:12px 14px}.detail-hp-body{gap:12px}.detail-hp-total-val{font-size:24px}.detail-hp-legend{gap:6px 12px;font-size:11px;margin-top:8px}.detail-hp-bar-track{min-height:14px}.detail-stats-row{gap:16px;padding:8px 6px}.detail-stat-value{font-size:24px}.detail-perks-grid{grid-template-columns:1fr}.detail-sidebar-inner{position:static}.skill-cards-grid{grid-template-columns:1fr}@keyframes slideBottomUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.detail-view.open,.detail-view.closing{padding:0;align-items:flex-end}.detail-mode-group{height:32px}.detail-mode-group .dmt-btn{padding:0 8px;font-size:var(--text-xs);line-height:26px;min-height:26px}.detail-banner-lang{height:32px;min-height:32px;padding:0 8px;font-size:var(--text-2xs)}.detail-banner-close{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border-radius:50%}.detail-bookmark-btn{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;padding:0;border-radius:50%}}@media(max-width:560px){.detail-hero-banner{padding:8px 10px 6px;gap:6px}.detail-hero-banner-portrait{width:36px;height:36px;border-radius:6px}.detail-hero-banner-name{font-size:20px}.detail-hero-banner-right{gap:3px}.detail-hero-banner-stats{gap:2px}.detail-stat-pill{padding:1px 4px;font-size:var(--text-2xs)}.detail-stat-pill-val,.detail-stat-pill-lbl{font-size:var(--text-2xs)}.detail-sidebar{padding:0 12px 12px}.detail-main{overflow:visible;padding:10px 12px}}:root{--interactive-ring: rgba(229, 133, 24, .18);--interactive-surface: color-mix(in srgb, var(--surface) 82%, var(--accent) 18%);--interactive-shadow: 0 8px 24px rgba(13, 17, 29, .1)}[data-theme=dark]{--interactive-ring: rgba(235, 140, 44, .24);--interactive-surface: color-mix(in srgb, var(--surface) 78%, var(--accent) 22%);--interactive-shadow: 0 12px 30px rgba(0, 0, 0, .32)}:where(.ow-btn,.ow-pill,.filter-pill,.search-toggle,.search-back,#themeSwitch,.topbar-analysis-btn,.time-jump-year,.time-jump-picker,.latest-patch-card,.latest-patch-hero,.change-card,.watchlist-item,.avatar-item,.detail-mode-group .dmt-btn,.detail-banner-lang,.detail-bookmark-btn,.detail-banner-close,.dash-tab,.dash-kpi,.dash-kpi-card,.dash-rec-card,.dash-headline-card,.dash-hero-card,.dash-tier-card,.dash-prediction-card,.map-col-header,.cmd-palette-item){position:relative;overflow:hidden}.top-bar{box-shadow:inset 0 1px #ffffff73,0 1px #e5851861,0 10px 34px #0d111d1f}[data-theme=dark] .top-bar{box-shadow:inset 0 1px #ffffff0f,0 1px #eb8c2c4d,0 12px 36px #0000005c}.brand,.brand-mark,.search-wrap,.search-icon,.search-clear,.search-toggle,.search-back,.topbar-analysis-btn,#themeSwitch,.lang-toggle.ow-btn{transition:background-color .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out),color .18s ease,opacity .18s ease,transform .22s var(--ease-out)}@media(hover:hover)and (pointer:fine){.brand:hover .brand-mark{transform:translateY(-1px) scale(1.035);box-shadow:0 0 0 2px var(--accent),0 6px 18px #e5851847}.search-toggle:hover,.search-back:hover,.topbar-analysis-btn:hover,#themeSwitch:hover,.lang-toggle.ow-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #0d111d1a}}.search-wrap input,.search-wrap .ow-input{box-shadow:inset 0 1px #ffffff52}.search-wrap:focus-within{transform:translateY(-1px)}.search-wrap:focus-within .search-icon{color:var(--accent)}.search-wrap:focus-within input,.search-wrap:focus-within .ow-input{box-shadow:0 0 0 3px var(--interactive-ring),var(--shadow-xs)}.topbar-analysis-btn.is-loading:after{z-index:3}.topbar-analysis-btn.is-loading svg{position:relative;z-index:1}.time-jump-bar{box-shadow:inset 0 1px #ffffff52,0 6px 18px #0d111d0f}.time-jump-year,.time-jump-picker,.ow-pill,.filter-pill{box-shadow:inset 0 1px #ffffff3d}@media(hover:hover)and (pointer:fine){.time-jump-year:hover,.time-jump-picker:hover,.ow-pill:hover,.filter-pill:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 5px 14px #0d111d14,inset 0 1px #ffffff47}}.time-jump-year.active,.ow-pill.active,.filter-pill.active{box-shadow:inset 0 0 0 1px currentColor,0 4px 14px #e585181f}.detail-panel,.dashboard-panel{box-shadow:var(--interactive-shadow)}.latest-patch-card{isolation:isolate}.latest-patch-hero img,.change-hero-thumb img,.hero-group-header .hero-avatar img,.watchlist-portrait,.avatar-item img,.dash-hero-portrait img,.dash-tier-portrait img,.dash-headline-portrait,.map-hero-avatar{transition:transform .24s var(--ease-out),filter .22s ease}@media(hover:hover)and (pointer:fine){.latest-patch-card:hover,.change-card.fade-in-done:hover,.hero-group-header:hover,.hero-group-entry:hover,.watchlist-item:hover,.dash-rec-card:hover,.dash-headline-card:hover,.dash-hero-card:hover,.dash-tier-card:hover,.dash-prediction-card:hover,.dash-kpi:hover,.dash-kpi-card:hover{transform:translateY(-2px)}.latest-patch-hero:hover img,.change-card:hover .change-hero-thumb img,.hero-group-header:hover .hero-avatar img,.watchlist-item:hover .watchlist-portrait,.avatar-item:hover img,.dash-hero-card:hover .dash-hero-portrait img,.dash-tier-card:hover .dash-tier-portrait img,.map-hero-name-cell:hover .map-hero-avatar{transform:scale(1.06)}}.patch-group-header{transition:background-color .2s var(--ease-out),border-color .2s ease,box-shadow .22s var(--ease-out),transform .22s var(--ease-out)}@media(hover:hover)and (pointer:fine){.patch-group-header:hover{transform:translate(2px)}}.patch-group.collapsed .patch-group-header{color:var(--text-muted);background:color-mix(in srgb,var(--surface) 72%,transparent)}.patch-group.collapsed .change-card-list{transform:translateY(-4px)}.change-card-list{transition:max-height .35s var(--ease),opacity .25s ease,border-color .3s ease,transform .28s var(--ease-out),box-shadow .28s var(--ease-out)}.change-card,.hero-group-header,.hero-group-entry{transition:background-color .22s var(--ease-out),box-shadow .22s var(--ease-out),transform .22s var(--ease-out)}.change-ability-tag,.hero-group-entry .entry-ability-tag,.hci-ability,.change-type-tag,.hero-group-entry .entry-type-tag{transition:background-color .18s var(--ease-out),border-color .18s var(--ease-out),color .18s ease,transform .18s var(--ease-out)}@media(hover:hover)and (pointer:fine){.change-card:hover .change-ability-tag,.hero-group-entry:hover .entry-ability-tag,.hero-change-item:hover .hci-ability{transform:translateY(-1px)}}.side-panel{box-shadow:inset 0 1px #ffffff52,0 14px 42px #0d111d1f}.side-toggle{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:0 12px 32px #0d111d29}.side-toggle.open{transform:translateY(-1px);box-shadow:0 14px 34px #e5851852}.side-panel-backdrop.show{background:#0d111d47;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.watchlist-remove:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:1px}.detail-view.open{background:linear-gradient(#0d111d2e,#0d111d4d),var(--bg-overlay)}.detail-panel{box-shadow:0 22px 70px #0d111d38}[data-theme=dark] .detail-panel{box-shadow:0 24px 78px #0000008c,0 0 0 1px #eb8c2c14}.detail-hero-banner{isolation:isolate}.detail-mode-group{box-shadow:inset 0 1px #ffffff42,var(--shadow-xs)}.detail-mode-group .dm-slider{box-shadow:0 4px 12px #e5851847}.detail-mode-group .dmt-btn,.detail-banner-lang,.detail-bookmark-btn,.detail-banner-close{transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .18s ease,box-shadow .22s var(--ease-out),transform .18s var(--ease-out)}@media(hover:hover)and (pointer:fine){.detail-banner-lang:hover,.detail-bookmark-btn:hover,.detail-banner-close:hover,.detail-mode-group .dmt-btn:hover:not(.active){transform:translateY(-1px);box-shadow:0 6px 16px #0d111d1a}}.ability-card,.perk-card,.sidebar-card,.cooccur-item,.synergy-hero-item,.counter-hero-item{transition:background-color .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out),transform .22s var(--ease-out)}@media(hover:hover)and (pointer:fine){.ability-card:hover,.perk-card:hover,.cooccur-item:hover,.synergy-hero-item:hover,.counter-hero-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}}.dashboard-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,var(--accent) 6%) 0%,var(--bg) 220px),var(--bg)}.dashboard-header{box-shadow:0 8px 28px #0d111d14;z-index:2}[data-theme=dark] .dashboard-header{box-shadow:0 10px 34px #00000052}.dashboard-close,.dash-sort-btn,.dash-data-badge,.dash-hit-badge{transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .18s ease,box-shadow .22s var(--ease-out),transform .18s var(--ease-out)}@media(hover:hover)and (pointer:fine){.dashboard-close:hover,.dash-sort-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0d111d1a}}.dash-controls-bar{position:sticky;top:0;z-index:5;min-height:var(--dash-controls-sticky-height);display:flex;align-items:center;justify-content:space-between;gap:10px 16px;padding:7px 0;background:var(--bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dash-controls-bar:before{content:"";position:absolute;inset:0 calc(-1 * var(--dash-body-pad-x));background:inherit;border-bottom:1px solid var(--border-light);pointer-events:none;z-index:-1}.dash-tabs-shell,.dash-rank-shell{flex:0 1 auto;display:flex;align-items:center}.dash-tabs-shell{min-width:0;max-width:100%}.dash-tabs-shell .dash-primary-tabs{max-width:100%}.dash-rank-shell{flex-shrink:0}.dash-rank-shell.is-hidden{display:none}.dash-tab-panel{padding-top:24px}.dash-tab-panel[data-panel=tierlist].active{padding-top:0}.dash-tab-panel[data-panel=tierlist].active>.dash-map-shell{position:sticky;top:var(--dash-controls-sticky-height);z-index:3;min-height:var(--dash-map-filter-height);display:flex;align-items:center;margin:0 0 22px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.dash-tab{border-radius:7px}.dash-tab:after{display:none}@media(hover:hover)and (pointer:fine){.dash-tab:hover{color:var(--text)}}.dash-tab.active{background:transparent;color:#fff}.dash-tab-panel.active{animation:dashTabSlideIn .28s var(--ease-out)}.dash-rec-card,.dash-headline-card,.dash-tier-card,.dash-prediction-card,.dash-kpi,.dash-kpi-card,.dash-hero-card,.map-col-header,.dash-lifecycle-stage{will-change:transform}.map-drilldown-popover,.dash-hover-popup--fixed,.time-jump-popover,.cmd-palette{box-shadow:0 18px 52px #0d111d33,0 0 0 1px var(--border-light)}[data-theme=dark] .map-drilldown-popover,[data-theme=dark] .dash-hover-popup--fixed,[data-theme=dark] .time-jump-popover,[data-theme=dark] .cmd-palette{box-shadow:0 22px 64px #0000008f,0 0 0 1px #ffffff0f}html.is-keyboard-input .latest-patch-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html.is-keyboard-input .patch-group-header:focus-visible,html.is-keyboard-input .hero-group-header:focus-visible,html.is-keyboard-input .hero-group-entry:focus-visible,html.is-keyboard-input .watchlist-item:focus-visible,html.is-keyboard-input .avatar-item:focus-visible,,html.is-keyboard-input .dash-tab:focus-visible,html.is-keyboard-input .ow-btn:focus-visible,html.is-keyboard-input .ow-pill:focus-visible,html.is-keyboard-input .filter-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 5px var(--interactive-ring),var(--interactive-shadow)}@media(max-width:960px){.side-panel{transform:translate(calc(100% + 12px));box-shadow:-16px 0 42px #0d111d2e}.side-panel.open{transform:translate(0)}}@media(max-width:768px){.top-bar{box-shadow:0 1px #e585183d,0 8px 24px #0d111d1a}.search-wrap.mobile-expanded{padding:0 2px}.search-wrap.mobile-expanded input,.search-wrap.mobile-expanded .ow-input{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:0 0 0 3px var(--interactive-ring)}.detail-panel,.dashboard-panel{box-shadow:0 8px 26px #0d111d1a}.detail-view.open,.detail-view.closing{padding:56px 0 0;align-items:flex-end}.detail-panel{border-radius:18px 18px 0 0;border-bottom:none;max-height:calc(100dvh - 56px)}.detail-hero-banner{padding-top:14px}.dashboard-header{position:relative;box-shadow:0 8px 22px #0d111d14}.dashboard-body{--dash-body-pad-x: 14px;--dash-body-pad-bottom: calc(24px + env(safe-area-inset-bottom, 0px)) ;--dash-tabs-sticky-height: 50px;--dash-controls-sticky-height: var(--dash-tabs-sticky-height);--dash-map-filter-height: 40px;padding:0 var(--dash-body-pad-x) var(--dash-body-pad-bottom)}.dashboard-body.has-rank-controls:not([data-active-tab=predictions]){--dash-controls-sticky-height: 88px}.dash-tab-panel{padding-top:18px}.dash-tab-panel[data-panel=tierlist].active>.dash-map-shell{margin-bottom:16px}.dash-scrollable-control .dmt-btn{min-height:28px;padding:0 10px;display:inline-flex;align-items:center}.dash-primary-tabs .dash-tab{min-height:34px;padding:0 12px}.side-toggle{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px))}}@media(hover:none),(pointer:coarse){.latest-patch-card:hover,.change-card.fade-in-done:hover,.hero-group-header:hover,.hero-group-entry:hover,.watchlist-item:hover,.dash-rec-card:hover,.dash-headline-card:hover,.dash-hero-card:hover,.dash-tier-card:hover,.dash-prediction-card:hover,.dash-kpi:hover,.dash-kpi-card:hover,.ability-card:hover,.perk-card:hover,.cooccur-item:hover,.synergy-hero-item:hover,.counter-hero-item:hover,.latest-patch-hero:hover img,.change-card:hover .change-hero-thumb img,.hero-group-header:hover .hero-avatar img,.watchlist-item:hover .watchlist-portrait,.avatar-item:hover img,.dash-hero-card:hover .dash-hero-portrait img,.dash-tier-card:hover .dash-tier-portrait img,.map-hero-name-cell:hover .map-hero-avatar{transform:none}}@media(prefers-reduced-motion:reduce){.latest-patch-card,.change-card,.hero-group-header,.hero-group-entry,.watchlist-item,.dash-rec-card,.dash-headline-card,.dash-hero-card,.dash-tier-card,.dash-prediction-card,.dash-kpi,.dash-kpi-card,.ability-card,.perk-card,.cooccur-item,.synergy-hero-item,.counter-hero-item,.brand-mark,.search-wrap,.dash-tab-panel.active,.dash-anim-item{transition:none!important;animation:none!important;transform:none!important}}.top-bar,.dash-controls-bar,.detail-mode-group,.dash-primary-tabs,.time-jump-bar,.search-wrap input,.search-wrap .ow-input,.time-jump-year,.time-jump-picker,.ow-pill,.filter-pill,.map-col-header,.side-panel,.dash-hover-popup,.dash-hover-popup--fixed,.map-drilldown-popover,.cmd-palette{box-shadow:none}.top-bar,.dash-controls-bar,.dash-map-shell,.detail-mode-group,.dash-primary-tabs,.time-jump-bar,.search-wrap input,.search-wrap .ow-input,.time-jump-year,.time-jump-picker,.ow-pill,.filter-pill,.map-col-header,.side-panel,.dash-hover-popup,.dash-hover-popup--fixed,.map-drilldown-popover,.cmd-palette{background:color-mix(in srgb,var(--surface) 76%,transparent);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.top-bar{border-bottom:1px solid var(--border)}.top-bar .ow-btn,.search-toggle,.search-back,.topbar-analysis-btn,#themeSwitch,.lang-toggle.ow-btn,.brand-mark,.dash-primary-tabs .dm-slider,.detail-mode-group .dm-slider{box-shadow:none}@media(hover:hover)and (pointer:fine){.search-toggle:hover,.search-back:hover,.topbar-analysis-btn:hover,#themeSwitch:hover,.lang-toggle.ow-btn:hover,.brand:hover .brand-mark,.time-jump-year:hover,.time-jump-picker:hover,.ow-pill:hover,.filter-pill:hover,.map-col-header:hover,.detail-mode-group .dmt-btn:hover:not(.active),.dashboard-close:hover,.dash-sort-btn:hover{box-shadow:none;transform:none}}.search-wrap:focus-within .ow-input,.search-wrap:focus-within input,html.is-keyboard-input .dash-tab:focus-visible,html.is-keyboard-input .ow-btn:focus-visible,html.is-keyboard-input .ow-pill:focus-visible,html.is-keyboard-input .filter-pill:focus-visible{box-shadow:0 0 0 3px var(--interactive-ring)}.time-jump-year.active,.ow-pill.active,.filter-pill.active,.dash-sort-btn.active,.detail-panel,.dashboard-panel,.side-panel.open{box-shadow:none}.dashboard-panel{border-top:1px solid var(--border)}.side-panel{border-left:1px solid var(--border)}.dash-kpi,.dash-kpi-card,.dash-hero-card,.dash-rec-card,.dash-rec-board,.dash-headline-card,.dash-tier-card,.dash-prediction-card,.dash-meta-card,.dash-backtest-top,.dash-backtest-last,.dash-backtest-recent,.dash-lifecycle-stage{background:var(--surface);border-color:var(--border);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.dash-kpi:before,.dash-kpi-card:before,.dash-headline-card:before,.dash-prediction-card:before,.dash-backtest-top:before{background:none;box-shadow:none;opacity:0}@media(hover:hover)and (pointer:fine){.dash-kpi:hover,.dash-kpi-card:hover,.dash-hero-card:hover,.dash-rec-card:hover,.dash-rec-board:hover,.dash-headline-card:hover,.dash-tier-card:hover,.dash-prediction-card:hover{background:var(--elevated);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:none;transform:none}}[data-theme=dark] .dash-kpi,[data-theme=dark] .dash-kpi-card,[data-theme=dark] .dash-hero-card,[data-theme=dark] .dash-rec-card,[data-theme=dark] .dash-headline-card,[data-theme=dark] .dash-tier-card,[data-theme=dark] .dash-prediction-card,[data-theme=dark] .dash-lifecycle-stage,[data-theme=dark] .dash-hover-popup--fixed,[data-theme=dark] .cmd-palette,[data-theme=dark] .top-bar,[data-theme=dark] .dash-primary-tabs{box-shadow:none}@media(max-width:768px){.top-bar,.side-panel,.time-jump-bar,.cmd-palette,.modal-overlay,.detail-view,.dashboard-overlay,.ban-assistant-overlay,.loading-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.patch-group,.change-card{content-visibility:auto;contain-intrinsic-size:1px 120px}.change-card,.filter-pill,.ow-pill,.roster-item{will-change:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html[data-perf=low] .top-bar,html[data-perf=low] .side-panel,html[data-perf=low] .time-jump-bar,html[data-perf=low] .detail-view,html[data-perf=low] .dashboard-overlay,html[data-perf=low] .ban-assistant-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}html[data-perf=low] .change-card,html[data-perf=low] .patch-group{content-visibility:auto;contain-intrinsic-size:1px 110px}