/* The wiki's rules, cut from styles.css by scripts/css-split.mjs at build. Do not edit. */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/barlow-condensed-v13-600-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/barlow-condensed-v13-600-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/barlow-condensed-v13-600-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/barlow-condensed-v13-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/barlow-condensed-v13-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/barlow-condensed-v13-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;
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-v20-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: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-v20-500-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-v20-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: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-v20-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-v20-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: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-v20-600-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: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-v20-600-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-v20-600-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: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-v20-600-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-v20-600-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: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/outfit-v15-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/outfit-v15-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: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/outfit-v15-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/outfit-v15-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: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/outfit-v15-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/outfit-v15-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: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/outfit-v15-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/outfit-v15-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{
  --bg:    #0B0D12;
  --panel: #141821;
  --row:   #10141B;
  --rule:  #232A36;
  --ink:   #E4E8EE;
  --mute:  #9AA4B4;
  --dim:   #79839A;
  --gold:  #35C6E0;
  --good:  #3E8E7E;
  --bad:   #C8635A;

  --cond: "Barlow Condensed", "Arial Narrow", sans-serif;
  --body: "Outfit", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  --r-sm: 4px;
  --r: 8px;
  --r-lg: 12px;

  --fs-1: 12px;
  --fs-2: 12.5px;
  --fs-3: 14px;
  --fs-4: 18px;
  --fs-5: 28px;

  --acc-amber:  #C8933C;
  --acc-violet: #9B7BD4;

  --lvl-tutor: #8CC63F;
  --lvl-1:     #C964FF;
  --lvl-2:     #5AA9FF;
  --lvl-3:     #F2503F;
  --lvl-solo:  #A3ADBB;
  --lvl-mega:  #FBBF24;

  --shadow-1: 0 10px 26px rgba(0,0,0,.5);
  --shadow-2: 0 14px 34px rgba(0,0,0,.55);
  --shadow-3: 0 24px 80px rgba(0,0,0,.65);
  --hairline: rgba(255,255,255,0.035);
  --hairline-2: rgba(255,255,255,0.05);
  --faint: rgba(255,255,255,0.016);
  --scrim: rgba(4,6,10,.78);
  --lift: rgba(255,255,255,0.07);
  --shadow-card: 0 1px 2px rgba(0,0,0,.35), 0 3px 10px rgba(0,0,0,.18);
  --shadow-bar: 0 1px 0 var(--hairline-2), 0 8px 18px -14px rgba(0,0,0,.9);
  --pill-on: color-mix(in srgb, var(--gold) 15%, transparent);
  --pill-hover: var(--lift);
  --strat-glow: 0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent), 0 0 10px -1px color-mix(in srgb, var(--gold) 45%, transparent);
  --strat-glow-hi: 0 0 0 1px color-mix(in srgb, var(--gold) 75%, transparent), 0 0 14px 1px color-mix(in srgb, var(--gold) 55%, transparent);

  --gutter: 20px;
  --sticky-top: 49px;

  --chip-base: #000;
  --chip-fill: 26%;
  --chip-edge: 55%;
  --chip-ring: 92%;
  --chip-ink: #fff;

  --band-s: #E0574B;
  --band-a: #E08B3E;
  --band-b: #D5B63F;
  --band-c: #6FA86B;
  --band-d: #4C89A8;
  --band-f: #9299A5;

  --medal-gold:   #E7B95B;
  --medal-silver: #B8C2CC;
  --medal-bronze: #C98C5C;

  --prestige-gold: #E7B95B;
  --prestige-mix: 26%;
  --aurora-1: #3EE6B0;
  --aurora-2: #35C6E0;
  --aurora-3: #9B7BD4;
  --aurora-4: #E77FC8;
  --aurora-glow: 40%;

  color-scheme: dark;
}
:root[data-theme="light"]{
  --bg:    #F6F8FB;
  --panel: #FFFFFF;
  --row:   #EDF1F6;
  --rule:  #D5DCE6;
  --ink:   #11161F;
  --mute:  #556072;
  --dim:   #7C8798;
  --gold:  #09687B;
  --good:  #1F6B5B;
  --bad:   #A23A2E;

  --acc-amber:  #8A6113;
  --acc-violet: #5E42A0;

  --lvl-tutor: #3E7D12;
  --lvl-1:     #9A27C2;
  --lvl-2:     #1D4ED8;
  --lvl-3:     #C9271C;
  --lvl-solo:  #5B6575;
  --lvl-mega:  #B45309;

  --shadow-1: 0 8px 20px rgba(17,22,31,.10);
  --shadow-2: 0 12px 28px rgba(17,22,31,.13);
  --shadow-3: 0 20px 60px rgba(17,22,31,.18);
  --hairline: rgba(17,22,31,0.06);
  --hairline-2: rgba(17,22,31,0.08);
  --faint: rgba(17,22,31,0.022);
  --scrim: rgba(28,34,45,.42);
  --lift: rgba(17,22,31,0.05);
  --shadow-card: 0 1px 2px rgba(17,22,31,.07), 0 3px 10px rgba(17,22,31,.05);
  --shadow-bar: 0 1px 0 var(--rule), 0 8px 18px -14px rgba(17,22,31,.35);
  --pill-on: color-mix(in srgb, var(--gold) 12%, transparent);

  --chip-base: #fff;
  --chip-fill: 15%;
  --chip-edge: 42%;
  --chip-ring: 80%;
  --chip-ink: color-mix(in srgb, var(--c, #555) 74%, #000);

  --band-s: #B83C31;
  --band-a: #9A5C0C;
  --band-b: #7E6A0A;
  --band-c: #3D7A39;
  --band-d: #2C6285;
  --band-f: #5D6472;

  --medal-gold:   #8A6113;
  --medal-silver: #5E6873;
  --medal-bronze: #8A5326;

  --prestige-gold: #B8862A;
  --prestige-mix: 30%;
  --aurora-1: #13A37A;
  --aurora-2: #0B8FA8;
  --aurora-3: #6E4FB5;
  --aurora-4: #C04E9C;
  --aurora-glow: 30%;

  --dim:   #616B7A;

  color-scheme: light;
}
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){
  --bg:    #F6F8FB;
  --panel: #FFFFFF;
  --row:   #EDF1F6;
  --rule:  #D5DCE6;
  --ink:   #11161F;
  --mute:  #556072;
  --dim:   #7C8798;
  --gold:  #09687B;
  --good:  #1F6B5B;
  --bad:   #A23A2E;

  --acc-amber:  #8A6113;
  --acc-violet: #5E42A0;

  --lvl-tutor: #3E7D12;
  --lvl-1:     #9A27C2;
  --lvl-2:     #1D4ED8;
  --lvl-3:     #C9271C;
  --lvl-solo:  #5B6575;
  --lvl-mega:  #B45309;

  --shadow-1: 0 8px 20px rgba(17,22,31,.10);
  --shadow-2: 0 12px 28px rgba(17,22,31,.13);
  --shadow-3: 0 20px 60px rgba(17,22,31,.18);
  --hairline: rgba(17,22,31,0.06);
  --hairline-2: rgba(17,22,31,0.08);
  --faint: rgba(17,22,31,0.022);
  --scrim: rgba(28,34,45,.42);
  --lift: rgba(17,22,31,0.05);
  --shadow-card: 0 1px 2px rgba(17,22,31,.07), 0 3px 10px rgba(17,22,31,.05);
  --shadow-bar: 0 1px 0 var(--rule), 0 8px 18px -14px rgba(17,22,31,.35);
  --pill-on: color-mix(in srgb, var(--gold) 12%, transparent);

  --chip-base: #fff;
  --chip-fill: 15%;
  --chip-edge: 42%;
  --chip-ring: 80%;
  --chip-ink: color-mix(in srgb, var(--c, #555) 74%, #000);

  --band-s: #B83C31;
  --band-a: #9A5C0C;
  --band-b: #7E6A0A;
  --band-c: #3D7A39;
  --band-d: #2C6285;
  --band-f: #5D6472;

  --medal-gold:   #8A6113;
  --medal-silver: #5E6873;
  --medal-bronze: #8A5326;

  --prestige-gold: #B8862A;
  --prestige-mix: 30%;
  --aurora-1: #13A37A;
  --aurora-2: #0B8FA8;
  --aurora-3: #6E4FB5;
  --aurora-4: #C04E9C;
  --aurora-glow: 30%;

  --dim:   #616B7A;

  color-scheme: light;
}
}
@media (max-width: 640px){
:root{ --gutter: 16px; }
}
*{ box-sizing: border-box; margin: 0; padding: 0; }
[hidden]{ display: none !important; }
html{ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body{
  background: var(--bg);
  color: var(--ink);
  font-family: var(--body);
  font-size: var(--fs-3);
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}
a{ color: inherit; text-decoration: none; }
.chip, .thumb, .orb, .res, .form i, .lineup-ball, .owner-badge,
.legend-swatch, .tl-item, .tl-card,
.gate input, .gate button, .pill, .depth-warn, .banner,
.ball-hero > img, .player-hero > img, .strip, .kpi,
.conf-track, .conf-fill, .meter-track, .meter-fill,
.tl-pos, .tl-pos::after{ border-radius: var(--r); }
.conf-track, .conf-fill, .tl-pos, .tl-pos::after{ border-radius: var(--r-sm); }
.orb{ border-radius: var(--r-sm); }
.nav a, .subnav button, .leagues button, .ladders button{ border-radius: 999px; }
.top{
  display: flex; align-items: center; gap: 0;
  background: var(--panel); box-shadow: var(--shadow-bar);
  position: sticky; top: 0; z-index: 40;
}
.brand{
  font-family: var(--cond); font-weight: 700; font-size: var(--fs-4);
  letter-spacing: 0.08em; text-transform: uppercase;
  padding: 12px var(--gutter);
  display: flex; align-items: center; white-space: nowrap;
}
.brand b{ color: var(--gold); font-weight: 700; }
.nav{
  display: flex; align-items: center; gap: 2px; padding: 6px 0;
  overflow-x: auto; overscroll-behavior-x: contain;
}
.nav a{
  font-family: var(--body); font-weight: 600; font-size: var(--fs-3);
  letter-spacing: 0; text-transform: none; color: var(--mute);
  padding: 7px 14px;
  display: flex; align-items: center; white-space: nowrap;
}
.nav a:hover{ color: var(--ink); background: var(--pill-hover); }
.nav a[aria-current="page"]{ color: var(--gold); background: var(--pill-on); }
.stamp{
  margin-left: auto; font-family: var(--mono); font-size: var(--fs-1); color: var(--dim);
  padding: 12px 18px; border-left: 1px solid var(--rule);
  display: flex; align-items: center; white-space: nowrap;
}
.chrome{
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px;
  background: var(--row); padding: 6px 12px;
}
.chrome.is-tierlist{ display: block; }
@media (min-width: 641px){
.chrome.is-tierlist{ display: flex; flex-wrap: wrap; align-items: center; }
.chrome.is-tierlist > .tl-scope{ flex: 1 1 100%; }
}
.tl-view-axes, .tl-scope{
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px;
}
.tl-scope{ padding-top: 6px; }
.tl-tier-choose{ display: flex; align-items: center; gap: 4px; }
.tl-tier-choose select{
  margin: 0; padding: 6px 28px 6px 9px;
  min-width: 138px; border: 1px solid var(--rule); border-radius: var(--r);
  background: var(--row); color: var(--ink); font: var(--fs-2) var(--body);
  cursor: pointer;
}
.tl-tier-choose select:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
@media (pointer: coarse){
.tl-tier-choose select, .rfs .rfs-week-select, .mg-mymic-select{ font-size: 16px; min-height: 40px; }
}
.subnav{ display: flex; align-items: center; gap: 2px; padding: 2px 0; }
.subnav button{
  font-family: var(--body); font-weight: 600; font-size: var(--fs-2); letter-spacing: 0;
  text-transform: none; background: none; border: 0; color: var(--mute);
  padding: 6px 13px; cursor: pointer;
}
.subnav button:hover{ color: var(--ink); background: var(--pill-hover); }
.subnav button[aria-pressed="true"]{ color: var(--gold); background: var(--pill-on); }
.leagues{ display: flex; align-items: center; gap: 2px; }
.flabel{
  font-family: var(--body); font-size: var(--fs-1); font-weight: 600; letter-spacing: 0;
  text-transform: none; color: var(--mute); padding: 0 8px 0 2px;
  align-self: stretch; display: flex; align-items: center;
}
.leagues button{
  font-family: var(--body); font-weight: 600; font-size: var(--fs-2); letter-spacing: 0;
  text-transform: none; background: none; border: 0; color: var(--mute);
  padding: 6px 13px; cursor: pointer;
}
.leagues button:hover{ color: var(--ink); }
.leagues button[aria-pressed="true"]{ color: var(--bg); background: var(--gold); }
.omni{ position: relative; margin-left: auto; align-self: stretch; display: flex; align-items: center; }
.omni input{
  background: var(--row); border: 0; border-radius: 999px; color: var(--ink); font-family: var(--body);
  font-size: var(--fs-2); padding: 8px 15px; margin: 0 6px; width: 250px;
}
.omni input::placeholder{ color: var(--dim); }
.omni input:focus{
  outline: none; background: var(--row);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 45%, transparent);
}
.omni input:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.thumb{ width: 26px; height: 26px; }
.section-title{
  display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
  margin: 0; font: inherit; font-weight: 400;
  padding: 16px var(--gutter) 8px;
}
.st-label{
  font-family: var(--cond); font-size: var(--fs-2); font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--ink);
}
.st-hint{ font-family: var(--mono); font-size: var(--fs-1); color: var(--dim); }
thead th.nosort{ cursor: default; }
.wrap{ overflow-x: auto; overscroll-behavior-x: contain; }
.wrap .sr-only{ left: 0; top: 0; }
.wrap + .note, table + .note{ margin-top: 4px; }
table{ border-collapse: collapse; width: 100%; min-width: 720px; }
thead th{
  background: var(--panel); border-bottom: 1px solid var(--rule);
  font-family: var(--body); font-weight: 600; font-size: var(--fs-1);
  letter-spacing: 0; text-transform: none; color: var(--mute);
  padding: 9px 12px; text-align: right; white-space: nowrap; cursor: pointer;
  user-select: none;
}
thead th:first-child, thead th.left{ text-align: left; }
thead th:hover{ color: var(--ink); }
thead th[data-dir]::after{ content: " ▾"; color: var(--gold); }
thead th[data-dir="asc"]::after{ content: " ▴"; color: var(--gold); }
tbody td{
  border-bottom: 1px solid var(--hairline); padding: 6px 12px;
  line-height: 1.35; text-align: right; font-family: var(--mono); font-size: var(--fs-2);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
tbody td:first-child, tbody td.left{ text-align: left; font-family: var(--body); font-size: var(--fs-3); }
tbody tr:hover td{ background: var(--panel); }
tbody tr.thin td{ color: var(--dim); }
tbody tr.thin td:first-child{ color: var(--dim); }
.rank{ color: var(--dim); font-family: var(--mono); font-size: var(--fs-1); width: 1%; }
.types{ display: inline-flex; gap: 3px; vertical-align: -4px; margin-right: 7px; }
.types img{ width: 17px; height: 17px; display: block; }
.roll-split{ display: flex; flex-wrap: wrap; gap: 2px 12px; margin-top: 3px; font-size: var(--fs-1); }
.roll-split-item{ display: inline-flex; align-items: center; white-space: nowrap; }
.roll-split-item .types{ margin-right: 5px; }
.roll-split-rate{ font-family: var(--mono); }
.roll-split-thin{ color: var(--dim); }
.name{ font-weight: 500; }
.sub{ color: var(--dim); font-size: var(--fs-1); font-family: var(--mono); margin-left: 7px; }
.wr{ font-weight: 600; }
.wr.hi{ color: var(--good); }
.wr.lo{ color: var(--bad); }
thead tr.group-row th{
  border-bottom: 0; padding: 9px 12px 2px; font-size: var(--fs-1); font-weight: 700;
  letter-spacing: 0; color: var(--dim); text-align: center;
  cursor: default; background: var(--panel);
}
thead tr.group-row th.group-blank{ border-top-color: transparent; }
thead tr.group-row th:not(.group-blank){
  border-left: 1px solid var(--rule); border-right: 1px solid var(--rule);
}
thead tr.group-row + tr th{ border-top: 0; padding-top: 4px; }
thead th.support{ color: var(--dim); font-size: var(--fs-1); }
thead th.primary{ color: var(--ink); }
tbody td.support{ color: var(--dim); font-size: var(--fs-1); }
.wr-primary{ padding-top: 4px; padding-bottom: 4px; }
.wr-primary b{
  display: block; font-size: var(--fs-3); font-weight: 600; line-height: 1.15;
  font-variant-numeric: tabular-nums; color: var(--mute);
}
.wr-primary b.hi{ color: var(--good); }
.wr-primary b.lo{ color: var(--bad); }
.wr-bound{
  display: block; font-size: var(--fs-1); color: var(--dim); line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.cell-detail{
  display: block; font-size: var(--fs-1); line-height: 1.1; color: var(--dim);
  font-variant-numeric: tabular-nums;
  opacity: 0; transition: opacity 110ms linear;
}
tbody tr:hover .cell-detail, tbody tr:focus-within .cell-detail{ opacity: 1; }
.wr-side{ padding-top: 4px; padding-bottom: 4px; }
.wr-side b{
  display: block; font-weight: 600; line-height: 1.15;
  font-variant-numeric: tabular-nums; color: var(--mute);
}
.wr-side b.hi{ color: var(--good); }
.wr-side b.lo{ color: var(--bad); }
tbody tr:hover .wr-primary b{ color: var(--ink); }
tbody tr:hover .wr-primary b.hi{ color: var(--good); }
tbody tr:hover .wr-primary b.lo{ color: var(--bad); }
tbody tr:hover .conf-fill{ opacity: 1; }
.conf{ padding-top: 4px; padding-bottom: 4px; }
.conf-box{ display: inline-grid; justify-items: end; gap: 1px; min-width: 62px; }
.conf-box b{
  font-size: var(--fs-2); font-weight: 500; font-variant-numeric: tabular-nums;
  line-height: 1.15; color: var(--ink);
}
.conf-pm{
  font-size: var(--fs-1); color: var(--dim); line-height: 1.1;
  transition: opacity 110ms linear;
}
.conf-swap{ display: grid; }
.conf-swap > *{ grid-area: 1 / 1; }
tbody tr:hover .conf-pm{ opacity: 0; }
.conf-track{
  width: 100%; height: 2px; background: var(--rule); display: block; margin-top: 2px;
}
.conf-fill{ display: block; height: 100%; background: var(--mute); opacity: 0.85; }
tbody tr.thin .conf-box b{ color: var(--dim); }
.info{
  display: inline-grid; place-items: center; width: 14px; height: 14px;
  margin-left: 6px; flex-shrink: 0; vertical-align: 1px;
  border: 1px solid var(--rule); border-radius: 50%;
  font-family: var(--mono); font-size: var(--fs-1); font-style: italic;
  color: var(--dim); text-decoration: none; cursor: help; line-height: 1;
  background: transparent; padding: 0;
}
.info:hover, .info:focus-visible{ color: var(--gold); border-color: var(--gold); }
thead th .info{ vertical-align: 0; }
.method-dialog{
  margin: auto;
  width: min(600px, calc(100vw - 28px)); max-height: min(78vh, 720px);
  padding: 0; border: 1px solid var(--gold); border-radius: var(--r);
  background: var(--panel); color: var(--ink);
  box-shadow: var(--shadow-3);
}
.method-dialog::backdrop{ background: var(--scrim); }
.method-dialog-head{
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px var(--gutter); border-bottom: 1px solid var(--rule);
}
.method-dialog-head h2{
  font: 700 var(--fs-4)/1.2 var(--cond); text-transform: uppercase; letter-spacing: .05em;
}
.method-dialog-close{
  background: transparent; border: 1px solid var(--rule); color: var(--mute);
  padding: 6px 10px; cursor: pointer; font: var(--fs-1) var(--mono);
}
.method-dialog-close:hover, .method-dialog-close:focus-visible{
  border-color: var(--gold); color: var(--gold);
}
.method-dialog-body{ overflow: auto; max-height: calc(min(78vh, 720px) - 58px); }
.method-dialog-context{
  padding: 18px var(--gutter); font: var(--fs-2)/1.65 var(--body); border-bottom: 1px solid var(--rule);
  white-space: pre-line;
}
.method-dialog-full summary{
  padding: 13px var(--gutter); cursor: pointer; color: var(--gold);
  font: 700 var(--fs-2) var(--cond); letter-spacing: .08em; text-transform: uppercase;
}
.method-dialog-sections{ border-top: 1px solid var(--rule); }
.method-dialog-section{ padding: 16px var(--gutter); border-bottom: 1px solid var(--rule); }
.method-dialog-section h3{
  color: var(--gold); font: 700 var(--fs-2) var(--cond); text-transform: uppercase;
  letter-spacing: .1em; margin-bottom: 14px;
}
.method-dialog-section h4{ font: 600 var(--fs-2) var(--body); margin: 12px 0 3px; }
.method-dialog-section p{ color: var(--mute); font: var(--fs-1)/1.65 var(--mono); }
.bar{ position: relative; }
.bar::before{
  content: ""; position: absolute; left: 0; top: 0; bottom: 0;
  width: var(--w, 0%); background: var(--rule);
}
.bar span{ position: relative; }
.grid{ border-collapse: collapse; font-family: var(--mono); font-size: var(--fs-1); }
.grid th{
  position: static; background: var(--panel); color: var(--mute);
  font-family: var(--cond); font-size: var(--fs-1); letter-spacing: 0.08em;
  padding: 4px 5px; border: 1px solid var(--rule); text-transform: uppercase;
}
.grid td{
  border: 1px solid var(--rule); padding: 4px 5px; text-align: center;
  font-variant-numeric: tabular-nums; min-width: 42px;
}
.stat-primer{
  display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap;
  padding: 8px var(--gutter); border-bottom: 1px solid var(--rule);
  color: var(--mute); font: var(--fs-1)/1.5 var(--body);
}
.stat-primer b{
  color: var(--gold); font: 700 var(--fs-1) var(--cond);
  letter-spacing: 0.12em; text-transform: uppercase;
}
.matchup-explorer{ border-bottom: 1px solid var(--rule); }
.matchup-head{
  display: flex; align-items: end; justify-content: space-between; gap: 18px;
  padding: 18px var(--gutter); flex-wrap: wrap; border-bottom: 1px solid var(--rule);
}
.matchup-head h2{ font: 700 var(--fs-5) var(--cond); text-transform: uppercase; letter-spacing: 0.04em; }
.matchup-head p{ color: var(--mute); font-size: var(--fs-2); margin-top: 4px; }
.matchup-choose{ display: grid; gap: 5px; min-width: min(300px, 100%); }
.matchup-choose span{ color: var(--dim); font: 700 var(--fs-1) var(--cond); text-transform: uppercase; letter-spacing: 0.12em; }
.matchup-choose select{
  width: 100%; min-height: 38px; padding: 7px 10px; background: var(--panel);
  color: var(--ink); border: 1px solid var(--rule); border-radius: var(--r);
  font: var(--fs-2) var(--body);
}
.matchup-summary{ display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap;
  padding: 10px var(--gutter); border-bottom: 1px solid var(--rule); }
.matchup-summary b{ color: var(--ink); font-weight: 600; }
.matchup-summary span{ color: var(--dim); font: var(--fs-1) var(--mono); }
.matchup-list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--rule); }
.matchup-list section{ background: var(--bg); min-width: 0; }
.matchup-list h3, .matchup-balls h4{ padding: 9px var(--gutter); color: var(--dim);
  font: 700 var(--fs-1) var(--cond); letter-spacing: 0.12em; text-transform: uppercase; }
.matchup-result{
  width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px; align-items: center; text-align: left; padding: 8px var(--gutter);
  color: var(--ink); background: var(--bg); border: 0; border-top: 1px solid var(--rule);
  font: var(--fs-2) var(--body); cursor: pointer;
}
.matchup-result:hover, .matchup-result:focus-visible{ background: var(--panel); }
.matchup-result:focus-visible{ outline-offset: -2px; }
.matchup-result b{ font: 600 var(--fs-2) var(--mono); }
.matchup-games{ color: var(--dim); font: var(--fs-1) var(--mono); min-width: 86px; text-align: right; }
.matchup-pair{ border-top: 1px solid var(--rule); }
.matchup-pair-head{ display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; padding: 13px var(--gutter) 4px; }
.matchup-pair-head h3{ font: 700 var(--fs-4) var(--cond); text-transform: uppercase; }
.matchup-pair-head span, .matchup-pair-note, .matchup-none{ color: var(--dim); font: var(--fs-1)/1.5 var(--mono); }
.matchup-pair-note{ padding: 0 var(--gutter) 10px; }
.matchup-none{ padding: 12px var(--gutter); }
.matchup-balls{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--rule); }
.matchup-balls section{ background: var(--bg); min-width: 0; }
.matchup-balls a{ display: flex; gap: 9px; align-items: center; padding: 5px var(--gutter);
  border-top: 1px solid var(--rule); color: var(--ink); font-size: var(--fs-2); }
.matchup-balls a:hover{ background: var(--panel); }
.matchup-balls .thumb{ width: 26px; height: 26px; }
.matchup-balls a span{ flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.matchup-balls a i{ color: var(--dim); font: normal var(--fs-1) var(--mono); }
.matchup-full summary{ padding: 12px var(--gutter); color: var(--mute); cursor: pointer;
  font: 700 var(--fs-1) var(--cond); letter-spacing: 0.12em; text-transform: uppercase; }
.matchup-full summary:hover{ color: var(--ink); }
@media (max-width: 640px){
.matchup-list, .matchup-balls{ grid-template-columns: minmax(0, 1fr); }
.matchup-result{ gap: 7px; }
.matchup-games{ min-width: 64px; }
}
.pvp-pair{ width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px; background: var(--rule); border: 1px solid var(--rule); border-radius: var(--r); }
.pvp-side{ background: var(--bg); padding: 11px 13px 14px; min-width: 0; }
.pvp-side-head{ display: flex; gap: 10px; align-items: center; justify-content: space-between;
  flex-wrap: wrap; margin-bottom: 9px; }
.pvp-side-head h4{ font: 700 var(--fs-1) var(--cond); letter-spacing: 0.12em; text-transform: uppercase; color: var(--dim); }
.pvp-slots{ display: grid; gap: 6px; }
.pvp-actions{ display: flex; gap: 9px; flex-wrap: wrap; }
.pvp-result{ border-bottom: 1px solid var(--rule); }
.pvp-tip{ display: flex; gap: 14px; align-items: center; justify-content: space-between;
  flex-wrap: wrap; margin: 0 var(--gutter) 10px; padding: 11px 13px;
  background: var(--panel); border: 1px solid var(--gold); border-radius: var(--r); }
.pvp-tip b{ display: block; font: 600 var(--fs-2) var(--body); }
.pvp-tip small{ color: var(--dim); font: var(--fs-1)/1.5 var(--mono); }
.pvp-out{ display: grid; grid-template-columns: 30px minmax(0, 1fr) 132px minmax(0, 1fr);
  gap: 12px; align-items: center; padding: 9px var(--gutter); border-top: 1px solid var(--rule); }
.pvp-out.is-guess{ background: var(--faint); }
.pvp-out-ball{ min-width: 0; padding: 5px 7px; border: 1px solid transparent; border-radius: var(--r); }
.pvp-out-ball.is-winner{ border-color: var(--good); background: rgba(62,142,126,0.12); }
.pvp-out-ball.is-loser{ border-color: var(--bad); background: rgba(180,84,75,0.1); opacity: 0.78; }
@media (max-width: 860px){
.pvp-pair{ grid-template-columns: minmax(0, 1fr); }
.pvp-out{ grid-template-columns: 30px minmax(0, 1fr); row-gap: 7px; }
}
.player-head{
  display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap;
  padding: 18px var(--gutter); border-bottom: 1px solid var(--rule); background: var(--panel);
}
.player-head h1{ font-family: var(--cond); font-size: var(--fs-5); letter-spacing: 0.04em;
  text-transform: uppercase; font-weight: 700; }
.player-head .meta{ font-family: var(--mono); font-size: var(--fs-2); color: var(--mute); }
.form{ display: flex; gap: 3px; padding: 14px var(--gutter); flex-wrap: wrap; }
.form i{
  width: 20px; height: 20px; display: grid; place-items: center;
  font-family: var(--mono); font-size: var(--fs-1); font-style: normal;
  border: 1px solid var(--rule); color: var(--dim);
}
.form i.w{ color: var(--good); border-color: var(--good); }
.form i.l{ color: var(--bad); border-color: var(--bad); }
.note{
  padding: 10px var(--gutter); font-size: var(--fs-2); color: var(--dim);
  border-bottom: 1px solid var(--rule); font-family: var(--mono);
}
.empty{ padding: 40px var(--gutter); color: var(--mute); font-family: var(--mono); font-size: var(--fs-2); }
footer{
  border-top: 1px solid var(--rule); margin-top: 48px; padding: 16px var(--gutter) 72px;
  color: var(--dim); font-size: var(--fs-1); font-family: var(--mono); line-height: 1.7;
}
.foot-by{ color: var(--mute); }
.foot-by strong{ color: var(--ink); font-weight: 600; }
.foot-legal{ margin-top: 2px; }
.foot-meta{ margin-top: 8px; }
footer a{ color: var(--mute); text-decoration: underline; text-underline-offset: 2px; }
footer a:hover{ color: var(--gold); }
.sr-only{
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.skip-link{
  position: absolute; left: 12px; top: -48px; z-index: 200;
  padding: 8px 14px; border-radius: var(--r);
  background: var(--gold); color: var(--bg); font: 600 var(--fs-2) var(--body); text-decoration: none;
}
.skip-link:focus{ top: 10px; }
#view:focus{ outline: none; }
#view{ min-height: 100vh; }
.foot-get-title{ font: 700 var(--fs-2) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--ink); margin: 0 0 10px; }
.preview{
  background: #06191E; border-bottom: 1px solid var(--rule);
  color: var(--gold); font-family: var(--mono); font-size: var(--fs-1);
  padding: 7px var(--gutter); letter-spacing: 0.01em;
}
.preview a{ color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
.chip{
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 6px 2px 3px;
  background: color-mix(in srgb, var(--c, #555) var(--chip-fill), var(--chip-base));
  border: 1px solid color-mix(in srgb, var(--c, #555) var(--chip-edge), var(--chip-base));
  font-family: var(--body); font-size: var(--fs-1); font-weight: 600;
  letter-spacing: 0.04em; text-transform: uppercase; color: var(--chip-ink);
  white-space: nowrap; line-height: 1.2;
}
.chip img{ width: 15px; height: 15px; display: block; }
.type-ico{
  filter: drop-shadow(0.6px 0 0 #fff) drop-shadow(-0.6px 0 0 #fff)
          drop-shadow(0 0.6px 0 #fff) drop-shadow(0 -0.6px 0 #fff);
}
@media (max-width: 760px), (pointer: coarse){
.type-ico{
    filter: drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff)
            drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff);
  }
}
.chips{ display: inline-flex; gap: 4px; vertical-align: -3px; }
.chip{ position: relative; }
.chip.is-primary{
  font-weight: 800;
  border-color: color-mix(in srgb, var(--c, #555) var(--chip-ring), var(--chip-base));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c, #555) var(--chip-ring), var(--chip-base));
}
.chip.is-secondary{ font-weight: 500; }
.thumb{
  width: 34px; height: 34px; object-fit: contain; display: block; flex-shrink: 0;
  background: #0A0E0F; border: 1px solid var(--rule);
}
.cellflex{ display: flex; align-items: center; gap: 10px; min-width: 0; }
.cellflex .name, .cellflex .ball-link, .cellflex > a.plain{
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
tbody tr{ transition: background 90ms linear; }
tbody td:first-child{ padding-left: 12px; }
.hero{ position: relative; overflow: hidden; border-bottom: 1px solid var(--rule); }
@keyframes drift{ from { transform: translateX(0); } to { transform: translateX(-50%); } }
[data-motion-held], [data-motion-held]::before, [data-motion-held]::after{ animation-play-state: paused !important; }
.hero h1{
  font-family: var(--cond); font-weight: 700; text-transform: uppercase;
  font-size: clamp(38px, 8vw, 76px); line-height: 0.92; letter-spacing: 0.01em;
  color: var(--ink);
}
.hero h1 b{ color: var(--gold); }
.hero-sub{
  font-family: var(--cond); font-size: clamp(15px, 2.4vw, 20px); font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute);
  margin-top: 14px; max-width: 44ch; line-height: 1.4;
}
.home-context{ padding: 9px var(--gutter);
  color: var(--mute); font: 600 var(--fs-2)/1.45 var(--body); }
@keyframes home-float-in{ from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.hlive-title{
  font: 700 var(--fs-4)/1.05 var(--cond); font-size: clamp(19px, 1.7vw, 24px); letter-spacing: .03em; text-transform: uppercase; color: var(--ink);
}
.yweek-vs, .yweek-when{ font: 600 var(--fs-3)/1.25 var(--body); }
.rise{ animation: rise 420ms cubic-bezier(.22,.9,.3,1) both; }
@keyframes rise{ from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } }
#view.is-swapping{ animation: swap 170ms ease-out both; }
@keyframes swap{
  from { opacity: 0.25; transform: translateY(3px); }
  to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce){
.rise{ animation: none; }
tbody tr{ transition: none; }
.cell-detail, .conf-pm{ transition: none; }
#view.is-swapping{ animation: none; }
}
.tier{ display: grid; grid-template-columns: 86px 1fr; border-bottom: 1px solid var(--rule); }
.tier-label{
  display: grid; align-content: center; justify-items: center; gap: 1px;
  padding: 8px 4px; color: #0B0F10; border-right: 1px solid var(--rule);
}
.tier-label b{
  font-family: var(--cond); font-weight: 700; font-size: var(--fs-5);
  letter-spacing: 0.04em; line-height: 1;
}
.tier-label .tier-range{
  font-family: var(--mono); font-size: var(--fs-1); font-weight: 600;
  opacity: 0.72; white-space: nowrap;
}
.tier-label .tier-count{
  font-family: var(--cond); font-size: var(--fs-1); letter-spacing: 0.1em;
  opacity: 0.55;
}
.tier[data-band="S"] .tier-label{ background: var(--band-s); }
.tier[data-band="A"] .tier-label{ background: var(--band-a); }
.tier[data-band="B"] .tier-label{ background: var(--band-b); }
.tier[data-band="C"] .tier-label{ background: var(--band-c); }
.tier[data-band="D"] .tier-label{ background: var(--band-d); }
.tier[data-band="F"] .tier-label{ background: var(--band-f); }
.tier[data-band] .tier-label{ background: var(--panel); }
.tier-label{ color: var(--band-color); }
.tier[data-band="S"]{ --band-color: var(--band-s); }
.tier[data-band="A"]{ --band-color: var(--band-a); }
.tier[data-band="B"]{ --band-color: var(--band-b); }
.tier[data-band="C"]{ --band-color: var(--band-c); }
.tier[data-band="D"]{ --band-color: var(--band-d); }
.tier[data-band="F"]{ --band-color: var(--band-f); }
.tier-row{ display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; align-items: flex-start; }
@media (max-width: 640px){
.tier{ grid-template-columns: 64px 1fr; }
.tier-label b{ font-size: var(--fs-5); }
.tier-label .tier-range{ font-size: var(--fs-1); }
}
.ball-hero{ display: flex; gap: 20px; align-items: center; padding: 22px var(--gutter);
  border-bottom: 1px solid var(--rule); background: var(--panel); flex-wrap: wrap; }
.ball-hero > img{ width: 96px; height: 96px; object-fit: contain; }
.ball-hero h1{ font-family: var(--cond); font-size: var(--fs-5); text-transform: uppercase;
  letter-spacing: 0.03em; font-weight: 700; line-height: 1; }
.ball-hero .rarity{ font-family: var(--cond); font-size: var(--fs-1); letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--mute); }
.ball-stats{ display: flex; gap: 26px; margin-top: 12px; flex-wrap: wrap; }
.ball-stats div b{ display: block; font-family: var(--mono); font-size: var(--fs-4); }
.ball-stats div span{ font-family: var(--cond); font-size: var(--fs-1); letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--dim); }
.ball-desc{ margin: 14px 0 0; max-width: 62ch; }
.ball-desc-label{ font-family: var(--cond); font-size: var(--fs-1); letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--dim); }
.ball-desc-text{ margin: 4px 0 0; font-size: var(--fs-2); line-height: 1.5; color: var(--mute); }
.ball-note{ margin: 12px 0 0; max-width: 62ch; font-size: var(--fs-2); line-height: 1.5; color: var(--mute); }
.ball-traits{ list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; max-width: 62ch; }
.ball-trait{ display: inline-block; padding: 1px 8px; border: 1px solid var(--rule); border-radius: 999px; background: var(--panel);
  font: 700 var(--fs-1)/1.5 var(--cond); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); white-space: nowrap; }
.ball-trait.is-gov{ color: var(--ink); }
.ssr-quote{ margin: 0; }
.ball-stats div.is-thin b{ color: var(--dim); font-size: var(--fs-2); line-height: 1.9; }
.rolls{ padding-bottom: 8px; }
.cs{ position: relative; display: grid; grid-template-columns: 148px minmax(0, 1fr); align-items: center;
  gap: 16px; min-width: 0; max-width: 560px; padding: 12px 12px 12px 8px; border-radius: var(--r-lg); background: var(--row); }
@media (max-width: 560px){
.cs{ grid-template-columns: 104px minmax(0, 1fr); gap: 8px; padding: 8px 6px 8px 4px; }
}
.orbs{ display: inline-flex; gap: 2px; }
.orb{ width: 19px; height: 16px; display: grid; place-items: center;
  font-family: var(--mono); font-size: var(--fs-1); border: 1px solid var(--rule); color: var(--dim); }
.orb.on{ color: var(--bg); background: var(--gold); border-color: var(--gold); }
tbody tr.clickable{ cursor: pointer; }
tbody tr.clickable:hover td:first-child{ color: var(--gold); }
.move{ font-size: var(--fs-1); }
.move.up{ color: var(--good); }
.move.down{ color: var(--bad); }
.alliance{ display: inline-flex; align-items: center; gap: 9px; }
.alliance-name{
  font-family: var(--cond); font-size: var(--fs-2); font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute);
}
.alliance.is-approximate .alliance-name{
  border-bottom: 1px dotted var(--dim); cursor: help;
}
a.plain{ color: inherit; text-decoration: none; }
a.plain:hover{ color: var(--gold); }
td .sub{
  font-family: var(--mono); font-size: var(--fs-1); color: var(--dim); margin-left: 6px;
}
.res{
  display: inline-grid; place-items: center; width: 18px; height: 18px;
  font-family: var(--mono); font-size: var(--fs-1); border: 1px solid var(--rule);
  color: var(--dim); margin-right: 7px;
}
.res.w{ color: var(--good); border-color: var(--good); }
.res.l{ color: var(--bad); border-color: var(--bad); }
.side{ font-family: var(--cond); font-size: var(--fs-1); letter-spacing: 0.1em; color: var(--mute); }
.lineup{ display: flex; gap: 2px; }
.player-hero{ position: relative; overflow: hidden; }
.player-banner{
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
}
.player-banner img{
  width: 100%; height: 100%; object-fit: cover; object-position: center 32%;
  opacity: 0.22; filter: saturate(0.85);
}
.player-banner::after{
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, var(--panel) 0%, color-mix(in srgb, var(--panel) 72%, transparent) 45%, color-mix(in srgb, var(--panel) 35%, transparent) 100%);
}
.player-hero > *:not(.player-banner){ position: relative; z-index: 1; }
.player-hero > img{
  border: 1px solid var(--rule); background: #0A0E0F;
}
@media (max-width: 900px){
.omni{ margin-left: 0; width: 100%; padding: 0 0 6px; }
.omni input{ width: 100%; }
.top{ flex-wrap: wrap; }
}
@media (min-width: 641px) and (max-width: 900px){
.top .omni{ flex: 1 1 calc(100% - 48px); width: auto; }
.top .omni input{ width: 100%; flex: 1 1 auto; box-sizing: border-box; }
}
@media (max-height: 500px) and (pointer: coarse) and (min-width: 641px){
.top{ flex-wrap: nowrap; }
.top .brand{ font-size: var(--fs-3); padding: 8px 12px; }
.top .nav{ flex: 1 1 0; min-width: 0; flex-wrap: nowrap; overflow-x: auto; }
.top .nav a{ flex: 0 0 auto; padding: 8px 10px; }
.top .omni{ flex: 0 1 190px; width: auto; min-width: 120px; }
.top .omni input{ width: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 9px 12px; }
}
.depth-warn{
  display: flex; gap: 9px; flex-wrap: wrap; align-items: center;
  padding: 9px var(--gutter); border-bottom: 1px solid var(--rule);
  background: #1A1408;
  font-family: var(--mono); font-size: var(--fs-1); line-height: 1.6; color: #9AA4B4;
}
.depth-warn b{
  font-family: var(--cond); font-size: var(--fs-1); letter-spacing: 0.12em;
  text-transform: uppercase; color: #C8933C; font-weight: 700;
}
.depth-warn.is-thin{ background: #1C0F0D; }
.depth-warn.is-thin b{ color: var(--bad); }
.before-duels{
  display: inline-flex; align-items: center; padding: 1px 7px; border-radius: 999px;
  font: 700 var(--fs-1)/1.6 var(--cond); letter-spacing: .1em; text-transform: uppercase;
  color: #C8933C; background: color-mix(in srgb, #C8933C 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #C8933C 40%, transparent); white-space: nowrap;
}
.isel-name .before-duels{ margin-left: 6px; vertical-align: 1px; }
.dl{ --dl-ease: cubic-bezier(.2, .8, .2, 1); display: grid; gap: 14px; margin: 0 var(--gutter) 18px; }
.dl-mini-h{ margin: 2px 0 6px; font: 600 var(--fs-1)/1 var(--body); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.dl-best-wrap{ display: grid; grid-template-columns: max-content minmax(24px, 1fr) max-content max-content;
  column-gap: 10px; padding-bottom: 14px; }
@supports not (grid-template-columns: subgrid){
.dl-best-wrap, .dl-best{ display: block; }
}
@media (max-width: 359px){
.dl-best-wrap{ grid-template-columns: minmax(0, 1fr) max-content max-content; }
}
.dl-h{ margin: 6px 0 8px; font: 700 var(--fs-4)/1.2 var(--cond); }
@media (prefers-reduced-motion: reduce){
.dl *, .dl *::before, .dl *::after{ animation: none !important; transition: none !important; }
}
.sq-title{ display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.sq-title h2{ margin: 0; font: 700 var(--fs-5)/1.1 var(--cond); text-transform: uppercase; letter-spacing: .04em; }
.sq-title small{ color: var(--mute); font: var(--fs-2) var(--body); }
.sq-h{ margin: 0; font: 700 var(--fs-2) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--mute); }
.tl-dist-wrap{ border-bottom: 1px solid var(--rule); }
.leagues button.is-scope{ border-right: 1px solid var(--rule); }
.leagues button.is-scope[aria-pressed="true"]{ border-right-color: var(--gold); }
.pane{
  background: var(--panel); border-radius: var(--r-lg); box-shadow: var(--shadow-card);
  min-width: 0; padding-bottom: 10px;
}
.pane.is-wide{ grid-column: 1 / -1; }
.facts{
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
  gap: 10px 22px; padding: 4px 16px 6px;
}
.facts dt{
  font-family: var(--cond); font-size: var(--fs-1); letter-spacing: 0.13em;
  text-transform: uppercase; color: var(--dim);
}
.facts dd{
  font-family: var(--mono); font-size: var(--fs-3); color: var(--ink);
  font-variant-numeric: tabular-nums; margin-top: 1px;
}
.usage-billed{ margin-top: 14px; display: grid; gap: 6px; }
.pane table{ min-width: 0; }
.pane .wrap{ overflow-x: auto; overscroll-behavior-x: contain; }
.ladders{ display: flex; align-items: center; gap: 2px; }
.ladders button{
  font-family: var(--body); font-weight: 600; font-size: var(--fs-2);
  letter-spacing: 0; text-transform: none;
  background: none; border: 0; color: var(--mute);
  padding: 6px 13px; cursor: pointer;
}
.ladders button:hover{ color: var(--ink); }
.ladders button[aria-pressed="true"]{ color: var(--bg); background: var(--gold); }
.badges{
  display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 16px 10px;
}
.badge{
  display: flex; align-items: center; gap: 9px;
  padding: 7px 12px 7px 8px; background: var(--panel);
  border: 1px solid var(--rule); border-radius: var(--r);
  text-align: left; font-family: var(--body); color: var(--ink);
  transition: border-color 110ms, background 110ms;
}
button.badge{ cursor: pointer; }
button.badge:hover{ border-color: var(--gold); background: var(--row); }
.badge .thumb{ width: 30px; height: 30px; }
.badge-text{ display: grid; gap: 1px; min-width: 0; }
.badge-kind{
  font-family: var(--cond); font-size: var(--fs-1); font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--dim);
}
.badge b{
  font-size: var(--fs-2); font-weight: 600; line-height: 1.2;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.badge-note{
  font-family: var(--mono); font-size: var(--fs-1); color: var(--dim); line-height: 1.3;
}
.badge.is-div{
  align-items: center; gap: 11px; padding: 8px 14px 8px 9px;
  cursor: default; text-align: left;
}
.badge.is-div b{
  font-family: var(--cond); font-size: var(--fs-4); letter-spacing: 0.06em;
  text-transform: uppercase; line-height: 1.1;
}
.div-crest{
  width: 46px; height: 38px; object-fit: contain; display: block;
  flex-shrink: 0;
}
.div-crest.is-blank{ opacity: 0; }
.badge.is-div:hover, .badge.is-div:focus-visible{
  border-color: var(--rule); background: var(--row);
}
.badge.is-div.is-muted b{ color: var(--dim); }
.badge.is-top{ border-color: var(--mute); }
.badge.is-first{ border-color: var(--gold); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 25%, transparent); }
.badge.is-first .badge-kind{ color: var(--gold); }
.pane > .badges{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 6px; padding: 6px 12px 10px;
}
.pane > .badges .badge{
  width: 100%; min-width: 0; height: 54px; box-sizing: border-box;
  gap: 7px; padding: 5px 8px 5px 6px;
}
.pane > .badges .badge-text{ width: 100%; overflow: hidden; }
.pane > .badges .badge .thumb{ width: 24px; height: 24px; }
.pane > .badges .badge .thumb,
.pane > .badges .badge .div-crest{ flex-shrink: 0; }
.pane > .badges .badge b{ font-size: var(--fs-1); }
.pane > .badges .badge-kind, .pane > .badges .badge-note{ font-size: var(--fs-1); }
.pane > .badges .badge-kind, .pane > .badges .badge-note{
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pane > .badges .badge.is-div{ gap: 7px; padding: 5px 8px 5px 6px; }
.pane > .badges .badge.is-div .div-crest{ width: 36px; height: 30px; }
.pane > .badges .badge.is-div b{ font-size: var(--fs-2); }
.pane > .badges .badge-name{ display: block; overflow: hidden; }
.pane > .badges .badge-name > span{ display: inline-block; white-space: nowrap; }
.pane > .badges .badge-name.is-overflow{ mask-image: linear-gradient(90deg, #000 88%, transparent); }
@media (hover: hover) and (prefers-reduced-motion: no-preference){
.pane > .badges .badge:hover .badge-name.is-overflow > span{
    animation: badge-name-scroll 4s ease-in-out 250ms infinite alternate;
  }
}
@keyframes badge-name-scroll{
  0%, 14% { transform: translateX(0); }
  86%, 100% { transform: translateX(calc(-1 * var(--name-travel))); }
}
@media (max-width: 600px){
.pane > .badges{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 359px){
.pane > .badges{ gap: 4px; padding-left: 8px; padding-right: 8px; }
.pane > .badges .badge{ gap: 5px; padding: 5px 6px 5px 4px; }
.pane > .badges .badge-rank{ padding-left: 2px; }
}
.pane-note{
  font-family: var(--mono); font-size: var(--fs-1); color: var(--dim);
  padding: 0 16px 10px; line-height: 1.6; max-width: 70ch;
}
@media (prefers-reduced-motion: reduce){
.badge{ transition: none; }
}
tbody tr.band-start td{ border-top: 1px solid var(--rule); }
.method-head{ padding: 34px var(--gutter) 18px; border-bottom: 1px solid var(--rule); }
.method-head h1{
  font-family: var(--cond); font-size: clamp(26px, 5vw, 38px); font-weight: 700;
  letter-spacing: 0.03em; text-transform: uppercase; color: var(--ink);
}
.method-head p{
  font-family: var(--mono); font-size: var(--fs-1); color: var(--dim); margin-top: 8px;
}
.method{
  display: grid; gap: 1px; background: var(--rule);
  grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
  border-bottom: 1px solid var(--rule);
}
.method-sec{ background: var(--bg); padding: 18px var(--gutter); }
.method-sec h2{
  font-family: var(--cond); font-size: var(--fs-2); font-weight: 700;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold);
  margin-bottom: 14px;
}
.method-sec dl{ display: grid; gap: 14px; }
.method-sec dt{
  font-size: var(--fs-3); font-weight: 600; color: var(--ink); margin-bottom: 3px;
}
.method-sec dd{
  font-family: var(--mono); font-size: var(--fs-1); line-height: 1.75; color: var(--mute);
  max-width: 62ch;
}
.group-title{
  display: flex; align-items: center; gap: 4px;
  font-family: var(--cond); font-size: var(--fs-2); font-weight: 700;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold);
  padding: 22px var(--gutter) 2px;
  border-top: 1px solid var(--rule); margin-top: 8px;
}
.group-title:first-of-type{ border-top: 0; margin-top: 0; }
.badge{ border-radius: var(--r); }
.tl-item, .tl-card, .depth-warn{ border-radius: var(--r); }
.subnav, .ladders, .leagues, .nav{
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.subnav::-webkit-scrollbar, .ladders::-webkit-scrollbar,
.leagues::-webkit-scrollbar, .nav::-webkit-scrollbar{ display: none; }
.subnav, .ladders, .leagues{ --scroll-ground: var(--row); }
.nav{ --scroll-ground: var(--panel); }
.subnav, .ladders, .leagues, .nav{
  background-image:
    linear-gradient(to right, var(--scroll-ground) 14px, transparent),
    linear-gradient(to left,  var(--scroll-ground) 14px, transparent),
    linear-gradient(to right, color-mix(in srgb, var(--bg) 88%, transparent), transparent),
    linear-gradient(to left,  color-mix(in srgb, var(--bg) 88%, transparent), transparent);
  background-position: left center, right center, left center, right center;
  background-repeat: no-repeat;
  background-size: 24px 100%, 24px 100%, 14px 100%, 14px 100%;
  background-attachment: local, local, scroll, scroll;
}
.subnav.has-edge-fade{ background-image: none; }
.subnav.has-edge-fade.is-more-start{
  -webkit-mask-image: linear-gradient(to right, transparent, #000 28px);
  mask-image: linear-gradient(to right, transparent, #000 28px);
}
.subnav.has-edge-fade.is-more-end{
  -webkit-mask-image: linear-gradient(to left, transparent, #000 28px);
  mask-image: linear-gradient(to left, transparent, #000 28px);
}
.subnav.has-edge-fade.is-more-start.is-more-end{
  -webkit-mask-image: linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent);
}
.flabel{
  position: sticky; left: 0; z-index: 2; background: var(--row);
  align-self: stretch; display: flex; align-items: center; flex: 0 0 auto;
}
.subnav button, .ladders button, .leagues button, .nav a{ flex: 0 0 auto; }
.chrome > *{ max-width: 100%; min-width: 0; }
@media (max-width: 900px){
.brand{ font-size: var(--fs-4); padding: 10px 13px; }
.nav a{ padding: 7px 12px; }
.stamp{ display: none; }
}
@media (max-width: 400px){
.top .nav{ flex: 1 1 0; min-width: 0; }
.brand{ font-size: var(--fs-3); padding: 10px 11px; }
}
@media (max-width: 640px){
.hero-sub{ margin-top: 10px; }
.section-title, .note, .tl-note, .tl-dist-summary, .tl-dist,
  .depth-warn, .preview, .empty, .method-sec, .method-head,
  .comparts, .group-title, .ball-hero, .player-head, .form, footer{
    padding-left: var(--gutter); padding-right: var(--gutter);
  }
thead th, tbody td, tbody td:first-child{ padding-left: 10px; padding-right: 10px; }
.pane-head, .pane-sub, .pane-note, .mini-row, .badges, .facts,
  .pane .ball-stats.strip-pad{ padding-left: var(--gutter); padding-right: var(--gutter); }
.wrap > table:not(.grid) th.rank,
  .wrap > table:not(.grid) td.rank{
    position: sticky; left: 0; z-index: 3;
    width: 42px; min-width: 42px; max-width: 42px;
    padding-left: 8px; padding-right: 2px;
  }
.wrap > table:not(.grid) th.rank + th,
  .wrap > table:not(.grid) td.rank + td,
  .wrap > table:not(.grid) thead th:first-child:not(.rank),
  .wrap > table:not(.grid) tbody td:first-child:not(.rank){
    position: sticky; z-index: 3;
    max-width: 52vw; overflow: hidden; text-overflow: ellipsis;
  }
.wrap > table:not(.grid) th.rank + th,
  .wrap > table:not(.grid) td.rank + td{ left: 42px; }
.wrap > table:not(.grid) thead th:first-child:not(.rank),
  .wrap > table:not(.grid) tbody td:first-child:not(.rank){ left: 0; }
.wrap > table:not(.grid) tbody td.rank,
  .wrap > table:not(.grid) tbody td.rank + td,
  .wrap > table:not(.grid) tbody td:first-child:not(.rank){ background: var(--bg); }
.wrap > table:not(.grid) tbody tr:hover td.rank,
  .wrap > table:not(.grid) tbody tr:hover td.rank + td,
  .wrap > table:not(.grid) tbody tr:hover td:first-child:not(.rank){ background: var(--panel); }
.wrap > table:not(.grid) th.rank + th,
  .wrap > table:not(.grid) td.rank + td,
  .wrap > table:not(.grid) thead th:first-child:not(.rank),
  .wrap > table:not(.grid) tbody td:first-child:not(.rank){
    border-right: 1px solid var(--rule);
  }
.ball-stats{ gap: 14px 20px; }
.ball-hero > img, .player-hero > img{ width: 72px; height: 72px; }
.ball-hero h1{ font-size: var(--fs-5); }
}
@media (pointer: coarse){
.nav a, .subnav button, .ladders button, .leagues button{ padding: 10px 14px; }
.omni input{ font-size: 16px; }
}
@keyframes unc-fly{
  from { transform: translate3d(0, 0, 0) rotate(0deg); }
  to   { transform: translate3d(var(--drift, 80px), calc(var(--drift, 80px) * -0.6), 0)
                    rotate(var(--spin, 360deg)); }
}
@keyframes unc-shake{
  0%, 100% { transform: translateX(0); }
  50%      { transform: translateX(3px); }
}
.badge.is-provisional-peak .badge-kind::after{
  content: " · provisional"; color: var(--dim); letter-spacing: 0.08em;
}
.cell-sub{ display: block; font: var(--fs-1) var(--mono); color: var(--dim); margin-top: 1px; }
.rank-1 .cell-sub, .rank-2 .cell-sub, .rank-3 .cell-sub{ color: var(--mute); }
tbody tr.rank-1 td.support, tbody tr.rank-2 td.support, tbody tr.rank-3 td.support{ color: var(--mute); }
.meta-tag{ margin-left: 8px; font: var(--fs-1) var(--mono); color: var(--dim); border: 1px solid var(--rule); border-radius: var(--r-sm); padding: 1px 5px; white-space: nowrap; }
.badge.is-owner{ position: relative; }
.badge-rank{
  margin-left: auto; padding-left: 8px; flex-shrink: 0;
  font: 700 var(--fs-5)/1 var(--cond); color: var(--mute); font-variant-numeric: tabular-nums;
}
.badge.is-top .badge-rank{ color: var(--ink); }
.badge.is-first .badge-rank{ color: var(--gold); }
.thumb.is-blank{ display: inline-block; width: 26px; height: 26px; border-radius: 50%; background: var(--panel); }
.anon-name{ font-style: italic; padding-right: .12em; }
.thumb.anon-pic{
  display: inline-grid; place-items: center; flex: none; overflow: hidden;
  background: var(--row); color: var(--dim);
  container-type: size;
}
:where(.thumb.anon-pic){ border-radius: 50%; }
.anon-pic-q{ font-size: clamp(var(--fs-1), 72cqh, 48px); line-height: 1; font-weight: 700; font-style: normal; user-select: none; }
@media (min-width: 700px){
.pane .wrap table{ min-width: 0; }
}
.pane td.stars{ color: var(--acc-amber); letter-spacing: 1px; }
:root{ --page-max: 1320px; --page-side: max(0px, calc((100% - var(--page-max)) / 2)); }
:where(body:not(.ops)) #view{ max-width: var(--page-max); margin-inline: auto; }
#view[data-route="meta"], #view[data-route="dex"]{ max-width: 1440px; }
.ss-page, .eqb, .tt, .pvp-gate{ margin-inline: auto; }
@media (min-width: 1321px){
:where(body:not(.ops)) .chrome{ padding-inline: calc(var(--page-side) + 12px); }
:where(body:not(.ops)) footer{ padding-inline: calc(var(--page-side) + var(--gutter)); }
}
html{ overflow-x: clip; }
@media (min-width: 1321px){
#view.is-centered{ border-left: 1px solid var(--rule); border-right: 1px solid var(--rule); }
}
a.alliance-link{ color: inherit; text-decoration: none; display: inline-block; }
a.alliance-link:hover .alliance-name{ color: var(--gold); }
td b.up{ color: var(--good); }
td b.down{ color: var(--bad); }
.hero-patch{ display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin: 10px 0 0; font-size: var(--fs-3); }
.hero-patch .flabel{ border-left: 0; padding: 0; color: var(--mute); position: static; background: none; }
.hero-patch span:last-child{ color: var(--mute); font-size: var(--fs-2); white-space: nowrap; }
.alliance-dot{ display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: var(--dim); flex-shrink: 0; }
.alliance-desc{ color: var(--mute); max-width: 640px; margin: 4px 0 10px; }
tr.clickable{ cursor: pointer; }
.alliance-dot.is-small{ width: 10px; height: 10px; }
.ball-stats b.up{ color: var(--good); }
.ball-stats b.down{ color: var(--bad); }
.fx-tools{ display: flex; align-items: center; gap: 16px; padding: 12px var(--gutter); border-bottom: 1px solid var(--rule); }
.fx-count-wrap{ display: flex; align-items: center; gap: 6px; margin-left: auto; }
.dex-skin{ font: var(--fs-1) var(--mono); color: var(--dim); font-style: normal; }
.eq-rates-shop{ justify-self: start; }
@media (max-width: 640px){
.fx-tools{ flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 760px){
.fx-tools{ flex-wrap: wrap; gap: 8px; }
.fx-count-wrap{ margin-left: 0; }
}
.mymic-lore{ color: var(--mute); max-width: 760px; padding: 0 16px; font-style: italic; line-height: 1.5; }
@media (max-width: 640px){
.top{ flex-wrap: wrap; }
.top .brand{ order: 1; }
.top .omni{ order: 2; flex: 1 1 0; min-width: 0; margin-left: 0; padding: 5px 0 3px; }
.top .omni input{ width: 100%; box-sizing: border-box; }
.omni input{ margin: 0; }
.top .nav{
    order: 3; flex: 1 1 100%; min-width: 0; padding: 0 6px 5px;
    flex-wrap: wrap; row-gap: 2px; overflow-x: visible;
  }
.top .nav a{
    flex: 1 1 22%; display: flex; justify-content: center; align-items: center;
    padding: 7px 8px; font-size: var(--fs-3); letter-spacing: 0;
  }
.top .omni{ position: static; }
}
@media (max-width: 640px){
.meta-tag{ font-size: 0; padding: 0 4px; margin-left: 6px; }
.meta-tag::before{ content: "*"; font-size: var(--fs-1); }
}
.boss-col-title{ font: 600 var(--fs-2) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--mute); margin: 14px 0 8px; display: flex; align-items: center; gap: 6px; }
.dr-rank, .item-rank{ flex: none; color: var(--gold); font-weight: 600; letter-spacing: 1px; white-space: nowrap; }
.rank-marks{ letter-spacing: 1px; white-space: nowrap; }
.rank-label .rank-marks, .wbt-pick-rank{ color: var(--gold); }
.is-on .rank-marks, .is-active .rank-marks, .is-selected .rank-marks,
[aria-pressed="true"] .rank-marks, [aria-selected="true"] .rank-marks, [aria-checked="true"] .rank-marks,
[aria-current="true"] .rank-marks, [aria-current="page"] .rank-marks,
.is-on .item-rank, [aria-pressed="true"] .item-rank, [aria-selected="true"] .item-rank{ color: inherit; }
.wsl-tier, .wbt-pick-rank, .wm-p4{ white-space: nowrap; }
.ball-hero .rarity.item-rank{ color: var(--gold); font-size: var(--fs-2); letter-spacing: 2px; }
.dr-star, .idc-star{ display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.dr-pill b.dr-clear, .idc-pill b.idc-clear{ font-family: inherit; font-weight: 600; }
.title-row:has(.mm-defeated-badge){ flex-wrap: wrap; row-gap: 6px; }
.idc{
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; min-width: 0; max-width: 100%;
  min-height: 32px; box-sizing: border-box; padding: 2px 6px 2px 3px; border-radius: var(--r);
  color: var(--mute); text-decoration: none; font: 600 var(--fs-1)/1.25 var(--body); vertical-align: middle;
}
.idc:hover, .idc:focus-visible{ color: var(--ink); background: var(--row); }
.idc:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.idc .thumb{ width: 22px; height: 22px; flex: none; object-fit: contain; }
.idc-boss{ min-width: 0; max-width: 11em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idc-pill{
  display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px 2px 7px; border-radius: 999px;
  background: var(--pill-on); color: var(--mute); font-weight: 500; white-space: nowrap;
}
.idc-pill b{ font-family: var(--mono); font-weight: 500; color: var(--ink); }
.idc-unit{ color: var(--mute); }
.idc-pill.is-thin .idc-star{ color: var(--mute); }
.idc-star{ color: var(--ink); }
.cellflex:has(> .idc){ flex-wrap: wrap; row-gap: 2px; }
@media (max-width: 560px){
td .idc{ flex-wrap: nowrap; gap: 5px; }
td .idc-boss, td .idc-unit-rest, td .idc-pill > .idc-unit + b + .idc-unit{
    position: absolute; left: 0; top: 0; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
}
.pr2.has-drops .pr2-pod, .pr2.has-drops .pr2-row{ display: grid; }
@media (min-width: 720px){
.pr2.has-drops .pr2-pod:not(.has-drop) > .pr2-pod-link{ padding-bottom: 50px; }
.pr2.has-drops .pr2-pod.is-gold:not(.has-drop) > .pr2-pod-link{ padding-bottom: 54px; }
.pr2.has-drops .pr2-pod.is-gold.has-drop > .pr2-pod-link{ padding-bottom: 10px; }
}
.pr2-pod.has-drop, .pr2-row.has-drop{ display: grid; border-radius: var(--r-lg); box-shadow: var(--shadow-card); }
.pr2-pod.has-drop{
  background: linear-gradient(180deg, color-mix(in srgb, var(--medal) 20%, var(--panel)), var(--panel) 65%);
  border: 1px solid color-mix(in srgb, var(--medal) 50%, transparent);
}
.pr2-pod.has-drop > .pr2-pod-link{ background: none; border: 0; box-shadow: none; padding-bottom: 6px; }
.pr2-pod.has-drop > .idc{ justify-self: center; justify-content: center; margin: 0 10px 12px; }
.pr2-row.has-drop{ background: var(--panel); border: 1px solid transparent; }
.pr2-row.has-drop > .pr2-row-link{ background: none; border: 0; box-shadow: none; padding-bottom: 2px; }
.pr2-row.has-drop > .idc{ justify-self: start; margin: 0 12px 8px 100px; }
@media (hover: hover){
.pr2-pod.has-drop:hover{ border-color: var(--medal); }
.pr2-row.has-drop:hover{ border-color: var(--rule); }
}
@media (max-width: 560px){
.pr2-pod .idc-unit-rest{
    position: absolute; left: 0; top: 0; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
}
.badge.is-first-clear{ border-color: var(--acc-amber); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--acc-amber) 35%, transparent); }
.badge.is-first-clear .badge-kind{ color: var(--acc-amber); }
.badge.is-solo{ border-color: color-mix(in srgb, var(--gold) 60%, var(--rule)); }
.badge.is-solo .badge-kind{ color: var(--gold); }
.badge-stars{ flex: none; display: grid; place-items: center; min-width: 32px; color: var(--gold);
  font: 700 var(--fs-3)/1 var(--body); letter-spacing: -.05em; }
.badge.is-solo-3{ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent); }
@media (pointer: coarse){
.info{ position: relative; }
.info::after{ content: ""; position: absolute; inset: -13px; border-radius: 50%; }
footer a{
    display: inline-block; box-sizing: border-box; min-height: 32px; min-width: 24px;
    padding: 6px 0; text-align: center; line-height: 20px;
  }
.copy-link{ width: 36px; height: 36px; }
.cl-toggle, .rh-league, .pvp-era-toggle, .share-btn{ position: relative; }
.cl-toggle::after, .rh-league::after, .pvp-era-toggle::after,
  .share-btn::after{ content: ""; position: absolute; inset: -8px 0; }
.cl-toggle::after{ inset: min(-8px, calc(50% - 17px)) 0; }
.wr-gift, .board-badge, .war-stats-btn, .tc-rival, .pv2-item-pic, .rv2-all, .ptease-cta{ position: relative; }
.wr-gift::after, .pv2-item-pic::after{ content: ""; position: absolute; inset: -5px; }
.home-about p a, .whf-pill.is-link, .foot-by a{ position: relative; }
.foot-by a::after{ content: ""; position: absolute; inset: 0 -4px; }
a.pv2-ball-name{
    padding: 8px 7px; margin: -8px -7px; max-width: calc(100% + 14px);
    position: relative; z-index: 1;
  }
a.ball-cell-name{ padding-block: 7px; }
}
@media (pointer: fine){
.subnav button{ position: relative; }
.subnav button::before{ content: ""; position: absolute; inset: -2px 0; }
.copy-link, .share-btn.pf-share, .share-btn.rr-share, .compare-link{ position: relative; }
.copy-link::after{ content: ""; position: absolute; inset: -2px; }
.share-btn.pf-share::after{ content: ""; position: absolute; inset: -2px 0; }
.cl-head:not(.is-collapsed) > .cl-toggle{ padding: 12px 0 8px; margin: -12px 0 -8px; }
.tc-rival, .pv2-item-pic, .rh-league{ position: relative; }
.pv2-item-pic::after{ content: ""; position: absolute; inset: -3px; }
a.pv2-ball-name{
    padding: 8px 7px; margin: -8px -7px; max-width: calc(100% + 14px);
    position: relative; z-index: 1;
  }
}
.ball-link{ text-decoration: none; }
.ball-link:hover, .ball-link:focus-visible{ color: var(--gold); text-decoration: underline; text-underline-offset: 3px; }
.ball-pop{ position: fixed; z-index: 90; width: 250px; padding: 10px 12px; background: var(--panel);
  border: 1px solid var(--gold); border-radius: var(--r); box-shadow: var(--shadow-2); pointer-events: none; }
.ball-pop-top{ display: flex; gap: 10px; align-items: center; }
.ball-pop-top > img{ width: 64px; height: 64px; object-fit: contain; flex-shrink: 0; }
.ball-pop-name{ display: block; font-size: var(--fs-3); line-height: 1.25; margin-bottom: 3px; }
.ball-pop-rarity{ display: block; font: 600 var(--fs-1) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--mute); margin-bottom: 5px; }
.ball-pop-stats{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--rule); }
.ball-pop-stats span{ display: flex; flex-direction: column; }
.ball-pop-stats b{ font: 600 var(--fs-2) var(--mono); }
.ball-pop-stats i{ font: normal var(--fs-1) var(--mono); color: var(--dim); }
.ball-pop-none{ grid-column: 1 / -1; color: var(--mute); font-size: var(--fs-2); }
.badge.is-first-clear.is-place-2{ border-color: #B8C2CC; box-shadow: inset 0 0 0 1px rgba(184,194,204,.3); }
.badge.is-first-clear.is-place-2 .badge-kind{ color: var(--medal-silver); }
.badge.is-first-clear.is-place-3{ border-color: #B87A4B; box-shadow: inset 0 0 0 1px rgba(184,122,75,.3); }
.badge.is-first-clear.is-place-3 .badge-kind{ color: var(--medal-bronze); }
.badge.is-first-clear.is-provisional{ border-color: var(--rule); box-shadow: none; }
.badge.is-first-clear.is-provisional .badge-kind{ color: var(--mute); }
.place-tag{ font: 700 var(--fs-2) var(--cond); letter-spacing: .08em; text-transform: uppercase; border-radius: var(--r-sm); padding: 2px 7px; color: var(--bg); background: var(--acc-amber); }
.place-tag.is-2{ background: #B8C2CC; }
.place-tag.is-3{ background: #B87A4B; }
.place-tag.is-2, .place-tag.is-3{ color: #0B0D12; }
.place-cell{ font: 700 var(--fs-2) var(--mono); }
.place-cell.is-1{ color: var(--acc-amber); }
.place-cell.is-2{ color: var(--medal-silver); }
.place-cell.is-3{ color: var(--medal-bronze); }
.badge.is-first-clear.is-place-4{ border-color: var(--rule); box-shadow: none; }
.badge.is-first-clear.is-place-4 .badge-kind{ color: var(--mute); }
:root{ --ease: cubic-bezier(.22, .9, .3, 1); }
:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
button:focus:not(:focus-visible), a:focus:not(:focus-visible){ outline: none; }
.art-img{ opacity: 0; }
.art-img.is-loaded{ opacity: 1; }
body.is-loading::before{
  content: ""; position: fixed; top: 0; left: 0; height: 2px; width: 36%; z-index: 100;
  background: var(--gold); pointer-events: none; opacity: 0;
  animation: loadbar-in 1ms linear 220ms forwards, loadbar 1.1s var(--ease) 220ms infinite;
}
@keyframes loadbar-in{ to { opacity: 1; } }
@keyframes loadbar{ from { transform: translateX(-100%); } to { transform: translateX(290%); } }
@media (prefers-reduced-motion: reduce){
body.is-loading::before{ animation: loadbar-in 1ms linear 220ms forwards; }
}
.title-row{ display: flex; align-items: center; gap: 10px; min-width: 0; }
.title-row h1{ min-width: 0; }
.copy-link{
  flex: none; display: inline-grid; place-items: center; width: 30px; height: 30px;
  background: none; border: 1px solid transparent; border-radius: var(--r); color: var(--dim); cursor: pointer;
}
.copy-link:hover{ color: var(--gold); border-color: var(--rule); background: var(--row); }
.toast{
  position: fixed; left: 50%; bottom: 24px; z-index: 2147483647; pointer-events: none;
  transform: translate(-50%, 12px); opacity: 0;
  background: var(--panel); color: var(--ink); border: 1px solid var(--rule); border-radius: var(--r);
  padding: 8px 14px; font: 600 var(--fs-2) var(--body);
}
.toast.is-visible{ opacity: 1; transform: translate(-50%, 0); }
.toast[popover]{ inset: auto auto 24px 50%; margin: 0; overflow: visible; width: max-content; max-width: calc(100vw - 32px); }
.to-top{
  position: fixed; right: 16px; bottom: 16px; z-index: 50; width: 40px; height: 40px;
  display: grid; place-items: center; cursor: pointer;
  background: var(--panel); color: var(--mute); border: 1px solid var(--rule); border-radius: var(--r);
  opacity: 0; transform: translateY(8px); pointer-events: none;
}
.to-top.is-visible{ opacity: 1; transform: none; pointer-events: auto; }
.to-top:hover{ color: var(--gold); border-color: var(--gold); }
.omni{ display: flex; align-items: center; }
@media (prefers-reduced-motion: no-preference){
.art-img{ transition: opacity 260ms ease-out; }
.brand{
    transition: color 160ms ease, background-color 160ms ease, box-shadow 220ms var(--ease);
  }
.nav a, .subnav button, .ladders button, .leagues button, .mt, .home-more-card{
    transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  }
.brand b{ transition: letter-spacing 260ms var(--ease); display: inline-block; }
.brand:hover b{ letter-spacing: 0.12em; }
tbody td{ transition: background-color 120ms ease, color 120ms ease; }
tbody tr.clickable .thumb, .strip li .thumb, .fx-mymic .thumb, .omni-row .thumb,
  .boss-drop .thumb, .cellflex .thumb{ transition: transform 200ms var(--ease); }
tbody tr.clickable:hover .thumb, .strip li.is-link:hover .thumb, .fx-mymic:hover .thumb,
  .omni-row:hover .thumb, .omni-row.is-active .thumb, .boss-drop:hover .thumb{ transform: scale(1.12); }
a.plain, footer a, .backlink, .fx-mymic span, .effect-term, .item-link, .alliance-link{
    transition: color 140ms ease;
  }
@keyframes drop-in{ from { opacity: 0; transform: translateY(-4px); } }
.copy-link, .to-top{ transition: color 140ms ease, border-color 140ms ease, background-color 140ms ease,
                                   opacity 200ms ease, transform 220ms var(--ease); }
.toast{ transition: opacity 180ms ease, transform 220ms var(--ease); }
.info{ transition: color 140ms ease, border-color 140ms ease, transform 160ms var(--ease); }
.info:hover{ transform: scale(1.12); }
button:active:not(:disabled){ transform: translateY(1px); }
.ball-hero > img{ transition: transform 400ms var(--ease); }
.ball-hero > img:hover{ transform: rotate(-4deg) scale(1.04); }
.badge{ transition: border-color 140ms ease, background-color 140ms ease, transform 200ms var(--ease); }
button.badge:hover{ transform: translateY(-2px); }
.fx-tile, .pvp-tile.is-bench, .pvp-choice, .stile,
  .pair-ball, .early-badge, .isel-button, .fx-modes button{
    transition: transform 180ms var(--ease), border-color 160ms ease,
                background-color 160ms ease, box-shadow 220ms var(--ease);
  }
.reach-chips .chip, .chips .chip{ transition: transform 150ms var(--ease); }
.rar-pip, .orb{ transition: transform 160ms var(--ease); }
.isel-row:hover .rar-pip{ transform: scale(1.18); }
#view > .section-title{ animation: rule-in 420ms var(--ease) both; }
@keyframes rule-in{ from { opacity: 0; transform: translateY(4px); } }
#view tbody tr{ transition: background-color 130ms ease; }
#view tbody tr.clickable:hover td:first-child{ transform: translateX(2px); }
#view tbody tr.clickable td:first-child{ transition: transform 160ms var(--ease); }
#view tbody tr:nth-child(-n+8){ animation: row-in 260ms var(--ease) both; }
#view tbody tr:nth-child(2){ animation-delay: 30ms; }
#view tbody tr:nth-child(3){ animation-delay: 60ms; }
#view tbody tr:nth-child(4){ animation-delay: 90ms; }
#view tbody tr:nth-child(5){ animation-delay: 120ms; }
#view tbody tr:nth-child(6){ animation-delay: 150ms; }
#view tbody tr:nth-child(7){ animation-delay: 180ms; }
#view tbody tr:nth-child(8){ animation-delay: 210ms; }
@keyframes row-in{ from { opacity: 0; transform: translateY(3px); } }
.tier{ animation: band-in 300ms var(--ease) both; }
.tier:nth-of-type(2){ animation-delay: 45ms; }
.tier:nth-of-type(3){ animation-delay: 90ms; }
.tier:nth-of-type(4){ animation-delay: 135ms; }
.tier:nth-of-type(n+5){ animation-delay: 180ms; }
@keyframes band-in{ from { opacity: 0; transform: translateY(6px); } }
}
@media (prefers-reduced-motion: reduce){
.mt-grid > *, .fx-grid > *, .comparts > *, #view > .section-title,
  #view tbody tr, .tier, .pvp-board-row{ animation: none; }
body.is-loading::before{ display: none; }
.art-img{ opacity: 1; }
}
.account{ max-width: 760px; padding: 26px var(--gutter) 48px; }
.account h1{ font: 700 var(--fs-5) var(--cond); letter-spacing: .03em; text-transform: uppercase; margin: 0 0 10px; }
.account .section-title{ padding-left: 0; padding-right: 0; margin-top: 26px; }
.btn{
  display: inline-flex; align-items: center; gap: 8px; cursor: pointer; text-decoration: none;
  background: var(--panel); color: var(--ink); border: 1px solid var(--rule); border-radius: var(--r);
  padding: 9px 16px; font: 600 var(--fs-3) var(--body);
}
.btn:hover{ border-color: var(--gold); }
.btn:disabled{ opacity: .5; cursor: default; }
.btn-primary{ background: var(--gold); color: var(--bg); border-color: var(--gold); }
.btn-primary:hover{ filter: brightness(1.08); }
.account-code{
  font: 600 var(--fs-4) var(--mono); color: var(--gold); background: var(--panel); border: 1px solid var(--rule);
  border-radius: var(--r-sm); padding: 2px 8px; margin: 0 6px; letter-spacing: .06em;
}
@media (prefers-reduced-motion: no-preference){
.acct, .btn, .account-bg-option, .account-badge, .customize-link{ transition: color 140ms ease, border-color 140ms ease, background-color 140ms ease, filter 140ms ease; }
}
.account-connected{ color: var(--ink); font-size: var(--fs-3); }
.account-agree{ display: flex; gap: 10px; align-items: flex-start; margin: 14px 0 4px; padding: 12px 14px;
  background: var(--panel); border: 1px solid var(--rule); border-radius: var(--r); font-size: var(--fs-3); line-height: 1.5; max-width: 560px; }
.account-agree input{ margin-top: 3px; width: 16px; height: 16px; accent-color: var(--gold); flex: none; }
.account-agree a{ color: var(--gold); }
.account.is-auth{ display: grid; grid-template-columns: minmax(0, 400px); gap: 28px; max-width: 860px; }
@media (min-width: 900px){
.account.is-auth{ grid-template-columns: minmax(0, 400px) minmax(0, 300px); gap: 56px; padding-top: 44px; }
}
.auth-panel{ padding: 12px; margin: -2px 0 4px; background: var(--row); border: 1px solid var(--rule); border-radius: var(--r); }
.auth-panel[hidden]{ display: none; }
.auth-hint{ color: var(--mute); font-size: var(--fs-2); line-height: 1.5; margin: 0 0 10px; }
.auth-side-title{ font: 600 var(--fs-1) var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); margin: 0 0 12px; }
@media (max-width: 640px){
.player-hero > img{ width: 64px; height: 64px; }
}
.btn.is-nudge{ box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 28%, transparent); }
.isel{ position: relative; display: inline-flex; flex-direction: column; gap: 4px; }
.isel-label{
  font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase;
  color: var(--mute);
}
.isel-button{
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  min-height: 38px; padding: 4px 9px 4px 6px; width: 100%;
  background: var(--panel); color: var(--ink); font: inherit; text-align: left;
  border: 1px solid var(--rule); border-radius: var(--r); cursor: pointer;
  transition: border-color .14s var(--ease), background .14s var(--ease);
}
.isel-button:hover{ border-color: color-mix(in srgb, var(--gold) 55%, var(--rule)); }
.isel-button[aria-expanded="true"]{ border-color: var(--gold); }
.isel-caret{ color: var(--dim); font-size: var(--fs-1); line-height: 1; flex: none; }
.isel-button:hover .isel-caret, .isel-button[aria-expanded="true"] .isel-caret{ color: var(--gold); }
.isel-face{ display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.isel-name, .tsel-name{
  color: var(--ink); font: 500 var(--fs-2) var(--body);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.isel-button .isel-name, .isel-button .tsel-name{ font-weight: 600; }
.isel-list{
  position: absolute; top: calc(100% + 5px); left: 0; z-index: 70;
  min-width: 100%; width: max-content; max-width: min(320px, 86vw);
  max-height: min(340px, 60vh); overflow-y: auto; overscroll-behavior: contain;
  padding: 4px; background: var(--panel); color: var(--ink);
  border: 1px solid var(--gold); border-radius: var(--r);
  box-shadow: var(--shadow-2);
}
.isel.is-up .isel-list{ top: auto; bottom: calc(100% + 5px); }
.isel-row{
  display: flex; align-items: center; gap: 8px;
  padding: 5px 8px; border-radius: var(--r-sm); cursor: pointer;
}
.isel-row:hover{ background: color-mix(in srgb, var(--gold) 10%, transparent); }
.isel-row[aria-selected="true"]{ background: color-mix(in srgb, var(--gold) 16%, transparent); }
.isel-row[aria-selected="true"] .isel-name,
.isel-row[aria-selected="true"] .tsel-name{ color: var(--gold); }
@media (pointer: coarse){
.isel-row{ min-height: 40px; }
}
.patch-pip{
  width: 9px; height: 9px; border-radius: var(--r-sm); flex-shrink: 0;
  box-shadow: 0 0 0 1px var(--dim) inset;
}
.isel-row[aria-selected="true"] .patch-pip{ background: var(--gold); box-shadow: none; }
.patch-when{ display: block; color: var(--dim); font: var(--fs-1) var(--mono); margin-top: 1px; }
.isel-button .patch-when{ display: none; }
.patch-choose .isel-button{ min-width: 150px; }
.bracket-choose{ gap: 6px; }
.bracket-choose .isel-button{ min-width: 132px; }
.leagues .info, .ladders .info, .bracket-choose .info, .tl-tier-choose .info{
  width: 14px; height: 14px; min-height: 0; padding: 0;
  border: 1px solid var(--rule); border-radius: 50%;
  background: transparent; font: italic var(--fs-1)/1 var(--mono);
  letter-spacing: 0; text-transform: none; color: var(--dim);
}
.leagues .info:hover, .ladders .info:hover,
.bracket-choose .info:hover, .tl-tier-choose .info:hover,
.leagues .info:focus-visible, .ladders .info:focus-visible,
.bracket-choose .info:focus-visible, .tl-tier-choose .info:focus-visible{
  color: var(--gold); border-color: var(--gold); background: transparent;
}
.rar-pip{
  width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0;
  background: var(--rar); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 28%, transparent) inset;
}
.rar-pip.is-common{ --rar: #7C8798; }
.rar-pip.is-uncommon{ --rar: #4E9E6A; }
.rar-pip.is-rare{ --rar: #3E7FD0; }
.rar-pip.is-epic{ --rar: #9B5FD0; }
.rar-pip.is-legendary{ --rar: #D9A23B; }
.rar-pip.is-mythical{ --rar: #D4585E; }
.rar-pip.is-all{ background: transparent; box-shadow: 0 0 0 1px var(--dim) inset; }
.rar-cell{ display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.rar-cell span:last-child{ font: 600 var(--fs-1) var(--cond); letter-spacing: .08em;
  text-transform: uppercase; color: var(--mute); }
.mm-none, .mm-foot{ padding: 10px var(--gutter); color: var(--dim); font: var(--fs-1)/1.6 var(--body); }
.not-in-duels a{ color: var(--gold); }
.not-in-duels a:hover{ text-decoration: underline; }
.ss-not-in-duels{ margin: 0 0 12px; padding: 0 var(--gutter); color: var(--dim); font: var(--fs-1)/1.6 var(--body); }
.reach{
  display: grid; gap: 1px; background: var(--rule);
  border-block: 1px solid var(--rule); margin-bottom: 16px;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}
.typing-chart-h{
  font: 700 var(--fs-1) var(--cond); letter-spacing: .1em; text-transform: uppercase;
  color: var(--ink); padding: 12px var(--gutter) 8px;
}
.typing-chart-h + .reach{ margin-bottom: 8px; }
.bp-items{ display: grid; gap: 2px; align-content: start; min-width: 0; }
@media (max-width: 760px){
.bp-items{ gap: 6px; }
}
.pair-balls{ display: flex; flex-wrap: wrap; gap: 5px; }
.duel-balls{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ladder-chip{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 2px 9px; border: 1px solid var(--rule); border-radius: 999px;
  font: 600 var(--fs-1) var(--cond); letter-spacing: .07em; text-transform: uppercase;
  color: var(--mute); white-space: nowrap;
}
.ladder-chip.is-open{ color: var(--gold); border-color: color-mix(in srgb, var(--gold) 40%, var(--rule)); }
.ladder-chip.is-common,   .ladder-chip.is-uncommon,
.ladder-chip.is-rare,     .ladder-chip.is-epic,
.ladder-chip.is-rarity{ color: var(--ink); }
#view > :not(.note, .section-title, .empty, .group-title) + .section-title,
#view > :not(.note, .empty) + .first-owners{
  margin-top: 20px;
  padding-top: 26px;
  border-top: 1px solid var(--rule);
}
.first-owners > .section-title{ padding-top: 0; border-top: 0; margin-top: 0; }
#view > :not(.note, .empty) + .group-title{ padding-top: 26px; }
#view > .wrap + .note{ padding-top: 10px; }
.div-crest.is-merged{
  display: flex; width: 46px; height: 38px; overflow: hidden; padding: 0;
}
.crest-slice{
  position: relative; flex: 1 1 0; min-width: 0; height: 100%; overflow: hidden;
}
.crest-slice + .crest-slice{ border-left: 1px solid color-mix(in srgb, var(--bg) 70%, transparent); }
.crest-slice img{
  position: absolute; top: 0; height: 100%; max-width: none;
  object-fit: contain; display: block;
}
.crest-none{ display: block; width: 46px; height: 38px; flex-shrink: 0; }
.fx-grid[hidden], .fx[hidden]{ display: none; }
.themer{
  display: grid; place-items: center; width: 34px; height: 34px; flex: none;
  margin-right: 4px; padding: 0; background: transparent; color: var(--mute);
  border: 1px solid var(--rule); border-radius: 50%; cursor: pointer;
  transition: color .14s var(--ease), border-color .14s var(--ease), transform .18s var(--ease);
}
.themer:hover, .themer:focus-visible{ color: var(--gold); border-color: var(--gold); }
.themer:hover{ transform: rotate(-18deg); }
.themer svg{ display: block; }
@media (max-width: 640px){
.themer{ width: 30px; height: 30px; margin-right: 2px; }
}
.dv-curve-row{
  display: grid; grid-template-columns: minmax(120px, 160px) minmax(0, 1fr) 68px 52px;
  gap: 12px; align-items: center; padding: 7px var(--gutter); background: var(--bg);
}
.dv-curve-row:hover{ background: var(--row); }
.dv-bar{ display: block; height: 9px; background: var(--row); border-radius: 999px; overflow: hidden; }
.dv-bar > span{
  display: block; height: 100%; border-radius: 999px;
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--gold) 60%, transparent), var(--gold));
}
.dv-curve-n{ font: 600 var(--fs-2) var(--mono); text-align: right; }
.dv-curve-share{ font: normal var(--fs-1) var(--mono); color: var(--dim); text-align: right; }
.dv-label{
  font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase;
  color: var(--mute); padding-top: 5px;
}
.dv-gear-wrap{ display: flex; flex-direction: column; gap: 4px; padding-top: 3px; }
@media (max-width: 640px){
.dv-curve-row{ grid-template-columns: minmax(90px, 1fr) minmax(0, 1.4fr) 56px; padding: 7px 14px; }
.dv-curve-share{ display: none; }
.dv-label{ padding-top: 0; }
}
.chg-col-title{ font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--mute); margin: 0 0 6px; }
.war-room{ display: grid; gap: 16px; padding: 18px 0 30px; }
.rh-pop-items{ margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--hairline); display: grid; gap: 5px; }
.rh-more{ margin-top: 14px; }
.rowlink{ color: inherit; text-decoration: none; }
tr.clickable:hover .rowlink{ color: var(--gold); }
.rowlink:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; border-radius: var(--r-sm); }
.spread{ display: flex; flex-wrap: wrap; gap: 26px; padding: 4px var(--gutter) 14px; }
@media (max-width: 560px){
.spread{ gap: 18px; }
}
.matchup{ display: grid; gap: 12px; padding: 12px var(--gutter) 20px; }
.mu-pick-h{ font: 700 var(--fs-2) var(--cond); text-transform: uppercase; letter-spacing: 0.06em;
             color: var(--mute); margin-bottom: 6px; }
.mu-pick-row{ display: flex; gap: 8px; flex-wrap: wrap; }
.mu-attack{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 7px; }
.mu-radio{ display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-2); color: var(--mute); }
.mu-vs{ font: 700 var(--fs-2) var(--cond); text-transform: uppercase; color: var(--dim); }
.mu-dir-h{ font: 700 var(--fs-2) var(--cond); text-transform: uppercase; letter-spacing: 0.05em;
            color: var(--mute); margin-bottom: 6px; }
.mu-parts-h{ font: 700 var(--fs-1) var(--cond); text-transform: uppercase; letter-spacing: 0.06em;
              color: var(--dim); margin-top: 8px; }
.ty-h{ font: 700 var(--fs-4) var(--cond); text-transform: uppercase; letter-spacing: 0.04em;
        display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.ty-card-h{ font: 700 var(--fs-2) var(--cond); text-transform: uppercase; letter-spacing: 0.06em; color: var(--mute); margin: 0; }
.ty-empty{ color: var(--dim); font-size: var(--fs-2); margin: 0; }
.ty-preset-type{ display: inline-grid; place-items: center; width: 22px; height: 22px; padding: 0; border-radius: 999px; }
.ty-preset-type img{ width: 14px; height: 14px; }
.ty-table-wrap{ overflow: auto; max-height: min(72vh, 640px); border: 1px solid var(--rule);
                 border-radius: var(--r); overscroll-behavior: contain; }
.ty-items{ display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.ty-num-vs, .ty-num-vs2, .ty-num-at, .ty-num-dt{ min-width: 0; }
.btn-tiny{ padding: 2px 7px; font-size: var(--fs-1); }
.roll{ display: inline-flex; align-items: center; gap: 3px; }
.mu-item-label{ font: 700 var(--fs-1) var(--cond); text-transform: uppercase;
                 letter-spacing: 0.06em; color: var(--dim); }
.mu-item-type{ flex: 0 1 120px; }
.mu-item-pick{ flex: 1 1 180px; }
.chrome-fresh{ margin-left: auto; display: inline-flex; align-items: baseline; gap: 5px;
                font: var(--fs-1) var(--mono); color: var(--dim); white-space: nowrap; }
.chrome-fresh-label{ font-family: var(--body); text-transform: none; letter-spacing: 0; }
.chrome-fresh-next{ color: var(--dim); }
.chrome-fresh b{ color: var(--mute); font-weight: 600; }
@media (max-width: 640px){
.chrome-fresh{ margin-left: 0; width: 100%; padding: 2px; }
}
.ux-tools-row{
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px;
  min-width: 0; max-width: 100%;
}
.ux-tools-row > .subnav{ flex: 1 1 auto; min-width: 0; }
.ux-tools-row .info{ margin-left: 0; }
.ux-tools-row > .info{ flex: none; margin-right: 13px; }
.ux-scope-summary, .ux-fresh-short{ display: none; }
.ux-scope:not(.tl-scope){ display: contents; }
@media (max-width: 640px){
.ux-tools-row{ flex-wrap: nowrap; }
.chrome{ padding: 6px 10px; }
.chrome, .chrome.is-tierlist{ display: flex; flex-wrap: wrap; align-items: center; }
.chrome > *{ flex: 1 1 100%; }
.chrome > .ux-scope-summary{
    display: inline-flex; align-items: center; gap: 6px; order: 10;
    flex: 0 1 auto; min-width: 0; max-width: 100%; min-height: 34px;
    padding: 6px 12px; border: 0; border-radius: 999px; cursor: pointer;
    background: var(--panel); color: var(--ink); box-shadow: var(--shadow-card);
    font: 600 var(--fs-2) var(--body);
  }
.ux-scope-text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.ux-scope-caret{ color: var(--dim); flex: none; transition: transform 180ms ease; }
.chrome.is-scope-open .ux-scope-caret{ transform: rotate(180deg); color: var(--gold); }
.ux-scope-summary:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.chrome > .chrome-fresh{
    order: 11; flex: 1 1 0; width: auto; min-width: max-content;
    margin-left: 0; padding: 0 2px; justify-content: flex-end; font-size: var(--fs-1);
  }
.chrome-fresh:not(.chrome-fresh-stale) .chrome-fresh-label,
  .chrome-fresh .chrome-fresh-next,
  .chrome-fresh > b:not(.ux-fresh-short){ display: none; }
.chrome-fresh > b.ux-fresh-short{ display: inline; }
.chrome-fresh:not(.chrome-fresh-stale) > b.ux-fresh-short::before{
    content: "Updated "; font-weight: 400; color: var(--dim);
  }
.chrome > .ux-scope, .chrome > .ux-scope.tl-scope{ order: 12; display: none; }
.chrome.is-scope-open > .ux-scope{
    display: flex; flex-direction: column; align-items: stretch; gap: 8px;
    padding: 6px 0 4px; position: relative; z-index: 20;
  }
.chrome.is-scope-open > .ux-scope > *{ max-width: 100%; min-width: 0; }
}
@media (max-width: 640px) and (pointer: coarse){
.chrome > .ux-scope-summary{ min-height: 40px; }
}
@media (max-width: 640px) and (prefers-reduced-motion: no-preference){
.chrome.is-scope-open > .ux-scope{ animation: ux-rise 200ms ease both; }
}
@keyframes ux-rise{
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}
.ux-nav-new{
  display: inline-block; margin-left: 5px; padding: 1px 6px 2px;
  border-radius: 999px; vertical-align: 1px;
  font: 700 var(--fs-1) var(--body); line-height: 1.3; letter-spacing: 0;
  color: var(--bg); background: var(--gold);
}
@media (prefers-reduced-motion: no-preference){
.ux-nav-new{ animation: ux-nav-new-pulse 2.4s ease-in-out infinite; }
}
@keyframes ux-nav-new-pulse{
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--gold) 55%, transparent); }
  50%      { box-shadow: 0 0 0 5px color-mix(in srgb, var(--gold) 0%, transparent); }
}
:root{
  --prem-a: #6FB2FF; --prem-b: #D2EAFF; --prem-c: #3F86FF;
}
:root[data-theme="light"]{ --prem-a: #1450C8; --prem-b: #2C6EEA; --prem-c: #0B3A94; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){ --prem-a: #1450C8; --prem-b: #2C6EEA; --prem-c: #0B3A94; }
}
.ux-premium-text{
  background-image: linear-gradient(100deg, var(--prem-a) 0%, var(--prem-c) 30%,
    var(--prem-b) 50%, var(--prem-c) 70%, var(--prem-a) 100%);
  background-size: 250% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
@media (prefers-reduced-motion: no-preference){
.ux-premium-text{ animation: ux-premium-sweep 3.2s linear infinite; }
}
@keyframes ux-premium-sweep{
  from { background-position: 100% 50%; }
  to   { background-position: -150% 50%; }
}
@media (forced-colors: active){
.ux-premium-text{ -webkit-text-fill-color: currentColor; color: inherit; background: none; }
}
.flip{ display: inline-flex; gap: 1px; }
@keyframes flip-card{
  from { transform: rotateX(0deg); }
  to   { transform: rotateX(180deg); }
}
@keyframes flip-glow{ from { opacity: 1; } to { opacity: 0; } }
.mt-double{
  margin-left: 5px;
  padding: 0 5px;
  border-radius: var(--r-sm);
  font-size: 0.72em;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--gold);
  border: 1px solid color-mix(in srgb, var(--gold) 40%, transparent);
}
.ally-sort{ display: flex; gap: 6px; margin: 0 0 10px; }
.ally-sort-btn{
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--mute);
  font: inherit;
  font-size: 0.86em;
  cursor: pointer;
}
.ally-sort-btn:hover{ color: var(--fg); border-color: var(--mute); }
.ally-sort-btn.is-on{
  color: var(--fg);
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}
@media (max-width: 560px){
.drop-league{ display: none; }
table.fits-narrow{ min-width: 0; }
}
@media (max-width: 430px){
.drop-div{ display: none; }
}
@media (max-width: 560px){
.drop-sm{ display: none; }
}
@media (max-width: 430px){
.drop-xs{ display: none; }
}
@media (min-width: 561px){
.narrow-only{ display: none; }
}
@media (min-width: 431px){
.xs-only{ display: none; }
}
@media (max-width: 560px){
table.fits-narrow thead th{ white-space: normal; }
.flow-sm{ white-space: normal; }
.flow-sm .chips, .flow-sm .cellflex{ flex-wrap: wrap; }
}
@media (max-width: 430px){
.wrap > table.fits-narrow:not(.grid) th.rank + th,
  .wrap > table.fits-narrow:not(.grid) td.rank + td,
  .wrap > table.fits-narrow:not(.grid) thead th:first-child:not(.rank),
  .wrap > table.fits-narrow:not(.grid) tbody td:first-child:not(.rank){ max-width: 42vw; }
}
.div-cell .cellflex{ gap: 6px; align-items: center; }
.div-cell .div-crest{ width: 26px; height: 18px; flex: none; }
.div-cell-name{ white-space: nowrap; }
.div-cell-sub{ font: 600 var(--fs-1) var(--mono); color: var(--dim); }
@media (max-width: 560px){
.div-cell-name{ display: none; }
}
@media (min-width: 641px) and (max-width: 1200px){
.omni input{ width: 170px; }
}
@media (min-width: 641px) and (max-width: 1040px){
.omni input{ width: 120px; }
}
.war-hub-board-title{
  margin: 0 0 6px; font: 700 var(--fs-1) var(--cond); letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--mute);
}
:root{
  --wf-a: #3FA7D6;
  --wf-b: #D2644F;
  --wf-fog: rgba(170, 182, 200, 0.16);
}
:root[data-theme="light"]{ --wf-a: #1F6F99; --wf-b: #A8432F; --wf-fog: rgba(80, 96, 120, 0.14); }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){ --wf-a: #1F6F99; --wf-b: #A8432F; --wf-fog: rgba(80, 96, 120, 0.14); }
}
.war-field-wrap, .war-cmp-wrap{ display: block; }
.war-cmp-items, .war-cmp-plans{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 10px var(--gutter) 0; }
.war-cmp-type{ display: inline-flex; align-items: center; gap: 4px; }
.war-cmp-type b{ font: 600 var(--fs-1) var(--mono); }
@media (min-width: 900px){
.war-field-stage, .war-cmp, .war-cmp-items, .war-cmp-plans, .war-field-feet, .war-field-legend{
    max-width: 820px; margin-left: auto; margin-right: auto;
  }
}
@media (max-width: 640px){
.war-field-stage, .war-cmp, .war-cmp-items, .war-cmp-plans{ margin-left: 12px; margin-right: 12px; }
.war-cmp-items, .war-cmp-plans{ grid-template-columns: 1fr; }
}
@keyframes war-field-in-up{ from { opacity: 0; transform: translateY(8px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes war-field-pop{ from { opacity: 0; transform: translateY(4px) scale(.985); } to { opacity: 1; transform: none; } }
:root{ --podium-mix: 16%; --podium-mix-hover: 23%; }
:root[data-theme="light"]{ --podium-mix: 15%; --podium-mix-hover: 22%; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){ --podium-mix: 15%; --podium-mix-hover: 22%; }
}
tbody tr.rank-1{ --podium: var(--medal-gold); }
tbody tr.rank-2{ --podium: var(--medal-silver); }
tbody tr.rank-3{ --podium: var(--medal-bronze); }
tbody tr.rank-1 td, tbody tr.rank-2 td, tbody tr.rank-3 td,
.wrap > table:not(.grid) tbody tr.rank-1 td,
.wrap > table:not(.grid) tbody tr.rank-2 td,
.wrap > table:not(.grid) tbody tr.rank-3 td{
  background: color-mix(in srgb, var(--podium) var(--podium-mix), var(--bg));
}
tbody tr.rank-1:hover td, tbody tr.rank-2:hover td, tbody tr.rank-3:hover td,
.wrap > table:not(.grid) tbody tr.rank-1:hover td,
.wrap > table:not(.grid) tbody tr.rank-2:hover td,
.wrap > table:not(.grid) tbody tr.rank-3:hover td{
  background: color-mix(in srgb, var(--podium) var(--podium-mix-hover), var(--panel));
}
tbody tr.rank-1 td.rank, tbody tr.rank-2 td.rank, tbody tr.rank-3 td.rank{
  color: var(--podium); font-weight: 700;
}
.ssr{ padding: 10px var(--gutter) 0; max-width: 70ch; }
.ssr-lead{ color: var(--mute); font-size: var(--fs-3); line-height: 1.6; margin: 0 0 8px; }
.ssr-table{ border-collapse: collapse; width: 100%; font-size: var(--fs-2); }
.ssr-table caption{ text-align: left; font: 700 var(--fs-2) var(--cond); text-transform: uppercase;
                     letter-spacing: 0.04em; padding: 0 0 6px; }
.ssr-table th, .ssr-table td{ text-align: left; padding: 4px 8px 4px 0; border-bottom: 1px solid var(--rule);
                               overflow-wrap: anywhere; }
.ssr-table th{ color: var(--mute); font-weight: 600; }
.ssr .ssr{ padding: 0; }
.ssr-h{ font: 700 var(--fs-3) var(--cond); text-transform: uppercase; letter-spacing: 0.04em; margin: 8px 0 6px; }
.ssr-list{ color: var(--mute); font-size: var(--fs-2); line-height: 1.6; margin: 0 0 8px; padding-left: 20px; }
.ssr-dl{ display: grid; grid-template-columns: max-content 1fr; gap: 2px 12px; font-size: var(--fs-2); margin: 0 0 8px; }
.ssr-dl dt{ color: var(--mute); }
.ssr-dl dd{ margin: 0; }
.account-card-title{ font: 700 var(--fs-3) var(--body); margin: 0; }
.account-verify{ border-color: var(--gold); }
.nudge{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 10px var(--gutter) 0;
  padding: 10px 14px; border: 1px solid var(--rule); border-radius: var(--r);
  background: var(--panel); }
.link-prompt-title{ margin: 0; font: 700 var(--fs-4)/1.1 var(--cond); letter-spacing: .03em; text-transform: uppercase; color: var(--ink); }
.account #game-account{ scroll-margin-top: calc(var(--sticky-top, 49px) + 12px); }
.wrs-wrap{ margin-top: 22px; }
.wrs-card-title{ margin: 0; font: 600 var(--fs-4)/1.2 var(--body); color: var(--ink); }
.wrs-card-sub{ color: var(--dim); font-size: var(--fs-2); }
.wrs-balls{ display: flex; gap: 8px; flex-wrap: wrap; min-width: 0; }
.wrs-bench-title{
  margin: 14px 0 6px; font: 600 var(--fs-2)/1.2 var(--body); color: var(--mute);
}
.wrs-model-tag{
  font: 700 var(--fs-1) var(--mono); letter-spacing: .08em; text-transform: uppercase;
  color: var(--mute); padding: 2px 7px; border-radius: 999px; box-shadow: 0 0 0 1px var(--rule);
}
.wrs-model-title{ color: var(--mute); font-size: var(--fs-2); }
.war-hub-live-vs{ grid-area: vs; font: 700 var(--fs-4)/1.2 var(--body); }
.upd-notice{ display: flex; flex-direction: column; align-items: center; gap: .5rem; text-align: center; }
.upd-notice p{ margin: 0; }
.upd-title{ font-weight: 600; color: var(--ink); }
.upd-notice .btn{ margin-top: .5rem; }
@keyframes wstrike-ring{
  0%   { opacity: .9; transform: translate(-50%, -50%) scale(.25); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(2.2); }
}
@keyframes wstrike-bit{
  0%   { opacity: 1; transform: translate(-50%, -50%) rotate(var(--a)) translateY(0) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -50%) rotate(var(--a)) translateY(-30px) scale(.3); }
}
@keyframes wstrike-row{
  0%   { opacity: 0; transform: translateX(-22px); background: color-mix(in srgb, var(--bad) 22%, transparent); }
  45%  { opacity: 1; transform: none; background: color-mix(in srgb, var(--bad) 16%, transparent); }
  100% { background: transparent; }
}
@keyframes wlive-glow{
  0% { box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent); }
  100% { box-shadow: 0 0 0 1px transparent; }
}
.war-hub-live-vs{ min-width: 0; overflow-wrap: anywhere; }
.war-phase-title{ font-size: var(--fs-3); }
@keyframes war-phase-pulse{ 50% { opacity: .35; } }
.wr-pop-title{ font: 700 var(--fs-4)/1.2 var(--cond); text-transform: uppercase; letter-spacing: .05em; }
.wr-pop-title{ overflow-wrap: anywhere; min-width: 0; }
.wsd-h{ margin: 0; font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--mute); }
section.wr-side{ padding: 12px 0; border-top: 1px solid var(--rule); }
section.wr-side:first-child{ border-top: 0; padding-top: 0; }
.tc-grid{ display: grid; gap: 14px; }
.tc-side td.up{ color: var(--good); }
.tc-side td.down{ color: var(--bad); }
.tc-latest{ margin-top: 8px; }
.tc-recent{ list-style: none; margin: 0; padding: 0 var(--gutter) 12px; display: grid; gap: 2px; }
.tc-cap{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 12px;
  padding: 6px 0; border-bottom: 1px solid var(--hairline-2); font: var(--fs-2) var(--body); color: var(--mute); }
.tc-cap a{ color: var(--ink); }
.tc-when{ font: var(--fs-1) var(--mono); color: var(--dim); }
.tc-land{ margin-top: 8px; }
.tw-fronts{ display: grid; gap: 10px; padding: 0 var(--gutter) 14px;
  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); }
.tw-front{ display: grid; gap: 1px; background: var(--rule); border-radius: var(--r-lg);
  overflow: hidden; box-shadow: var(--shadow-card); }
.tw-side{ display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 9px 13px; background: var(--panel); min-width: 0; }
.tw-who{ display: flex; align-items: center; gap: 8px; min-width: 0;
  font: var(--fs-2) var(--body); color: var(--mute); }
.tw-who a{ color: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tw-side.is-ahead .tw-who{ color: var(--ink); font-weight: 600; }
.tw-fig{ display: grid; justify-items: end; flex: none; line-height: 1.15; }
.tw-fig b{ font: 600 var(--fs-3) var(--mono); font-variant-numeric: tabular-nums; color: var(--mute); }
.tw-side.is-ahead .tw-fig b{ color: var(--ink); }
.tw-fig span{ font: 700 var(--fs-1) var(--cond); letter-spacing: 0.12em; text-transform: uppercase; color: var(--dim); }
.ws-beta{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 10px; padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--gold) 60%, var(--rule)); border-radius: var(--r-lg);
  background: color-mix(in srgb, var(--gold) 12%, var(--panel)); }
.ws-duel-note{ margin: 0 0 10px; color: var(--mute); font: var(--fs-2)/1.5 var(--body); }
.ws-title{ font: 700 var(--fs-5) var(--cond); letter-spacing: .03em; text-transform: uppercase; margin: 0; }
.ws-card-title{ margin: 0; font: 700 var(--fs-2) var(--cond); letter-spacing: .12em; text-transform: uppercase; }
.ws-link{ justify-self: start; min-height: 32px; padding: 6px 0; background: none; border: 0; color: var(--gold);
  font: 600 var(--fs-2) var(--body); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.ws-warn{ color: var(--acc-amber); }
.ws-score-vs{ color: var(--dim); font: var(--fs-1) var(--body); padding-bottom: 8px; }
.ws-slot-n{ width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%;
  border: 1px solid var(--rule); color: var(--mute); font: 700 var(--fs-1) var(--mono); }
.ws-slot-vs{ color: var(--dim); font: var(--fs-1) var(--body); }
.ws-foe.is-hidden{ color: var(--mute); }
.ws-plan-balls{ display: flex; flex-wrap: wrap; gap: 5px; }
.ws-def-balls{ display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px; }
.ws-dp-title{ margin: 0; color: var(--mute); font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; }
.ws-ap-title{ margin: 0; color: var(--ink); font: 700 var(--fs-2)/1.3 var(--body); }
.ws-sim-h{ margin: 0; color: var(--dim); font: 600 var(--fs-1)/1.3 var(--body); text-transform: uppercase; letter-spacing: .04em; }
.ws-sim-balls{ display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.ws-worth-h{ margin: 0; color: var(--dim); font: 600 var(--fs-1)/1.3 var(--body); text-transform: uppercase; letter-spacing: .04em; }
.ws-worth-balls, .ws-worth-plans{ display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.wsl-unused-h{ margin: 0; font: 700 var(--fs-4)/1.2 var(--cond); letter-spacing: .02em; color: var(--ink); }
.wsl-balls{ list-style: none; margin: 0; padding: 0; display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(132px, calc((100% - 32px) / 5)), 1fr)); gap: 8px; }
.pv2-ball.wsl-ball{ cursor: default; }
.pv2-ball.wsl-ball:hover{ border-color: var(--rule); transform: none; }
.wsl-ball > .thumb.is-blank{ display: block; border-radius: var(--r-sm); }
.wsl-ball .pv2-ball-types{ zoom: 1; max-width: 100%; flex-wrap: wrap; }
.wsl-ball .pv2-item-pic .thumb.is-blank{ width: 24px; height: 24px; }
.wsl-item-text{ display: grid; justify-items: start; gap: 2px; min-width: 0; flex: 1; }
.wsl-item-name{ max-width: 100%; font: 600 var(--fs-1)/1.25 var(--body); color: var(--ink);
  overflow-wrap: break-word; hyphens: auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.wsl-tier{ padding: 0 7px; border-radius: 999px; font: 600 var(--fs-1)/1.4 var(--mono);
  color: var(--mute); background: color-mix(in srgb, var(--ink) 7%, transparent); }
.wsl-item.is-none{ justify-content: center; min-height: 38px; font: var(--fs-1) var(--body); color: var(--dim); }
.wsl-ball .war-hp{ justify-content: center; width: 100%; text-align: center; }
@media (max-width: 560px){
.wsl-balls{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.wsl-item:not(.is-none){ flex-direction: column; padding: 6px 4px; text-align: center; }
.wsl-item-text{ justify-items: center; }
}
.wsl-balls.is-compact{ grid-template-columns: repeat(auto-fill, minmax(max(116px, calc((100% - 42px) / 8)), 1fr)); gap: 6px; }
.wsl-balls.is-compact > .wsl-ball{ grid-template-columns: minmax(0, 1fr); gap: 3px; padding: 6px 4px; }
.wsl-balls.is-compact > .wsl-ball > .thumb{ width: 44px; height: 44px; }
.wsl-balls.is-compact .wsl-ball-name{ font-size: var(--fs-1); line-height: 1.2; text-align: center;
  white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; -webkit-hyphens: auto; hyphens: auto; }
.wsl-balls.is-compact .wsl-cp{ flex-wrap: wrap; justify-content: center; column-gap: 3px; }
.wsl-balls.is-compact .wsl-cp b{ font-size: var(--fs-3); }
.wsl-balls.is-compact .pv2-ball-types{ gap: 3px; justify-content: center; }
.wsl-balls.is-compact .chip{ gap: 3px; padding: 1px 4px 1px 2px; letter-spacing: 0; }
.wsl-balls.is-compact .chip img{ width: 12px; height: 12px; }
.wsl-balls.is-compact .wbt-tile-tag{ letter-spacing: .04em; line-height: 1.2; text-align: center; }
.wsl-balls.is-compact .wsl-item{ justify-content: center; gap: 4px; margin-top: 2px; padding: 3px; }
.wsl-balls.is-compact .wsl-item-text{ display: flex; flex: none; }
.wsl-balls.is-compact .wsl-item-name{ position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.wsl-balls.is-compact .wsl-item.is-none{ min-height: 36px; }
@media (max-width: 560px){
.wsl-balls.is-compact{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.wsl-balls.is-compact > .wsl-ball{ padding: 5px 3px; }
.wsl-balls.is-compact > .wsl-ball > .thumb{ width: 36px; height: 36px; }
.wsl-balls.is-compact .wsl-item:not(.is-none){ flex-direction: row; padding: 3px; }
}
.ws-mini-slots{ list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.ws-mini-slot{ display: grid; grid-template-columns: 24px minmax(0, 1fr) auto minmax(0, 1fr) auto; gap: 8px;
  align-items: center; }
.ws-mini-ball{ display: flex; gap: 5px; align-items: center; min-width: 0; font: var(--fs-2) var(--body); }
.ws-mini-ball span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-mini-ball .thumb{ width: 22px; height: 22px; flex: none; }
.ws-mini-ball{ color: var(--mute); }
.ws-mini-ball.is-hidden{ color: var(--dim); }
.ws-mini-ball.is-mine{ color: var(--ink); font-weight: 600; }
.ws-strip{ gap: 8px; }
.ws-strip-meta{ display: flex; flex-wrap: wrap; gap: 4px 14px; color: var(--mute); font: var(--fs-2) var(--body); }
.ws-strip-ready{ color: var(--ink); font-weight: 600; }
.ws-switch{ justify-self: start; }
.ws-row{ display: grid; gap: 8px; }
.ws-row + .ws-row{ padding-top: 6px; border-top: 1px solid var(--rule); }
.ws-row-title{ margin: 0; color: var(--dim); font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; }
.ws-zones{ display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 8px; }
.ws-zone{ display: grid; gap: 6px; align-content: start; min-width: 0; padding: 10px; background: var(--bg);
  border: 1px solid var(--rule); border-radius: var(--r); }
.ws-zone.is-locked{ border-style: dashed; background: transparent; }
.ws-zone.is-cleared{ opacity: .6; }
.ws-zone-head{ display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ws-zone-head b{ font: 700 var(--fs-3) var(--body); }
.ws-zone-tag{ padding: 1px 8px; border-radius: 999px; border: 1px solid var(--rule); color: var(--mute);
  font: 600 var(--fs-1) var(--body); }
.ws-zone.is-open .ws-zone-tag{ color: var(--gold); border-color: color-mix(in srgb, var(--gold) 55%, var(--rule)); }
.ws-ladder-title{ margin: 0; font: 700 var(--fs-2) var(--body); color: var(--ink); }
.ws-pick-h{ color: var(--mute); font: 600 var(--fs-1) var(--body); }
.ws-pick-items{ list-style: none; margin: 0; padding: 0; display: grid; gap: 4px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.ws-mu-h{ margin: 0; font: 700 var(--fs-2) var(--body); color: var(--ink); }
.ws-sub-h{ font: 600 var(--fs-1) var(--body); color: var(--dim); }
.ws-squad-best{ font: 700 var(--fs-2) var(--body); }
.ws-squad-best.is-good{ color: var(--good); }
.ws-squad-best.is-bad{ color: var(--bad); }
.ws-left-picks-h{ color: var(--dim); font: 600 var(--fs-1) var(--body); line-height: 26px; white-space: nowrap; }
.ws-bring-pill{ justify-self: start; margin-top: 4px; padding: 2px 10px; border-radius: 999px; border: 1px solid var(--rule);
  background: var(--bg); color: var(--mute); font: 600 var(--fs-1) var(--body); white-space: nowrap; }
.ws-bring-pill.is-open{ color: var(--ink); border-color: var(--gold); }
.wsl-balls.is-compact.ws-bring-balls{ grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); }
.ws-mem{ display: grid; gap: 6px; min-width: 0; }
.ws-mem-call{ flex: none; color: var(--mute); font: 600 var(--fs-1) var(--body); white-space: nowrap; }
.ws-mem > .ws-bring-balls, .ws-mem > .ws-left-chips{ padding: 0 4px 4px; }
.ws-seats, .ws-att-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; }
.ws-foe{ display: flex; gap: 7px; align-items: center; min-width: 0; }
.ws-foe .thumb{ width: 28px; height: 28px; flex: none; }
.ws-planned{ color: var(--mute); font-size: var(--fs-2); }
@media (max-width: 560px){
.ws-zones{ grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px){
.ws-mini-slot{ grid-template-columns: 24px minmax(0, 1fr) auto; gap: 2px 8px; }
.ws-mini-slot > .ws-mini-ball{ grid-column: 2; }
.ws-mini-slot > .ws-mini-ball + .ws-slot-vs{ display: none; }
.ws-slot-vs{ display: none; }
}
body:has(.pvp-outlook.is-pinned) .to-top{ bottom: 128px; }
@media (pointer: coarse){
.info{ position: relative; }
.info::after{ content: ""; position: absolute; inset: -10px; }
}
.row-details{ display: none; }
thead th.row-details{ cursor: default; }
td.row-details{ width: 1%; padding-left: 2px; padding-right: 6px; text-align: right; }
.row-details-open{
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border: 0; border-radius: 999px; padding: 0;
  background: var(--lift); color: var(--ink); font: 600 var(--fs-4)/1 var(--body); cursor: pointer;
}
.row-details-open:hover, .row-details-open[aria-expanded="true"]{ background: var(--gold); color: var(--bg); }
.row-details-open:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
table.compact-table, table.detail-list{ border-collapse: separate; border-spacing: 0 2px; }
.compact-table thead th, .detail-list thead th,
.compact-table thead tr.group-row th, .detail-list thead tr.group-row th{
  background: transparent; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0;
}
.compact-table thead tr:last-child th, .detail-list thead tr:last-child th{ padding-bottom: 8px; color: var(--dim); }
.compact-table thead th.primary, .compact-table thead th:hover, .compact-table thead th[data-dir],
.detail-list thead th:hover, .detail-list thead th[data-dir]{ color: var(--ink); }
.compact-table tbody td, .detail-list tbody td{
  border-bottom: 0; padding-top: 7px; padding-bottom: 7px;
  transition: background-color 150ms ease;
}
.compact-table tbody td, .detail-list tbody td, .compact-table thead th, .detail-list thead th{
  padding-left: 10px; padding-right: 10px;
}
.compact-table .row-details, .detail-list .row-details{ position: relative; padding-left: 2px; padding-right: 6px; }
@media (max-width: 560px){
.compact-table .row-details, .detail-list .row-details{ padding-left: 0; padding-right: 2px; }
}
.compact-table tbody td:first-child, .detail-list tbody td:first-child{ border-radius: var(--r) 0 0 var(--r); }
.compact-table tbody td:last-child, .detail-list tbody td:last-child,
.compact-table.has-row-details tbody td:nth-last-child(2){ border-radius: 0 var(--r) var(--r) 0; }
.compact-table.has-row-details tbody td:last-child{ border-radius: 0; }
.compact-table tbody tr.is-open td, .detail-list tbody tr.is-open td{ background: var(--panel); }
.compact-table .wr-pill, .detail-list .wr-pill{
  display: inline-flex; align-items: baseline; gap: 5px; padding: 2px 8px;
  border-radius: 999px; background: var(--hairline-2);
}
.compact-table .wr-pill b, .detail-list .wr-pill b{ display: inline; font-size: var(--fs-2); }
.compact-table .wr-pill .wr-bound, .detail-list .wr-pill .wr-bound{ display: inline; }
.compact-table .wr-pill.is-hi, .detail-list .wr-pill.is-hi{ background: color-mix(in srgb, var(--good) 18%, transparent); }
.compact-table .wr-pill.is-lo, .detail-list .wr-pill.is-lo{ background: color-mix(in srgb, var(--bad) 16%, transparent); }
.compact-table tr.thin .wr-pill, .detail-list tr.thin .wr-pill{ background: none; box-shadow: inset 0 0 0 1px var(--rule); }
.compact-table td.bar::before, .detail-list td.bar::before{ display: none; }
.compact-table td.bar > span, .detail-list td.bar > span{
  display: inline-grid; grid-template-columns: 40px auto; align-items: center; gap: 8px;
}
.compact-table td.bar > span::before, .detail-list td.bar > span::before{
  content: ""; height: 6px; border-radius: 999px;
  background: linear-gradient(to right, color-mix(in srgb, var(--gold) 55%, transparent) var(--w, 0%),
    var(--hairline-2) var(--w, 0%));
}
.compact-table .conf-box, .detail-list .conf-box{
  grid-template-columns: 40px minmax(7ch, auto); column-gap: 8px; align-items: center;
}
.compact-table .conf-box > b, .detail-list .conf-box > b{ grid-column: 2; grid-row: 1; }
.compact-table .conf-box > .conf-swap, .detail-list .conf-box > .conf-swap,
.compact-table .conf-box > .conf-pm, .detail-list .conf-box > .conf-pm{ grid-column: 2; grid-row: 2; justify-self: end; }
.compact-table .conf-track, .detail-list .conf-track{
  grid-column: 1; grid-row: 1 / span 2; margin: 0;
  height: 6px; width: 40px; border-radius: 999px;
  background: var(--hairline-2); overflow: hidden;
}
.compact-table .conf-fill, .detail-list .conf-fill{
  border-radius: 999px; background: color-mix(in srgb, var(--gold) 55%, transparent); opacity: 1;
}
@media (max-width: 560px){
.compact-table .row-details{ display: table-cell; }
.compact-table.has-row-details tbody td:nth-last-child(2){ border-radius: 0; }
.compact-table.has-row-details tbody td:last-child{ border-radius: 0 var(--r) var(--r) 0; }
.compact-table td.bar > span, .detail-list td.bar > span{ display: inline; }
.compact-table td.bar > span::before, .detail-list td.bar > span::before{ display: none; }
.compact-table .conf-box, .detail-list .conf-box{ grid-template-columns: auto; }
.compact-table .conf-box > *, .detail-list .conf-box > *{ grid-column: 1; }
.compact-table .conf-track, .detail-list .conf-track{ display: none; }
td.row-details{ padding-left: 0; padding-right: 4px; }
.row-details-open{ width: 24px; height: 24px; }
.compact-table .wr-pill, .detail-list .wr-pill{
    flex-direction: column; align-items: flex-end; gap: 0; border-radius: var(--r); padding: 3px 8px;
  }
}
.detail-list .detail-only{ display: none; }
table.detail-list{ min-width: 0; }
.detail-list .row-details{ display: table-cell; }
.detail-list tbody tr{ cursor: pointer; }
.detail-list-split{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
.row-drawer{ display: none; }
@media (min-width: 900px){
.detail-list-split{ grid-template-columns: minmax(0, 1fr) 300px; }
.row-drawer{
    display: block; position: sticky; top: calc(var(--sticky-top) + 10px);
    max-height: calc(100vh - var(--sticky-top) - 20px); overflow: auto;
    padding: 16px; border: 1px solid var(--rule); border-radius: var(--r-lg); background: var(--panel);
    box-shadow: var(--shadow-card);
  }
.row-drawer[data-empty]{ min-height: 240px; }
}
.row-drawer-head{ display: flex; align-items: flex-start; gap: 10px; }
.row-drawer-title{ flex: 1; min-width: 0; margin: 0; font: 600 var(--fs-3)/1.3 var(--body); color: var(--ink); }
.row-drawer-title .cellflex{ flex-wrap: wrap; }
.row-drawer-title:focus{ outline: none; }
.row-drawer-title:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.row-drawer-close{
  flex: none; width: 28px; height: 28px; border: 0; border-radius: 999px; padding: 0;
  background: var(--lift); color: var(--ink); font: 600 var(--fs-4)/1 var(--body); cursor: pointer;
}
.row-drawer-close:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.row-drawer-grab{ display: none; }
.row-drawer-note{ margin: 10px 0 0; color: var(--mute); font-size: var(--fs-2); }
.row-drawer-facts{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; }
.row-drawer-fact{ min-width: 0; padding: 8px 10px; border-radius: var(--r); background: var(--bg); }
.row-drawer-fact > dt{ font: 500 var(--fs-1) var(--body); color: var(--dim); }
.row-drawer-fact > dd{
  display: block; margin: 2px 0 0; padding: 0; text-align: left; white-space: normal; overflow-wrap: anywhere;
  font: 600 var(--fs-3) var(--mono); font-variant-numeric: tabular-nums; color: var(--ink);
}
.row-drawer-fact > dd.support{ color: var(--mute); }
.row-drawer-fact > dd.left{ font: 500 var(--fs-3) var(--body); }
.row-drawer-fact > dd.hi, .row-drawer-fact b.hi{ color: var(--good); }
.row-drawer-fact > dd.lo, .row-drawer-fact b.lo{ color: var(--bad); }
.row-drawer-fact .cell-detail, .row-drawer-fact .conf-pm{ opacity: 1; }
.row-drawer-fact .div-cell-name{ display: inline; }
.row-drawer-fact .conf-swap{ display: grid; gap: 1px; }
.row-drawer-fact .conf-swap > *{ grid-area: auto; }
.row-drawer-fact .conf-box{ justify-items: start; }
.row-drawer-fact .cellflex, .row-drawer-fact .chips, .row-drawer-fact .roll{ flex-wrap: wrap; }
.row-drawer-link{ display: inline-block; margin-top: 12px; color: var(--gold); font-weight: 600; }
dialog.bottom-sheet{
  position: fixed; inset: auto 0 0 0; margin: 0 auto; width: 100%; max-width: 560px;
  max-height: 85vh; overflow: auto; border: 0;
  padding: 18px 16px calc(16px + env(safe-area-inset-bottom));
  border-radius: var(--r-lg) var(--r-lg) 0 0;
  background: var(--panel); color: var(--ink); box-shadow: var(--shadow-3);
}
dialog.bottom-sheet::backdrop{ background: var(--scrim); }
.bottom-sheet .row-drawer-grab{
  display: block; position: absolute; left: 50%; top: 6px; transform: translateX(-50%);
  width: 36px; height: 4px; border-radius: 999px; background: var(--rule);
}
@media (min-width: 561px){
dialog.bottom-sheet{ inset: 0; margin: auto; max-width: 420px; height: fit-content; border-radius: var(--r-lg); }
}
@media (prefers-reduced-motion: no-preference){
dialog.bottom-sheet[open]{ animation: bottom-sheet-in 220ms var(--ease) both; }
}
@keyframes bottom-sheet-in{ from { transform: translateY(24px); opacity: 0; } }
.grouped-table{ display: grid; gap: 10px; margin: 0 0 16px; padding: 2px var(--gutter) 0; }
.table-group{ border-radius: var(--r-lg); background: var(--panel); box-shadow: var(--shadow-card);
  min-width: 0; }
.table-group-head{
  list-style: none; cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px;
  padding: 11px 16px; position: sticky; top: var(--sticky-top); z-index: 4;
  border-radius: var(--r-lg); background: var(--panel);
}
.table-group[open] > .table-group-head{ border-radius: var(--r-lg) var(--r-lg) 0 0; }
.table-group-head::-webkit-details-marker{ display: none; }
.table-group-head::before{
  content: "\203a"; width: 10px; font: 600 var(--fs-4)/1 var(--body); color: var(--dim);
  transition: transform 150ms ease;
}
.table-group[open] > .table-group-head::before{ transform: rotate(90deg); }
.table-group-head:focus-visible{ outline: 2px solid var(--gold); outline-offset: -2px; }
.table-group-dot{ flex: none; width: 8px; height: 8px; border-radius: 999px; background: var(--dim); }
.table-group.is-hi .table-group-dot{ background: var(--good); }
.table-group.is-lo .table-group-dot{ background: var(--bad); }
.table-group.is-s .table-group-dot{ background: var(--band-s); }
.table-group.is-a .table-group-dot{ background: var(--band-a); }
.table-group.is-b .table-group-dot{ background: var(--band-b); }
.table-group.is-c .table-group-dot{ background: var(--band-c); }
.table-group.is-d .table-group-dot{ background: var(--band-d); }
.table-group.is-f .table-group-dot{ background: var(--band-f); }
.table-group.is-s .table-group-title, .table-group.is-a .table-group-title, .table-group.is-b .table-group-title,
.table-group.is-c .table-group-title, .table-group.is-d .table-group-title, .table-group.is-f .table-group-title{
  font-size: var(--fs-4); letter-spacing: .04em;
}
.table-group.is-s .table-group-title{ color: var(--band-s); }
.table-group.is-a .table-group-title{ color: var(--band-a); }
.table-group.is-b .table-group-title{ color: var(--band-b); }
.table-group.is-c .table-group-title{ color: var(--band-c); }
.table-group.is-d .table-group-title{ color: var(--band-d); }
.table-group.is-f .table-group-title{ color: var(--band-f); }
.table-group-title{ font: 700 var(--fs-3) var(--cond); letter-spacing: .08em; text-transform: uppercase; color: var(--ink); }
.table-group-title .chips{ display: inline-flex; vertical-align: -3px; margin-right: 8px; }
.table-group-count{ font: 500 var(--fs-1) var(--mono); color: var(--dim); }
.table-group-tag{
  padding: 1px 8px; border-radius: 999px; background: var(--hairline-2);
  font: 600 var(--fs-1) var(--body); color: var(--mute);
}
.table-group-note{ margin-left: auto; font: 500 var(--fs-1) var(--mono); color: var(--dim); text-align: right; }
.table-group-body{ padding: 0 8px 8px; }
.table-group-body > .wrap > table{ min-width: 0; }
@media (max-width: 560px){
.table-group-note{ flex-basis: 100%; margin-left: 20px; text-align: left; }
.table-group-head{ padding: 10px 12px; }
.table-group-body{ padding: 0 4px 6px; }
.grouped-table{ padding: 2px var(--gutter) 0; }
.table-group-body tbody td.left, .table-group-body tbody td:first-child{ white-space: normal; }
.table-group-body tbody .cellflex{ flex-wrap: wrap; row-gap: 2px; }
}
@media (prefers-reduced-motion: reduce){
.table-group-head::before, .compact-table tbody td, .detail-list tbody td, .compact-blocks > .dv-block{ transition: none; }
}
body{
  background:
    radial-gradient(60% 480px at 0% 0%, color-mix(in srgb, var(--gold) 4%, transparent), transparent 70%),
    radial-gradient(50% 420px at 100% 0%, color-mix(in srgb, var(--acc-violet) 3.5%, transparent), transparent 70%),
    var(--bg);
  background-repeat: no-repeat;
}
body::after{
  content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0;
  height: min(1100px, 100%); pointer-events: none; opacity: 0;
  background:
    radial-gradient(75% 700px at 0% 120px, color-mix(in srgb, var(--tint) var(--tint-k), transparent), transparent 75%),
    radial-gradient(65% 600px at 100% 260px, color-mix(in srgb, var(--tint) var(--tint-k2), transparent), transparent 75%);
  background-repeat: no-repeat;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
.top{
    background: color-mix(in srgb, var(--panel) 92%, transparent);
    -webkit-backdrop-filter: blur(12px) saturate(1.25);
    backdrop-filter: blur(12px) saturate(1.25);
  }
.top .stamp{ color: var(--mute); }
}
@supports ((background-clip: text) or (-webkit-background-clip: text)){
@media (forced-colors: none){
.ball-hero h1{
      background: linear-gradient(180deg, var(--ink) 30%, color-mix(in srgb, var(--ink) 72%, var(--mute)));
      -webkit-background-clip: text; background-clip: text;
      -webkit-text-fill-color: transparent; color: var(--ink);
    }
}
}
.skel-shapes{ display: none; }
.skel{ position: relative; overflow: hidden; background: var(--row); border-radius: var(--r); height: 34px; }
.skel-hero{ height: 128px; border-radius: var(--r-lg); margin-bottom: 6px; }
@media (scripting: enabled){
#view[data-boot] > *{ visibility: hidden; animation: boot-reveal 0s linear 8s forwards; }
#view[data-boot]::before{
    content: ""; display: block; height: 128px; margin: 44px var(--gutter) 0;
    border-radius: var(--r-lg); background: var(--row);
    animation: boot-gone 0s linear 8s forwards;
  }
}
@keyframes boot-reveal{ to { visibility: visible; } }
@keyframes boot-gone{ to { height: 0; margin: 0; opacity: 0; } }
.skel-ent{ display: flex; align-items: center; gap: 16px; padding: 6px 0 4px; }
.skel.skel-art{ width: 96px; height: 96px; border-radius: 50%; flex: none; }
.skel-ent-words{ flex: 1; display: grid; gap: 9px; min-width: 0; }
.skel.skel-line{ height: 12px; border-radius: var(--r-sm); }
.skel.skel-line.is-kicker{ width: 22%; height: 10px; }
.skel-ent .skel.skel-line.is-name{ width: 62%; height: 28px; border-radius: var(--r); }
.skel.skel-line.is-chips{ width: 36%; height: 22px; border-radius: 999px; }
.skel-stats{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 8px 0 4px; }
.skel.skel-stat{ height: 50px; }
.skel.skel-panel{ height: 190px; border-radius: var(--r-lg); margin-bottom: 6px; }
.skel.skel-line.is-title{ width: 58%; height: 30px; border-radius: var(--r); margin-bottom: 4px; }
.skel-pills{ display: flex; gap: 8px; margin-bottom: 8px; }
.skel.skel-pill{ width: 92px; height: 38px; border-radius: 999px; }
.skel-card{ display: flex; align-items: center; gap: 14px; padding: 12px 16px;
  border: 1px solid var(--rule); border-radius: var(--r-lg); background: var(--panel); }
.skel.skel-dot{ width: 52px; height: 52px; border-radius: 50%; flex: none; }
.skel-card-words{ flex: 1; display: grid; gap: 8px; min-width: 0; }
.skel-card .skel.skel-line.is-name{ width: 64%; height: 16px; }
.skel.skel-line.is-sub{ width: 38%; }
.skel.skel-line.is-num{ width: 54px; height: 18px; flex: none; }
@media (prefers-reduced-motion: no-preference){
body::after{ transition: opacity 420ms ease-out; }
.skel-page > .skel-label{ padding-bottom: 14px; }
.skel-shapes{
    display: grid; gap: 7px; padding: 0 var(--gutter) 24px;
    animation: skel-in 240ms ease-out 220ms both;
  }
.skel::after{
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent, var(--lift), transparent);
    transform: translateX(-100%);
    animation: skel-shimmer 1.3s var(--ease) infinite;
  }
.skel-row:nth-child(odd)::after{ animation-delay: 90ms; }
.skel-page.is-now > .skel-shapes{ animation: none; }
@keyframes skel-in{ from { opacity: 0; } }
@keyframes skel-shimmer{ to { transform: translateX(100%); } }
.ball-stats > div{ animation: rule-in 300ms var(--ease) both; }
.ball-stats > div:nth-child(2){ animation-delay: 40ms; }
.ball-stats > div:nth-child(3){ animation-delay: 80ms; }
.ball-stats > div:nth-child(4){ animation-delay: 120ms; }
.ball-stats > div:nth-child(n+5){ animation-delay: 160ms; }
.player-hero > img{ animation: hero-bob 6s ease-in-out 700ms infinite; }
@keyframes hero-bob{ 50% { translate: 0 -5px; } }
.subnav button.is-sliding{ position: relative; isolation: isolate; background: none; }
.subnav button.is-sliding::before{
    content: ""; position: absolute; inset: 0; z-index: -1;
    border-radius: inherit; background: var(--pill-on); transform-origin: left center;
  }
}
@media (max-width: 1024px){
.drop-md{ display: none; }
table.fits-md{ min-width: 0; }
.flow-md{ white-space: normal; }
.flow-md .chips, .flow-md .cellflex{ flex-wrap: wrap; }
.compact-table.fits-md .row-details{ display: table-cell; }
.compact-table.fits-md.has-row-details tbody td:nth-last-child(2){ border-radius: 0; }
.compact-table.fits-md.has-row-details tbody td:last-child{ border-radius: 0 var(--r) var(--r) 0; }
}
@media (min-width: 1025px){
.upto-md{ display: none; }
}
@media (max-width: 560px){
.to-top{
    width: 34px; height: 34px;
    right: max(8px, env(safe-area-inset-right));
    bottom: max(12px, calc(8px + env(safe-area-inset-bottom)));
  }
}
@media (max-width: 430px){
tbody tr.thin-xs td, tbody tr.thin-xs td.wr.hi, tbody tr.thin-xs td.wr.lo{ color: var(--dim); }
}
.cellflex > div{ min-width: 0; }
@media (max-width: 560px){
.cellflex > div > .chips{ flex-wrap: wrap; max-width: 100%; row-gap: 3px; }
}
@keyframes wsb-glow{ 0% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 0; } }
@keyframes wsb-ribbon{
  0% { opacity: 0; transform: translate(-50%, -8px) scale(.9); } 15%, 80% { opacity: 1; transform: translate(-50%, 0) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -4px); }
}
@keyframes wsb-confetti{
  0% { opacity: 1; transform: rotate(var(--a)) translateX(2px) rotate(0); }
  100% { opacity: 0; transform: rotate(var(--a)) translateX(var(--d)) rotate(200deg); }
}
@keyframes wsb-crown{
  0% { opacity: 0; transform: translateY(8px) scale(.6); } 18% { opacity: 1; transform: translateY(-2px) scale(1.1); }
  30%, 80% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(-6px); }
}
@keyframes wsb-stamp{
  0% { opacity: 0; transform: rotate(-12deg) scale(1.8); } 14% { opacity: 1; transform: rotate(-12deg) scale(1); }
  80% { opacity: 1; transform: rotate(-12deg) scale(1); } 100% { opacity: 0; transform: rotate(-12deg) scale(1); }
}
@media (max-width: 640px){
.top{ padding-bottom: 5px; }
.top .nav{ padding-bottom: 0; overflow: hidden; max-height: var(--nav-h, 200px); }
.top.is-collapsed{ margin-bottom: var(--nav-h, 0px); }
.top.is-collapsed .nav{ max-height: 0; opacity: 0; visibility: hidden; }
.top.is-linked{ margin-bottom: calc(var(--nav-h, 0px) - var(--nav-shown, var(--nav-h, 0px))); }
.top.is-linked .nav{ max-height: var(--nav-shown, var(--nav-h, 200px)); }
.top.is-linked .nav > a{ transform: translateY(calc(var(--nav-shown, var(--nav-h, 0px)) - var(--nav-h, 0px))); }
}
@media (max-width: 640px) and (prefers-reduced-motion: no-preference){
.top{ transition: margin-bottom .26s var(--ease); }
.top .nav{ transition: max-height .26s var(--ease), opacity .2s var(--ease), visibility 0s; }
.top.is-collapsed .nav{ transition: max-height .26s var(--ease), opacity .16s var(--ease), visibility 0s .26s; }
.top.is-easing .nav > a{ transition: transform .26s var(--ease); }
.top.is-linked:not(.is-easing), .top.is-linked:not(.is-easing) .nav{ transition: none; }
}
.wstock-side{ display: grid; gap: 8px; min-width: 0; }
.wstock-side.is-a{ --side: var(--wf-a); }
.wstock-side.is-b{ --side: var(--wf-b); }
.wpod-title{ margin: 0 0 4px; text-align: center; font: 600 var(--fs-3)/1.2 var(--cond); letter-spacing: .08em;
  text-transform: uppercase; color: var(--mute); }
@keyframes wpod-confetti{
  0% { opacity: 0; transform: translateY(0) rotate(var(--r)); }
  10% { opacity: 1; }
  100% { opacity: 0; transform: translateY(150px) translateX(calc((var(--c) - 1.5) * 14px)) rotate(calc(var(--r) + 300deg)); }
}
.wr-hero-tools:empty{ display: none; }
.war-field-wrap{ margin-top: 6px; }
@media (min-width: 900px){
.war-field-wrap, .wr-links{ max-width: 980px; margin-left: auto; margin-right: auto; }
}
.wat-board-title{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0;
  font: 700 var(--fs-3) var(--cond); letter-spacing: .05em; text-transform: uppercase; color: var(--ink); }
.wat-balls{ display: flex; gap: 3px; flex-wrap: wrap; }
.wpl-balls{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.wbt-balls{ display: grid; gap: 6px; }
button.wbt-tile{ font: inherit; color: var(--ink); cursor: pointer; width: 100%; }
button.wbt-tile:hover{ border-color: var(--gold); }
button.wbt-tile:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.wbt-tile.is-picked{ border-color: var(--gold); box-shadow: 0 0 0 1px var(--gold); }
.wbt-tile-tag{ font: 700 var(--fs-1) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--dim); }
.wbt-tile.is-defending .wbt-tile-tag{ color: var(--gold); }
.wbt-tile.is-out, .wbt-tile.is-used{ background: var(--row); }
.wbt-tile.is-out > .thumb, .wbt-tile.is-used > .thumb{ filter: grayscale(1); }
.wbt-tile.is-out .pv2-ball-name, .wbt-tile.is-used .pv2-ball-name,
.wbt-tile.is-out .pv2-ball-cp b, .wbt-tile.is-used .pv2-ball-cp b,
.wbt-tile.is-out .wsl-item-name, .wbt-tile.is-used .wsl-item-name{ color: var(--mute); }
.wbt-tile.is-out .pv2-ball-types, .wbt-tile.is-used .pv2-ball-types,
.wbt-tile.is-out .pv2-item, .wbt-tile.is-used .pv2-item{ filter: grayscale(1); }
.wbt-pick{ display: grid; gap: 8px; padding: 10px 12px; border-radius: var(--r); background: var(--row);
  border: 1px solid color-mix(in srgb, var(--gold) 40%, var(--rule)); }
.wbt-pick-head{ margin: 0; font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--gold); }
.wbt-pick-none{ margin: 0; font: var(--fs-2) var(--body); color: var(--dim); }
.wbt-pick-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.wbt-pick-row{ display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-width: 0; }
.wbt-pick-row > .thumb{ width: 36px; height: 36px; object-fit: contain; border-radius: var(--r-sm); background: var(--panel); }
.wbt-pick-mid{ display: grid; gap: 3px; min-width: 0; }
.wbt-pick-top{ display: flex; align-items: baseline; gap: 6px; min-width: 0; flex-wrap: wrap; }
.wbt-pick-top b{ font: 600 var(--fs-2) var(--body); color: var(--ink); }
.wbt-pick-owner{ font: var(--fs-1) var(--body); color: var(--dim); }
.wbt-pick-sub{ display: flex; align-items: center; gap: 4px 6px; flex-wrap: wrap; min-width: 0; }
.wbt-pick-item{ font: 600 var(--fs-1) var(--body); color: var(--ink); }
.wbt-why{ padding: 0 7px; border-radius: 999px; font: 600 var(--fs-1)/1.5 var(--body); }
.wbt-why.is-good{ color: color-mix(in srgb, var(--good) 45%, var(--ink)); background: color-mix(in srgb, var(--good) 16%, transparent); }
.wbt-why.is-bad{ color: color-mix(in srgb, var(--bad) 45%, var(--ink)); background: color-mix(in srgb, var(--bad) 14%, transparent); }
.wbt-pick-cp{ font: 600 var(--fs-2) var(--mono); color: var(--ink); white-space: nowrap; }
.wbt-pick-end{ display: grid; justify-items: end; gap: 2px; }
.wbt-pick-call{ font: 600 var(--fs-1) var(--body); color: var(--mute); white-space: nowrap; }
.wbt-pick-call.is-ko{ color: color-mix(in srgb, var(--good) 45%, var(--ink)); }
.wbt-pick-call.is-poor{ color: color-mix(in srgb, var(--bad) 55%, var(--ink)); }
.ws-live-balls{ display: grid; gap: 6px; margin-top: 10px; }
.ptease-grid{
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
  margin: 18px var(--gutter) 0;
}
.ptease-title{ margin: 0; }
@media (min-width: 900px){
.ptease-grid{ max-width: 980px; margin-left: auto; margin-right: auto; }
}
@media (max-width: 640px){
.ptease-grid{ grid-template-columns: minmax(0, 1fr); }
}
:root{ --res-def: #5AA2F0; --res-elim: #EF6A5E; }
:root[data-theme="light"]{ --res-def: #1F5FAE; --res-elim: #B2392D; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){ --res-def: #1F5FAE; --res-elim: #B2392D; }
}
.war-hp{ display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; min-width: 0; }
.wr-fold-title{ font: 700 var(--fs-3) var(--cond); letter-spacing: .12em; text-transform: uppercase; }
.ws-pick-mark{ width: 10px; height: 10px; flex: none; background: var(--gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 0h1v2.1A4 4 0 0 1 9.9 5H12v1H9.9A4 4 0 0 1 7 9.9V12H6V9.9A4 4 0 0 1 2.1 6H0V5h2.1A4 4 0 0 1 6 2.1zm.5 3a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 0h1v2.1A4 4 0 0 1 9.9 5H12v1H9.9A4 4 0 0 1 7 9.9V12H6V9.9A4 4 0 0 1 2.1 6H0V5h2.1A4 4 0 0 1 6 2.1zm.5 3a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E") center / contain no-repeat; }
.ws-plan-pop-title{ margin: 0; color: var(--mute); font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; }
.ws-plan-pop-saves{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; min-width: 0; }
.ws-sector-h{ display: flex; align-items: baseline; gap: 8px; margin: 0; font: 700 var(--fs-2) var(--cond);
  letter-spacing: .1em; text-transform: uppercase; }
.ws-drawer-title{ margin: 0; font: 700 var(--fs-3) var(--cond); letter-spacing: .12em; text-transform: uppercase; }
@media (max-width: 640px){
body:has(.wr-strat){ padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
body:has(.wr-strat) .to-top{ bottom: calc(72px + env(safe-area-inset-bottom)); }
body:has(.wr-strat) #view.is-swapping{ animation-fill-mode: backwards; }
}
.tr-attack{ display: inline-flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.tr-who a.plain, td:has(> .tr-and) > a.plain, .trade-note a.plain{
  color: var(--ink); text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 50%, transparent);
  text-decoration-thickness: 1px; text-underline-offset: 3px;
}
.tr-who a.plain:hover, td:has(> .tr-and) > a.plain:hover, .trade-note a.plain:hover{ color: var(--gold); }
.tb-title{ font-family: var(--cond); font-weight: 800; font-size: clamp(40px, 7vw, 64px); font-style: italic; line-height: .9; letter-spacing: .01em; text-transform: uppercase; margin: 6px 0 0; color: var(--ink); }
.tb-title em{ font-style: inherit; color: var(--gold); text-shadow: 0 0 24px var(--tb-glow); }
.tb-search-wrap{ position: relative; z-index: 2; }
.tb-strip-h{ display: flex; justify-content: space-between; align-items: center; }
.tb-strip-h b{ font-family: var(--cond); font-weight: 800; font-size: var(--fs-4); letter-spacing: .1em; text-transform: uppercase; color: var(--c); }
.tb-sec-h{ display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.tb-sec-h :is(h2, h3), .tb-gate :is(h2, h3){ font-family: var(--cond); font-weight: 800; font-size: var(--fs-4); letter-spacing: .06em; text-transform: uppercase; margin: 0; display: flex; align-items: center; gap: 10px; color: var(--ink); }
@media (pointer: coarse){
:is(.tb-pill, .tb-want, .tb-link, .tb-back, .tb-admin-remove){ position: relative; }
:is(.tb-pill, .tb-want, .tb-link, .tb-back, .tb-admin-remove)::after{ content: ""; position: absolute; border-radius: inherit; }
}
.tb-gauge-h{ font: 700 var(--fs-1) var(--body); letter-spacing: .08em; text-transform: uppercase; color: var(--dim); }
aside.wr-side{ display: contents; }
@media (min-width: 1024px){
aside.wr-side{ display: flex; flex-direction: column; gap: 12px; min-width: 0; margin: 0; padding: 0; border: 0; background: none;
    position: sticky; top: calc(var(--sticky-top) + var(--wr-band-h, 96px) + 24px);
    max-height: calc(100vh - var(--sticky-top) - var(--wr-band-h, 96px) - 36px);
    overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
}
.wla-title{ grid-column: 1 / -1; margin: 0; font: 700 var(--fs-1) var(--cond); letter-spacing: .14em;
  text-transform: uppercase; color: var(--dim); }
@media (min-width: 641px) and (max-width: 1023px){
body:has(.wr-strat){ padding-bottom: calc(60px + env(safe-area-inset-bottom)); }
body:has(.wr-strat) .to-top{ bottom: calc(68px + env(safe-area-inset-bottom)); }
body:has(.wr-strat) #view.is-swapping{ animation-fill-mode: backwards; }
}
@keyframes wsb-fire-glow{ from { box-shadow: 0 0 14px rgba(255,90,20,.45), 0 0 34px rgba(220,38,38,.28), inset 0 -8px 20px rgba(255,140,0,.2); }
  to { box-shadow: 0 0 24px rgba(255,120,30,.75), 0 0 56px rgba(220,38,38,.45), inset 0 -14px 30px rgba(255,160,0,.35); } }
.wrv-title{ margin: 0; }
.wrv-tab-vs{ font: var(--fs-1) var(--body); color: var(--dim); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrv-card-title{ margin: 0 0 8px; font: 700 var(--fs-2) var(--cond); letter-spacing: .06em; text-transform: uppercase; color: var(--mute); }
@keyframes wsb-stomp-down{
  0% { opacity: 0; transform: translateY(-14px) scale(1.5) rotate(-8deg); }
  70% { opacity: 1; transform: translateY(1px) scale(.92) rotate(2deg); }
  100% { opacity: 1; transform: none; }
}
@keyframes wsb-stomp-boom{ 0% { transform: scale(.4); } 45% { transform: scale(1.6); } 100% { transform: scale(1); } }
.share-btn{ flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px;
  border: 1px solid var(--rule); background: transparent; color: var(--mute); cursor: pointer;
  font: 700 var(--fs-1) var(--cond); letter-spacing: .08em; text-transform: uppercase; }
.share-btn svg{ flex: none; }
.share-btn:hover, .share-btn:focus-visible{ color: var(--gold); border-color: var(--gold); }
.share-btn.is-working{ cursor: progress; opacity: .7; }
.title-row .pf-share{ padding: 6px 12px; }
@media (max-width: 359px){
.share-btn .share-btn-label{ display: none; }
.share-btn{ padding: 7px 9px; }
.wr-band .wr-band-tools > .wr-share, .wr-band .wr-band-acts > .wr-share, .title-row .pf-share{ padding: 7px 9px; }
}
.share-sheet{ position: fixed; margin: auto; width: min(560px, calc(100vw - 28px)); max-height: min(88vh, 760px); padding: 0;
  color: var(--ink); background: var(--panel); border: 1px solid var(--rule); border-radius: var(--r-lg);
  box-shadow: var(--shadow-3); overflow: auto; overscroll-behavior: contain; }
.share-sheet::backdrop{ background: var(--scrim); }
.share-sheet-close{ position: absolute; top: 20px; right: calc(var(--gutter) + 6px); z-index: 1;
  width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--panel); border: 1px solid var(--rule); color: var(--ink); border-radius: 999px;
  cursor: pointer; font: 700 var(--fs-4)/1 var(--body); }
.share-sheet-close:hover, .share-sheet-close:focus-visible{ border-color: var(--gold); color: var(--gold); }
.share-sheet-body{ display: grid; gap: 12px; padding: 14px var(--gutter) 16px; }
.share-sheet-pic{ display: block; width: 100%; height: auto; border-radius: var(--r); border: 1px solid var(--rule); }
.share-sheet-line{ margin: 0; font: var(--fs-2)/1.5 var(--body); color: var(--mute); overflow-wrap: anywhere; }
.share-sheet-actions{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.share-sheet-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 12px;
  border-radius: var(--r); border: 1px solid var(--rule); background: var(--row); color: var(--ink); cursor: pointer;
  font: 700 var(--fs-2) var(--cond); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; text-align: center; }
.share-sheet-btn:hover, .share-sheet-btn:focus-visible{ border-color: var(--gold); color: var(--gold); }
.share-sheet-btn.is-main{ grid-column: 1 / -1; color: var(--bg); background: var(--gold); border-color: var(--gold); }
.share-sheet-btn.is-main:hover, .share-sheet-btn.is-main:focus-visible{ color: var(--bg); filter: brightness(1.08); }
.hero-vs{ position: relative; z-index: 1; align-self: center; padding-bottom: 18px; }
.hero-vs b{ display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%;
  font: 700 var(--fs-4)/1 var(--cond); letter-spacing: .06em; color: var(--bg); background: var(--gold);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--gold) 18%, transparent), 0 0 30px color-mix(in srgb, var(--gold) 40%, transparent); }
[data-live]:empty::before{ content: "—"; color: var(--dim); }
.slot{ position: relative; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid; }
.slot.is-won{ color: var(--good); border-color: var(--good); background: color-mix(in srgb, var(--good) 18%, transparent); }
.slot.is-lost{ color: var(--bad); border-color: var(--bad); background: color-mix(in srgb, var(--bad) 14%, transparent); }
@media (prefers-reduced-motion: no-preference){
.fx .duel-move, .fx .order-steps li, .fx .gfx-stats li, .fx .slot{
    transition: opacity .5s var(--ease) calc(var(--i, 0) * 90ms), transform .5s var(--ease) calc(var(--i, 0) * 90ms); }
.fx .tile{ transition: opacity .5s var(--ease) calc(var(--i, 0) * 90ms), transform .5s var(--ease) calc(var(--i, 0) * 90ms); }
}
@keyframes gfx-lunge-r{ 0%, 100% { transform: none; } 40% { transform: translateX(10px) rotate(3deg); } }
@keyframes gfx-lunge-l{ 0%, 100% { transform: none; } 40% { transform: translateX(-10px) rotate(-3deg); } }
@keyframes gfx-step{
  0%, 100% { border-color: var(--rule); box-shadow: none; }
  45% { border-color: var(--gold); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 18%, transparent); }
}
.wrc-title{ margin: 0; font: 700 var(--fs-5)/1.1 var(--cond); letter-spacing: .02em; text-transform: uppercase; }
.whf-title{ margin: 0; font: 700 var(--fs-5)/.95 var(--cond); font-size: clamp(34px, 7vw, 52px); letter-spacing: .01em; text-transform: uppercase; }
.whf-cat-title{ margin: 0; font: 700 var(--fs-4)/1.1 var(--cond); letter-spacing: .08em; text-transform: uppercase; }
.whf-cat-title{ font-size: clamp(18px, 2.4vw, 22px); }
.whf-week-title{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink);
  font: 700 var(--fs-3) var(--cond); letter-spacing: .08em; text-transform: uppercase; }
a.whf-week-title:hover{ color: var(--gold); }
.whf-board-title{ margin: 0; color: var(--tone); font: 700 var(--fs-4)/1.1 var(--cond); letter-spacing: .08em; text-transform: uppercase; }
.pr-title{ margin: 2px 0 0; font: 700 var(--fs-5) var(--cond); letter-spacing: .02em; text-transform: uppercase; }
@media (max-width: 359px){
.title-row .pr-share, .pr-title-row .pr-share{ padding: 7px 9px; }
}
.tc-wrap{ padding-bottom: 8px; }
.tc-moments-title{ margin: 14px 0 8px; font: 700 var(--fs-2) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--mute); }
.ce-title{ margin: 0; padding-right: 44px; font: 700 var(--fs-4) var(--cond); letter-spacing: .06em; text-transform: uppercase; }
.ce-status{ margin: 0; font: var(--fs-2) var(--body); color: var(--mute); }
.rv-title{ margin: 0; padding: 18px var(--gutter) 4px; font: 700 var(--fs-5)/1.1 var(--cond); overflow-wrap: anywhere; }
.pr-vs{ align-self: center; font: 700 var(--fs-2) var(--cond); color: var(--dim); text-transform: uppercase; }
.is-good > b, b.is-good, .wr.is-good{ color: color-mix(in srgb, var(--good) 75%, var(--ink)); }
.is-bad > b, b.is-bad, .wr.is-bad{ color: color-mix(in srgb, var(--bad) 80%, var(--ink)); }
.pv2-balls{
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; padding: 2px var(--gutter) 12px;
}
.pv2-ball{
  position: relative; display: grid; justify-items: center; gap: 3px; min-width: 0; padding: 10px 6px 9px;
  border-radius: var(--r); border: 1px solid var(--rule); background: var(--panel); color: var(--ink);
  transition: border-color 110ms, transform 110ms;
}
.pv2-ball.has-type{
  background: radial-gradient(120% 70px at 50% 0, color-mix(in srgb, var(--c) 28%, var(--panel)), var(--panel) 100%) no-repeat, var(--panel);
}
.pv2-ball:hover{ border-color: var(--gold); transform: translateY(-1px); }
.pv2-ball > .thumb{ width: 60px; height: 60px; object-fit: contain; }
.pv2-ball-name{ color: var(--ink); font-size: var(--fs-2); font-weight: 600; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv2-ball-cp{ display: inline-flex; align-items: baseline; gap: 4px; }
.pv2-ball-cp b{ font-family: var(--mono); font-size: var(--fs-4); }
.pv2-ball-cp span{ font-family: var(--cond); font-size: var(--fs-1); letter-spacing: 0.1em; color: var(--dim); }
.pv2-ball-types{ justify-content: center; flex-wrap: nowrap; zoom: 0.82; max-width: 122%; overflow: hidden; }
.pv2-early{
  display: flex; gap: 8px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity;
  padding: 12px var(--gutter) 10px; scroll-padding-inline: var(--gutter);
}
.pv2-early.is-open{ flex-wrap: wrap; overflow: visible; }
.pv2-early-chip{
  display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; scroll-snap-align: start;
  padding: 6px 12px 6px 6px; border-radius: 999px; background: var(--row); border: 1px solid var(--rule); color: var(--ink);
}
.pv2-early-chip .thumb{ width: 28px; height: 28px; object-fit: contain; }
.pv2-early-chip.is-place-1{ border-color: color-mix(in srgb, var(--acc-amber) 70%, var(--rule)); }
.pv2-early-chip.is-place-1 b{ color: var(--acc-amber); }
.pv2-early-chip.is-place-2{ border-color: color-mix(in srgb, #c9d1dc 55%, var(--rule)); }
.pv2-early-chip.is-place-3{ border-color: color-mix(in srgb, #c98a52 60%, var(--rule)); }
.pv2-early-chip:hover{ border-color: var(--gold); }
@media (max-width: 960px){
.pv2-balls{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px){
.pv2-ball > .thumb{ width: 48px; height: 48px; }
.pv2-ball-cp b{ font-size: var(--fs-3); }
}
@media (prefers-reduced-motion: reduce){
.pv2-ball, .rv2-boss{ transition: none; }
.pv2-ball:hover, a.rv2-boss:hover{ transform: none; }
}
@media (min-width: 641px){
.pv2-early{ flex-wrap: wrap; overflow: visible; }
}
.pv2-b-vs{ font: 700 var(--fs-1) var(--cond); letter-spacing: 0.12em; text-transform: uppercase; color: var(--dim); }
.pv2-roster-table .is-filtered, .pv2-ball.is-filtered{ display: none !important; }
.pv2-ball{ cursor: pointer; align-content: start; }
.pv2-ball.is-mythical{ border-color: color-mix(in srgb, var(--acc-violet) 45%, var(--rule)); }
.pv2-ball.is-legendary{ border-color: color-mix(in srgb, var(--acc-amber) 40%, var(--rule)); }
.pv2-ball:focus-within{ border-color: var(--gold); }
.pv2-item{
  display: flex; align-items: center; gap: 6px; width: 100%; margin-top: 3px; padding: 4px 6px 4px 4px;
  border-radius: var(--r-sm); background: color-mix(in srgb, var(--row) 85%, transparent); border: 1px solid var(--rule);
}
.pv2-item-pic{ flex-shrink: 0; display: grid; place-items: center; width: 28px; height: 28px; border-radius: var(--r-sm); background: var(--panel); }
.pv2-item-pic:hover{ outline: 1px solid var(--gold); }
.pv2-item-pic .thumb{ width: 24px; height: 24px; object-fit: contain; }
.wrv-card-title:has(.tbl-share){ display: flex; align-items: center; gap: 8px; }
.pr2-bar, .ty2-bar{
  position: relative; display: block; height: 6px; border-radius: 999px;
  background: var(--hairline-2); overflow: hidden; min-width: 0;
}
.pr2-bar::after, .ty2-bar::after{
  content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px;
  background: var(--bg); opacity: .7;
}
.pr2-bar-fill, .ty2-bar-fill{
  display: block; height: 100%; width: var(--w, 0%); border-radius: inherit;
  background: color-mix(in srgb, var(--mute) 60%, transparent);
}
.pr2-bar.is-hi .pr2-bar-fill, .ty2-bar.is-hi .ty2-bar-fill{ background: linear-gradient(90deg, color-mix(in srgb, var(--good) 45%, transparent), var(--good)); }
.pr2-bar.is-lo .pr2-bar-fill, .ty2-bar.is-lo .ty2-bar-fill{ background: linear-gradient(90deg, color-mix(in srgb, var(--bad) 45%, transparent), var(--bad)); }
.pr2-bar.is-mid .pr2-bar-fill, .ty2-bar.is-mid .ty2-bar-fill{ background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 35%, transparent), var(--gold)); }
@media (prefers-reduced-motion: no-preference){
.pr2-bar-fill, .ty2-bar-fill{ animation: pr2-grow 600ms var(--ease, ease) both; transform-origin: left; }
}
@keyframes pr2-grow{ from { transform: scaleX(0); } to { transform: scaleX(1); } }
.pr2 b.is-hi{ color: var(--good); }
.pr2 b.is-lo{ color: var(--bad); }
.pr2-podium{
  list-style: none; margin: 0; padding: 6px var(--gutter) 12px;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
}
.pr2-pod{ min-width: 0; --medal: var(--rule); }
.pr2-pod.is-gold{ --medal: var(--medal-gold); grid-column: 1 / -1; }
.pr2-pod.is-silver{ --medal: var(--medal-silver); }
.pr2-pod.is-bronze{ --medal: var(--medal-bronze); }
@media (min-width: 720px){
.pr2-podium{ grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: 14px; }
.pr2-pod.is-gold{ grid-column: auto; order: 2; }
.pr2-pod.is-silver{ order: 1; }
.pr2-pod.is-bronze{ order: 3; }
.pr2-pod.is-gold .pr2-pod-link{ padding-top: 26px; padding-bottom: 18px; }
}
.pr2-pod-link{
  position: relative; display: grid; justify-items: center; gap: 6px; min-width: 0;
  padding: 16px 14px 14px; border-radius: var(--r-lg); text-align: center;
  color: var(--ink); text-decoration: none;
  background: linear-gradient(180deg, color-mix(in srgb, var(--medal) 20%, var(--panel)), var(--panel) 65%);
  border: 1px solid color-mix(in srgb, var(--medal) 50%, transparent);
  box-shadow: var(--shadow-card);
}
.pr2-pod-link:hover, .pr2-pod-link:focus-visible{ border-color: var(--medal); }
.pr2-pod-link:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.pr2-pod-link > .pr2-bar{ justify-self: stretch; }
.pr2-medal{
  position: absolute; top: 10px; left: 10px; display: grid; place-items: center;
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--medal); color: var(--bg); font: 700 var(--fs-3) var(--cond);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--medal) 25%, transparent);
}
.pr2-pod-name{
  max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 700 var(--fs-4) var(--cond); letter-spacing: .01em;
}
.pr2-hero{ display: inline-flex; align-items: baseline; gap: 6px; font-family: var(--mono); font-variant-numeric: tabular-nums; }
.pr2-hero b{ font-size: var(--fs-5); line-height: 1; }
.pr2-hero small{ color: var(--dim); font: var(--fs-1) var(--body); }
.pr2-hero{ flex-wrap: wrap; justify-content: center; row-gap: 2px; }
.pr2-hero > small, .pr2-hero > .ss-verdict{ white-space: nowrap; }
.pr2-art{
  display: grid; place-items: center; flex: none; border-radius: var(--r-lg);
  background: var(--row); box-shadow: inset 0 0 0 1px var(--hairline-2);
}
.pr2-art.is-lg{ width: 76px; height: 76px; }
.pr2-pod.is-gold .pr2-art.is-lg{ width: 92px; height: 92px; }
.pr2-art.is-lg .thumb{ width: 66px; height: 66px; border-radius: var(--r); }
.pr2-pod.is-gold .pr2-art.is-lg .thumb{ width: 82px; height: 82px; }
.pr2-art.is-sm{ width: 44px; height: 44px; border-radius: var(--r); }
.pr2-art.is-sm .thumb{ width: 38px; height: 38px; border-radius: var(--r-sm); }
.pr2-art.is-typing, .pr2-pod.is-gold .pr2-art.is-typing{ width: auto; height: auto; min-width: 76px; padding: 8px 10px; }
.pr2-art.is-typing .chips{ flex-direction: column; align-items: stretch; gap: 5px; }
.pr2-art.is-lg.is-typing .chip{ font-size: var(--fs-2); padding: 4px 9px 4px 5px; gap: 6px; }
.pr2-art.is-lg.is-typing .chip img{ width: 20px; height: 20px; }
.pr2-art.is-sm.is-typing{ min-width: 44px; padding: 5px 6px; }
.pr2-art.is-sm.is-typing .chips{ gap: 3px; }
.pr2-rows{ list-style: none; margin: 0; padding: 0 var(--gutter) 16px; display: grid; gap: 6px; }
@media (min-width: 900px){
.pr2-rows{ grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; }
}
.pr2-row-link{
  display: flex; align-items: center; gap: 12px; min-width: 0; padding: 8px 12px 8px 10px;
  border-radius: var(--r-lg); background: var(--panel); box-shadow: var(--shadow-card);
  color: var(--ink); text-decoration: none; border: 1px solid transparent;
}
.pr2-row-link:hover, .pr2-row-link:focus-visible{ border-color: var(--rule); }
.pr2-row-link:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.pr2-rank{ width: 22px; flex: none; text-align: center; color: var(--dim); font: 700 var(--fs-3) var(--cond); }
.pr2-row-body{ display: grid; gap: 6px; min-width: 0; flex: 1 1 auto; }
.pr2-row-name{ font: 600 var(--fs-3) var(--body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pr2-row-side{ display: grid; justify-items: end; gap: 3px; flex: none; font-family: var(--mono); font-variant-numeric: tabular-nums; }
.pr2-row-side > b{ font-size: var(--fs-3); }
@media (prefers-reduced-motion: no-preference){
.pr2-pod, .pr2-row{ animation: rise 320ms var(--ease, ease) both; animation-delay: calc(var(--i, 0) * 40ms); }
}
.rank-medal{
  --medal: var(--dim);
  display: inline-block; min-width: 1.75em; padding: 1px 6px; border-radius: 999px;
  font: 600 var(--fs-1)/1.5 var(--mono); font-variant-numeric: tabular-nums;
  text-align: center; white-space: nowrap; color: #0B0D12; background: var(--medal);
}
.rank-medal.is-1{ --medal: #E3B341; }
.rank-medal.is-2{ --medal: #B9C2CF; }
.rank-medal.is-3{ --medal: #C98A5A; }
td.rank > .rank-medal{ vertical-align: middle; }
.rd{ display: grid; gap: 14px; margin-top: 10px; }
.raid-lvl{ display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
:is(.raid-lvl, .raid-lvl-dot){ --lvl: var(--lvl-1); }
:is(.raid-lvl, .raid-lvl-dot).is-tutor{ --lvl: var(--lvl-tutor); }
:is(.raid-lvl, .raid-lvl-dot).is-s2{ --lvl: var(--lvl-2); }
:is(.raid-lvl, .raid-lvl-dot).is-s3{ --lvl: var(--lvl-3); }
:is(.raid-lvl, .raid-lvl-dot).is-solo{ --lvl: var(--lvl-solo); }
:is(.raid-lvl, .raid-lvl-dot).is-mega{ --lvl: var(--lvl-mega); }
.raid-lvl-dot{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex: none; background: var(--lvl);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent); }
.raid-lvl .raid-lvl-dot{ --lvl: inherit; }
.raid-lvl-stars{ color: var(--gold); letter-spacing: 1px; font-size: var(--fs-2); }
.raid-lvl-word{ font: 600 var(--fs-1) var(--body); color: var(--ink); }
.pi{ display: grid; gap: 14px; padding: 2px var(--gutter) 14px; }
@keyframes first-glow{
  0%, 100% { box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--first-c) 75%, transparent), 0 0 5px 0 var(--first-halo), var(--first-more); }
  50% { box-shadow: 0 0 0 1.5px var(--first-c), 0 0 12px 2px var(--first-halo), var(--first-more); }
}
@keyframes first-glow-1{
  0%, 100% { box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--first-c) 80%, transparent), 0 0 7px 1px var(--first-halo), var(--first-more); }
  50% { box-shadow: 0 0 0 2px var(--first-c), 0 0 16px 4px var(--first-halo), var(--first-more); }
}
.rc-h{ margin: 0; font-family: var(--cond); font-size: var(--fs-2); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.xt-card{
  margin: 12px var(--gutter) 0; padding: 14px 16px; display: grid; gap: 12px;
  border-radius: var(--r-lg); background: var(--panel); box-shadow: var(--shadow-card);
}
.xt-head{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.xt-title{
  margin: 0; font-family: var(--cond); font-size: var(--fs-1); font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--dim);
}
.xt-pill{
  display: inline-flex; align-items: baseline; padding: 3px 10px; border-radius: 999px;
  background: var(--pill-on); font-family: var(--mono); font-size: var(--fs-1); color: var(--ink);
}
.xt-pill.is-quiet{ color: var(--mute); }
.xt-tiles{ display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.xt-tile{
  display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px 12px;
  border-radius: var(--r); background: var(--row); border: 1px solid var(--rule);
}
.xt-crest{ width: 52px; height: 36px; flex: none; object-fit: contain; }
.xt-words{ display: grid; gap: 2px; min-width: 0; }
.xt-big{
  font: 700 var(--fs-5)/1.05 var(--cond); color: var(--ink);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.xt-label{ font-size: var(--fs-2); color: var(--mute); }
.xt-sub{ font-family: var(--mono); font-size: var(--fs-1); color: var(--dim); }
.xt-tile.is-tier-7{ border-color: color-mix(in srgb, var(--acc-violet) 45%, var(--rule)); }
.xt-tile.is-tier-6{ border-color: color-mix(in srgb, var(--acc-cyan, var(--gold)) 40%, var(--rule)); }
.xt-tile.is-members .xt-big, .xt-tile.is-inventory .xt-big{ color: var(--acc-amber); }
.xt-tile.is-influence .xt-big{ color: color-mix(in srgb, var(--acc-violet) 70%, var(--ink)); }
.xt-xp{ display: grid; gap: 6px; }
.xt-xp-label{ display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: var(--fs-2); color: var(--mute); }
.xt-xp-label b{ font-family: var(--mono); font-size: var(--fs-3); color: var(--ink); }
.xt-xp-track{ display: block; height: 10px; border-radius: 999px; background: var(--lift); box-shadow: inset 0 0 0 1px var(--rule); overflow: hidden; }
.xt-xp-track i{
  display: block; height: 100%; width: var(--p, 0%); border-radius: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--acc-violet) 70%, var(--ink)), var(--acc-violet));
}
@media (max-width: 640px){
.xt-peaks .xt-tiles{ grid-template-columns: minmax(0, 1fr); }
.xt-perks .xt-tiles{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.xt-perks .xt-tile{ flex-direction: column; align-items: flex-start; padding: 10px; }
.xt-perks .xt-big{ font-size: var(--fs-4); }
}
.ac-pill{
  display: inline-flex; align-items: baseline; gap: 6px; padding: 4px 11px; min-width: 0; max-width: 100%;
  border-radius: 999px; background: var(--pill-on); font-size: var(--fs-2); color: var(--ink); text-decoration: none;
}
.ac-pill b{ font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ac-pill i{ font-style: normal; font-size: var(--fs-1); color: var(--dim); }
.ac-pill:hover, .ac-pill:focus-visible{ box-shadow: inset 0 0 0 1px var(--gold); }
@media (pointer: coarse){
.copy-link{ width: 36px; height: 36px; }
.row-details-open{ position: relative; }
.row-details-open::after{ content: ""; position: absolute; inset: -6px; border-radius: 999px; }
.ac-pill{ position: relative; }
.ac-pill::after{ content: ""; position: absolute; inset: -3px 0; border-radius: 999px; }
}
.mt-bring-label, .mt-double{ font-size: var(--fs-1); }
:is(.whl-line, .whl-banner, .whl-kind).is-comeback{ --k: var(--acc-amber); }
:is(.whl-line, .whl-banner, .whl-kind).is-upset{ --k: var(--acc-violet); }
:is(.whl-line, .whl-banner, .whl-kind).is-sweep{ --k: #2dd4bf; }
:is(.whl-line, .whl-banner, .whl-kind).is-mad{ --k: #ef4444; }
:is(.whl-line, .whl-banner, .whl-kind).is-closest{ --k: #f97316; }
.wsb-recap-title{ margin: 0; font: 700 var(--fs-4)/1.1 var(--cond); letter-spacing: .06em; text-transform: uppercase; }
.wsb-recap-unlock{ font-size: var(--fs-2); white-space: nowrap; }
.ss-switch{
  display: inline-flex; gap: 2px; padding: 3px; margin: 12px var(--gutter) 0;
  background: var(--row); border: 1px solid var(--rule); border-radius: 999px;
}
.ss-pill{
  padding: 5px 14px; border: 0; border-radius: 999px; background: transparent; cursor: pointer;
  font: 600 var(--fs-2)/1.2 var(--body); color: var(--mute);
}
.ss-pill:hover{ background: var(--pill-hover); color: var(--ink); }
.ss-pill[aria-pressed="true"]{ background: var(--pill-on); color: var(--gold); }
@media (max-width: 640px), (pointer: coarse){
.ss-pill{ min-height: 32px; }
}
.ss-page{ padding-bottom: 16px; max-width: 980px; }
.ss-verdict{ font: 700 var(--fs-1)/1.2 var(--body); letter-spacing: .04em; text-transform: uppercase; }
.ss-verdict.is-strong{ color: var(--good); }
.ss-verdict.is-good{ color: var(--gold); }
.ss-verdict.is-risky{ color: var(--bad); }
.ss-meta{ display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 8px; min-width: 0; }
.pr2-row-body > .ss-meta{ justify-content: flex-start; }
.ss-pick{ font: 600 var(--fs-1)/1.3 var(--body); color: var(--mute); white-space: nowrap; }
.ss-pick.is-often{ color: var(--ink); }
.ss-pick.is-rarely{ color: var(--dim); }
.ss-vs{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 12px; min-width: 0; }
.pr2-row-body > .ss-vs{ justify-content: flex-start; }
.ss-vs-part{ display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 5px; min-width: 0; max-width: 100%; }
.ss-vs-label{ font: 600 var(--fs-1)/1.3 var(--body); white-space: nowrap; }
.ss-vs-part.is-best .ss-vs-label{ color: var(--good); }
.ss-vs-part.is-worst .ss-vs-label{ color: var(--bad); }
.ss-row-name{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.ss-band{
  --b: var(--band-f);
  display: inline-grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: var(--r-sm);
  font: 700 var(--fs-2)/1 var(--cond); color: var(--b);
  background: color-mix(in srgb, var(--b) 18%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--b) 45%, transparent);
}
.pr2-pod-link > .ss-band{ position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; font-size: var(--fs-3); }
.ss-band[data-band="S"]{ --b: var(--band-s); }
.ss-band[data-band="A"]{ --b: var(--band-a); }
.ss-band[data-band="B"]{ --b: var(--band-b); }
.ss-band[data-band="C"]{ --b: var(--band-c); }
.ss-band[data-band="D"]{ --b: var(--band-d); }
.ss-most{ padding-bottom: 8px; }
.ss-strip{
  list-style: none; margin: 0; padding: 0 var(--gutter) 8px; display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px;
}
.ss-strip-link{
  display: grid; justify-items: center; gap: 6px; padding: 10px 6px; min-width: 0;
  border-radius: var(--r-lg); background: var(--panel); box-shadow: var(--shadow-card);
  color: var(--ink); text-decoration: none; border: 1px solid transparent; text-align: center;
}
.ss-strip-link:hover, .ss-strip-link:focus-visible{ border-color: var(--rule); }
.ss-strip-name{ max-width: 100%; font: 600 var(--fs-1)/1.25 var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 560px){
.ss-strip{ grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 30%; overflow-x: auto; scrollbar-width: none; }
.ss-strip::-webkit-scrollbar{ display: none; }
}
html.nav-d .top, html.nav-eh .top{ flex-wrap: nowrap; }
html.nav-d .top .nav, html.nav-eh .top .nav{ display: none; }
html.nav-d .top .omni, html.nav-eh .top .omni{
  flex: 1 1 auto; min-width: 0; width: auto; justify-content: center;
  margin: 0 auto; padding: 0 12px; align-self: center;
}
html.nav-d .top .omni input, html.nav-eh .top .omni input{ width: min(560px, 100%); box-sizing: border-box; padding: 10px 18px; }
html.nav-d .chrome, html.nav-eh .chrome{ position: relative; }
html.nav-d .chrome > .nav-d-row, html.nav-eh .chrome > .nav-d-row{ flex: 1 1 100%; }
html.nav-d .chrome > .nav-d-row.is-solo, html.nav-eh .chrome > .nav-d-row.is-solo{ flex: 0 0 auto; overflow: visible; }
html.nav-d .chrome > .nav-d-inner, html.nav-eh .chrome > .nav-d-inner{ flex: 1 1 100%; }
html.nav-d .chrome.is-tierlist > .nav-d-row, html.nav-eh .chrome.is-tierlist > .nav-d-row{ margin-bottom: 2px; }
.nav-d-inner button{ font-size: var(--fs-1); padding: 4px 10px; color: var(--dim); }
.subnav.nav-d-inner button[aria-pressed="true"]{ color: var(--gold); }
.subnav > .nav-switch-pin{
  position: sticky; left: 0; z-index: 3; flex: 0 0 auto; align-self: stretch;
  display: flex; align-items: center; padding-right: 8px; background: var(--row);
}
.subnav .nav-switch-pin > button.nav-switch{
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 12px 6px 14px; border: 0; border-radius: 999px; cursor: pointer;
  background: linear-gradient(var(--pill-on), var(--pill-on)), var(--row); color: var(--gold);
  font: 700 var(--fs-3) var(--body);
  box-shadow: 0 0 0 1px var(--hairline-2) inset;
}
.subnav .nav-switch-pin > button.nav-switch:hover{
  background: linear-gradient(var(--pill-hover), var(--pill-hover)), var(--row); color: var(--ink);
}
.subnav .nav-switch-pin > button.nav-switch[aria-expanded="true"]{ color: var(--ink); }
.subnav .nav-switch-pin > button.nav-switch:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.nav-caret{
  width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
}
.nav-switch[aria-expanded="true"] .nav-caret{ transform: translateY(2px) rotate(-135deg); }
html.nav-d .chrome > .nav-d-row.is-solo > .nav-switch-pin, html.nav-eh .chrome > .nav-d-row.is-solo > .nav-switch-pin{ padding-right: 0; position: static; }
.nav-switch-name.is-short, .nav-name-short{ display: none; }
.subnav.has-edge-fade.has-pin.is-more-start{
  -webkit-mask-image: linear-gradient(to right, #000 var(--pin), transparent var(--pin), transparent calc(var(--pin) + 10px), #000 calc(var(--pin) + 40px));
  mask-image: linear-gradient(to right, #000 var(--pin), transparent var(--pin), transparent calc(var(--pin) + 10px), #000 calc(var(--pin) + 40px));
}
.subnav.has-edge-fade.has-pin.is-more-start.is-more-end{
  -webkit-mask-image: linear-gradient(to right, #000 var(--pin), transparent var(--pin), transparent calc(var(--pin) + 10px), #000 calc(var(--pin) + 40px), #000 calc(100% - 28px), transparent);
  mask-image: linear-gradient(to right, #000 var(--pin), transparent var(--pin), transparent calc(var(--pin) + 10px), #000 calc(var(--pin) + 40px), #000 calc(100% - 28px), transparent);
}
.nav-panel{
  position: absolute; left: 12px; right: 12px; z-index: 39; margin: 0 auto; max-width: 1100px;
  background: var(--panel); box-shadow: var(--shadow-3); border-radius: var(--r-lg);
  padding: 20px 24px 22px; border: 1px solid var(--hairline-2);
  overflow-y: auto; overscroll-behavior: contain;
}
.nav-panel-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 28px; }
.nav-panel-head{
  margin: 0 0 8px; font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim);
}
.nav-panel ul{ list-style: none; margin: 0; padding: 0; }
.nav-panel a{
  display: block; padding: 6px 10px; margin-left: -10px; border-radius: var(--r);
  color: var(--mute); font: 500 var(--fs-3) var(--body);
}
.nav-panel a{ min-height: 32px; box-sizing: border-box; display: flex; align-items: center; }
.nav-panel a:hover{ color: var(--ink); background: var(--pill-hover); }
.nav-panel a[aria-current="page"]{ color: var(--gold); background: var(--pill-on); }
.nav-panel a:focus-visible{ outline: 2px solid var(--gold); outline-offset: -2px; }
.nav-panel a.nav-panel-sub{ color: var(--ink); font-weight: 600; }
.nav-panel ul.nav-panel-inner{ padding-left: 12px; margin: 2px 0 4px; border-left: 1px solid var(--hairline-2); }
.nav-panel ul.nav-panel-inner a{ font-size: var(--fs-2); padding: 4px 10px; margin-left: 0; }
html.nav-panel-open #view{ opacity: .35; }
@media (prefers-reduced-motion: no-preference){
.nav-caret{ transition: transform 150ms ease; }
html.nav-d #view, html.nav-eh #view{ transition: opacity 150ms ease; }
.nav-panel{ animation: nav-drop 160ms var(--ease) both; }
@keyframes nav-drop{ from { opacity: 0; transform: translateY(-4px); } }
}
@media (min-width: 641px) and (max-width: 900px){
html.nav-d .top .omni, html.nav-eh .top .omni{ padding: 0 8px; }
}
@media (max-width: 640px){
html.nav-d .top .brand, html.nav-eh .top .brand{ order: 0; font-size: var(--fs-3); padding: 12px 8px 12px 14px; }
html.nav-d .top .omni, html.nav-eh .top .omni{ order: 1; flex: 1 1 0; position: static; padding: 0; margin: 0; }
html.nav-d .top .omni input, html.nav-eh .top .omni input{ width: 100%; padding: 9px 14px; margin: 0 4px; }
.subnav .nav-switch-pin > button.nav-switch{ padding: 6px 10px 6px 12px; }
.subnav > .nav-switch-pin{ padding-right: 6px; }
.nav-switch-name.is-long, .nav-name-long{ display: none; }
.nav-switch-name.is-short, .nav-name-short{ display: inline; }
.nav-panel{ left: 8px; right: 8px; padding: 16px 16px 18px; }
.nav-panel-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
.subnav.nav-d-inner button{ min-height: 32px; }
}
@media (pointer: coarse){
.subnav .nav-switch-pin > button.nav-switch{ padding-top: 10px; padding-bottom: 10px; }
.subnav.nav-d-inner{ padding-block: 7px; margin-block: -5px; }
html.nav-eh .chrome.is-tierlist > .eh-row.nav-d-inner{ margin-bottom: -3px; }
.subnav.nav-d-inner button{ position: relative; }
.subnav.nav-d-inner button::before{ content: ""; position: absolute; inset: -5px 0; }
}
.eh-icon{
  width: 18px; height: 18px; flex: 0 0 auto;
  fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.eh-bar, .eh-tabbar, .eh-scrim, .eh-sheet{ display: none; }
html.nav-eh .eh-sheet[hidden], html.nav-eh .eh-scrim[hidden], .eh-menu[hidden]{ display: none; }
html.nav-eh .chrome > .eh-row{ flex: 1 1 100%; }
html.nav-eh .chrome.is-tierlist > .eh-row{ margin-bottom: 2px; }
html.nav-eh .top .omni{ flex: 1 1 auto; justify-content: flex-end; margin: 0; padding: 0 4px 0 12px; }
@media (min-width: 641px){
html.nav-eh .top .omni{ flex: 0 1 auto; margin-left: auto; }
html.nav-eh .top .omni input{ width: min(340px, calc(100vw - 1410px)); max-width: 100%; flex: 0 1 auto; }
}
@media (min-width: 1200px) and (pointer: fine){
html.nav-eh .top .omni input{ padding-right: 44px; }
}
html.nav-eh .eh-bar{ display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.eh-dd{ position: relative; }
.eh-tile{
  display: inline-flex; align-items: center; gap: 7px; height: 38px; box-sizing: border-box;
  padding: 0 8px 0 12px; border: 0; border-radius: var(--r-lg); cursor: pointer;
  background: linear-gradient(var(--hairline-2), var(--hairline-2)), var(--panel);
  box-shadow: 0 0 0 1px var(--hairline-2) inset, var(--shadow-card);
  color: var(--mute); font: 600 var(--fs-3) var(--body); white-space: nowrap;
}
.eh-tile:hover, .eh-tile[aria-expanded="true"]{
  color: var(--ink); background: linear-gradient(var(--lift), var(--lift)), var(--panel);
}
.eh-tile[aria-current]{
  color: var(--gold); background: linear-gradient(var(--pill-on), var(--pill-on)), var(--panel);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 35%, transparent) inset, var(--shadow-card);
}
.eh-tile:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.eh-tile-link{ padding-right: 12px; text-decoration: none; }
.eh-tile-link, .eh-tab{ position: relative; }
.eh-soon{
  position: absolute; top: -3px; right: -14px; z-index: 1;
  display: inline-flex; align-items: center; height: 17px; padding: 0 5px; box-sizing: border-box;
  border-radius: 999px; pointer-events: none;
  font: 700 var(--fs-1)/1 var(--body); letter-spacing: .02em; color: var(--ink); background: color-mix(in srgb, var(--mute) 30%, var(--panel));
  box-shadow: 0 0 0 2px var(--panel);
}
@media (min-width: 1200px){
.eh-tile-link:has(.eh-soon){ padding-right: 28px; }
}
@media (min-width: 641px) and (max-width: 1199px){
.eh-soon{ top: -1px; right: -22px; }
}
.eh-tile-short{ display: none; }
.eh-chev{ width: 14px; height: 14px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; opacity: .6; }
.eh-tile[aria-expanded="true"] .eh-chev{ transform: rotate(180deg); }
.eh-menu{
  position: absolute; top: calc(100% + 8px); left: 0; z-index: 45; min-width: 232px;
  padding: 8px 8px 10px; background: var(--panel); border: 1px solid var(--hairline-2);
  border-radius: var(--r-lg); box-shadow: var(--shadow-3);
}
.eh-menu::before{ content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.eh-menu-head{
  display: flex; align-items: center; gap: 8px; padding: 6px 10px 8px;
  font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim);
}
.eh-menu-head .eh-icon{ width: 16px; height: 16px; }
.eh-menu-head:hover{ color: var(--ink); }
.eh-menu-head:focus-visible{ outline: 2px solid var(--gold); outline-offset: -2px; border-radius: var(--r); }
.eh-list, .eh-inner{ list-style: none; margin: 0; padding: 0; }
.eh-list a{
  display: flex; align-items: center; min-height: 34px; box-sizing: border-box; padding: 6px 10px;
  border-radius: var(--r); color: var(--mute); font: 500 var(--fs-3) var(--body); white-space: nowrap;
}
.eh-list a:hover{ color: var(--ink); background: var(--pill-hover); }
.eh-list a[aria-current="page"]{ color: var(--gold); background: var(--pill-on); }
.eh-list a:focus-visible{ outline: 2px solid var(--gold); outline-offset: -2px; }
.eh-list a.eh-sub{ color: var(--ink); font-weight: 600; }
.eh-inner{ padding-left: 12px; margin: 0 0 4px; }
.eh-list li.eh-divide{ margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--rule); }
.eh-inner a{ font-size: var(--fs-2); min-height: 32px; }
.eh-list a.is-featured, .subnav button.is-featured{ font-weight: 700; }
.eh-list a.is-featured:not([aria-current="page"]), .subnav button.is-featured:not([aria-pressed="true"]){ color: var(--ink); }
.eh-list a.is-featured::after, .subnav button.is-featured::after{
  content: ""; flex: none; width: 6px; height: 6px; margin-left: 7px; border-radius: 50%; background: var(--gold);
}
.subnav button.is-featured::after{ display: inline-block; vertical-align: middle; margin-left: 6px; translate: 0 -1px; }
@media (min-width: 641px) and (max-width: 1559px){
.eh-tile-name.has-short{ display: none; }
.eh-tile-short{ display: inline; }
.eh-tile{ padding: 0 11px; }
.eh-chev{ display: none; }
html.nav-eh .top .omni input{ width: min(260px, calc(100vw - 1180px)); }
}
@media (min-width: 641px) and (max-width: 1199px){
html.nav-eh .top .brand{ padding-left: 16px; padding-right: 10px; }
html.nav-eh .eh-bar{ gap: 4px; }
.eh-tile{
    flex-direction: column; justify-content: center; gap: 2px; height: 44px; min-width: 52px;
    padding: 0 6px; font-size: var(--fs-1);
  }
.eh-tile .eh-icon{ width: 17px; height: 17px; }
.eh-chev{ display: none; }
html.nav-eh .top .omni{ padding: 0 4px 0 8px; }
html.nav-eh .top .omni input{ width: min(260px, calc(100vw - 805px)); }
}
@media (max-width: 640px){
html.nav-eh .eh-bar{ display: none; }
html.nav-eh .top .omni{ padding: 0; }
html.nav-eh .top .omni input{ width: min(340px, 100%); }
html.nav-eh body{ padding-bottom: calc(62px + env(safe-area-inset-bottom)); }
html.nav-eh .eh-tabbar{
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 62;
    display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 2px;
    padding: 6px max(6px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));
    background: var(--panel); box-shadow: 0 -1px 0 var(--hairline-2), 0 -8px 18px -14px rgba(0,0,0,.9);
  }
.eh-tab{
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    min-height: 50px; padding: 4px 0; border: 0; border-radius: var(--r); background: none; cursor: pointer;
    color: var(--dim); font: 600 var(--fs-1) var(--body); text-decoration: none;
  }
.eh-tab .eh-icon{ width: 22px; height: 22px; }
.eh-tab[aria-current], .eh-tab.is-on, .eh-tab[aria-expanded="true"]{ color: var(--gold); background: var(--pill-on); }
.eh-tab:focus-visible{ outline: 2px solid var(--gold); outline-offset: -2px; }
html.nav-eh .eh-scrim{ display: block; position: fixed; inset: 0; z-index: 60; background: var(--scrim); }
html.nav-eh .eh-sheet{
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 61; max-height: 78vh;
    overflow-y: auto; overscroll-behavior: contain;
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 0 8px;
    padding: 14px max(12px, env(safe-area-inset-right)) calc(76px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
    background: var(--panel); border-radius: var(--r-lg) var(--r-lg) 0 0; box-shadow: var(--shadow-3);
  }
.eh-sheet-head{
    display: flex; align-items: center; gap: 9px; margin: 0 0 4px; padding: 0 10px;
    font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim);
  }
.eh-sheet-head .eh-icon{ width: 17px; height: 17px; }
.eh-sheet-head[aria-current]{ color: var(--gold); }
.eh-sheet-wiki{
    grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; min-height: 46px; margin: 0 0 12px; padding: 0 14px;
    border-radius: var(--r-lg); background: var(--pill-on); color: var(--ink); font: 700 var(--fs-3) var(--body);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 35%, transparent);
  }
.eh-sheet-wiki .eh-icon{ width: 20px; height: 20px; color: var(--gold); }
.eh-sheet-wiki:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.eh-sheet-wiki .eh-soon{ position: static; margin-left: auto; }
.eh-sheet .eh-list a{ white-space: normal; min-height: 44px; }
html.eh-sheet-open{ overflow: hidden; }
html.nav-eh .to-top{ bottom: calc(74px + env(safe-area-inset-bottom)); }
html.nav-eh .toast[popover]{ inset: auto auto calc(84px + env(safe-area-inset-bottom)) 50%; }
html.nav-eh body:has(.wr-strat){ padding-bottom: calc(126px + env(safe-area-inset-bottom)); }
html.nav-eh body:has(.wr-strat) .to-top{ bottom: calc(136px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: no-preference){
.eh-chev{ transition: transform 150ms ease; }
.eh-menu{ animation: nav-drop 150ms var(--ease) both; }
.eh-sheet{ animation: eh-rise 200ms var(--ease) both; }
@keyframes eh-rise{ from { transform: translateY(100%); } }
}
.wr2-beta{
  padding: 1px 8px; border-radius: 999px; background: var(--pill-on); color: var(--gold);
  font: 600 var(--fs-1) var(--body); letter-spacing: .04em; text-transform: none; text-decoration: none;
}
.wr2-beta:hover{ color: var(--ink); }
.wr2-next-title{ font: 700 var(--fs-4)/1.2 var(--body); }
.wr2-stats-title{
  margin: 0; font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim);
}
.section-title.owners-title{ align-items: center; gap: 8px; padding-bottom: 4px; }
.owners-title .st-label{ font-size: var(--fs-4); letter-spacing: 0.08em; line-height: 1.2; }
@media (max-width: 560px){
.owners-title .st-label{ font-size: 16px; }
}
.section-title.board-title{ padding-top: 12px; }
.board-title .st-label{ min-width: 0; overflow-wrap: anywhere; }
.cl-toggle{
  display: inline-flex; align-items: center; gap: 8px; min-width: 0;
  margin: 0; padding: 0; border: 0; background: none; color: inherit;
  font: inherit; letter-spacing: inherit; text-transform: inherit; text-align: left;
  cursor: pointer;
}
.cl-toggle:focus-visible{ outline: 2px solid var(--gold); outline-offset: 3px; border-radius: var(--r-sm); }
.cl-chev{
  flex: none; width: 7px; height: 7px; margin-left: 2px;
  border-right: 2px solid var(--dim); border-bottom: 2px solid var(--dim);
  transform: translateY(-2px) rotate(45deg);
  opacity: 0;
}
.cl-toggle:focus-visible .cl-chev{ opacity: 1; }
@media (hover: hover){
.cl-toggle:hover .cl-chev{ opacity: 1; }
}
@media (hover: hover){
.cl-toggle.cl-quiet:hover{ opacity: .72; }
}
.cl-hidden{ display: none !important; }
#view h2.cl-head.is-collapsed{
  margin: 6px var(--gutter); padding: 0; flex: 1 1 100%; align-self: stretch;
  border: 1px solid var(--rule); border-radius: var(--r-lg); background: var(--panel);
}
.cl-head.is-collapsed > :not(.cl-toggle){ display: none; }
.cl-head.is-collapsed > .cl-toggle{
  width: 100%; min-height: 44px; padding: 10px 14px; justify-content: space-between;
}
.cl-head.is-collapsed .cl-chev{ transform: rotate(-45deg); }
.cl-head.is-collapsed > .cl-toggle:hover{ color: var(--ink); }
@media (prefers-reduced-motion: no-preference){
.cl-chev{ transition: opacity 120ms ease, transform 160ms ease; }
}
.wr-ptable > .wrap{
  max-width: 760px; max-height: min(64vh, 560px); overflow: auto;
  margin: 0 var(--gutter); border: 1px solid var(--rule); border-radius: var(--r-lg);
  overscroll-behavior: contain;
}
.wr-ptable > .wrap > table{ min-width: 0; }
.wr-ptable thead th{ position: sticky; top: 0; z-index: 1; padding: 7px 10px; }
.wr-ptable tbody td{ padding: 4px 10px; }
#view .wrg-title{ margin: 0; font: 700 var(--fs-5) var(--cond); letter-spacing: .02em; }
@media (prefers-reduced-motion: no-preference){
@keyframes wrg-in{ from { opacity: 0; } to { opacity: 1; } }
}
.ag-more{ display: inline-flex; margin: 10px 0 4px; padding: 6px 14px; border-radius: 999px;
  background: var(--pill-on); color: var(--ink); font-size: var(--fs-2); font-weight: 600; text-decoration: none; }
.ag-more:hover, .ag-more:focus-visible{ box-shadow: inset 0 0 0 1px var(--gold); }
#view .dm-h{ margin: 0; font: 700 var(--fs-1)/1.3 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
.h2h{ display: grid; gap: 14px; min-width: 0; padding: 0 var(--gutter) 28px; }
#view .h2h-h{ margin: 0; font: 700 var(--fs-1)/1.3 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
#view .lr-hero-h{ position: relative; z-index: 2; margin: 0; padding: 0 var(--gutter) 18px;
  font: 800 var(--fs-5)/.9 var(--cond); font-size: clamp(44px, 11vw, 96px); letter-spacing: .02em; text-transform: uppercase; color: var(--ink); }
#view .lr-hero-h.is-plain{ padding: 24px 0 0; font-size: var(--fs-5); }
#view .lr-h{ position: relative; margin: 0; font: 800 var(--fs-5)/1 var(--cond); font-size: clamp(34px, 8vw, 60px); letter-spacing: .02em; text-transform: uppercase; }
#view .lr-title{ font: 800 var(--fs-5)/1.05 var(--cond); color: var(--ink); text-decoration: none; }
#view .lr-title:hover{ color: var(--gold); }
.lr-boss-floor{ font-size: var(--fs-1); color: var(--mute); }
.lr-balls{ display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.lr-skin{ display: flex; gap: 12px; align-items: flex-start; padding: 10px; border-radius: var(--r);
  background: var(--row); color: var(--ink); text-decoration: none; min-width: 0; }
.lr-skin:hover, .lr-skin:focus-visible{ background: color-mix(in srgb, var(--gold) 8%, var(--row)); }
.dv-label .dv-unit{ display: block; font: var(--fs-1) var(--body); letter-spacing: 0; text-transform: none; color: var(--dim); }
@media (max-width: 560px){
.dv-label .dv-unit{ display: inline; margin-left: 6px; }
}
.ss-unit, .pr2-row-side > small{ color: var(--dim); font: var(--fs-1) var(--body); }
#view .pc-title{ margin: 0; font: 700 var(--fs-4)/1.1 var(--cond); letter-spacing: .02em; }
#view .pc-h{ margin: 0; color: var(--mute); font: 600 var(--fs-2)/1.2 var(--body); text-transform: uppercase; letter-spacing: .06em; }
@keyframes pc-glow{ 50% { box-shadow: 0 0 0 2px var(--gold), 0 0 16px 5px color-mix(in srgb, var(--gold) 55%, transparent); } }
.pr-vs{ color: var(--mute); font: 700 var(--fs-2)/1 var(--cond); text-transform: uppercase; }
.ac-pill i{ color: var(--mute); }
:root{ --chip-ink-2: #AEB6C3; --chip-fill-2: 10%; --chip-edge-2: 32%; }
:root[data-theme="light"]{ --chip-ink-2: #555E6C; --chip-fill-2: 5%; --chip-edge-2: 30%; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){ --chip-ink-2: #555E6C; --chip-fill-2: 5%; --chip-edge-2: 30%; }
}
.chip.is-secondary{
  color: var(--chip-ink-2);
  background: color-mix(in srgb, var(--c, #555) var(--chip-fill-2), var(--chip-base));
  border-color: color-mix(in srgb, var(--c, #555) var(--chip-edge-2), var(--chip-base));
}
.chips .chip.is-secondary:hover{ color: var(--chip-ink); }
.info{ position: relative; }
.info::after{ content: ""; position: absolute; inset: -10px; border-radius: 50%; }
@media (max-width: 640px){
.to-top{
    width: 24px; height: 34px; right: 0;
    border-right: 0; border-radius: var(--r) 0 0 var(--r);
  }
html.nav-eh .to-top{ bottom: calc(68px + env(safe-area-inset-bottom)); }
}
@media (pointer: coarse){
.ag-more{ min-height: 32px; align-items: center; }
}
.tpp-title{ display: flex; align-items: center; gap: 10px; min-width: 0; font: 700 var(--fs-4)/1.2 var(--body); }
@keyframes tpp-in{ from { transform: translateY(16px); opacity: 0; } }
tbody tr.rank-1:not(.thin-xs) td.wr.hi, tbody tr.rank-2:not(.thin-xs) td.wr.hi, tbody tr.rank-3:not(.thin-xs) td.wr.hi{ color: color-mix(in srgb, var(--good) 70%, var(--ink)); }
tbody tr.rank-1:not(.thin-xs) td.wr.lo, tbody tr.rank-2:not(.thin-xs) td.wr.lo, tbody tr.rank-3:not(.thin-xs) td.wr.lo{ color: color-mix(in srgb, var(--bad) 70%, var(--ink)); }
.tc-grid{ grid-template-columns: minmax(0, 1fr); }
@media (pointer: coarse){
#view .lr-title{ padding: 2px 0; margin: -2px 0; }
.rh-boss-line > .rh-boss, .rd-run-title > .rh-boss{ padding: 6px 0; margin: -6px 0; }
}
#view .hl-h{ margin: 0; font: 700 var(--fs-1)/1.3 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
.hl-split-w{ flex: 0 1 0; background: color-mix(in srgb, var(--bad) 75%, var(--panel)); }
.wwt-title, .wwt-sub{
  margin: 0; font: 700 var(--fs-2) var(--cond); letter-spacing: .18em; text-transform: uppercase; color: var(--gold);
  display: inline-flex; align-items: center;
}
.wwt-vs{ display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 6px; align-items: center; padding: 12px 12px 6px; }
.wwc-vs{ font: 700 var(--fs-1) var(--mono); color: var(--mute); text-transform: uppercase; letter-spacing: .1em; }
@media (max-width: 640px){
.wwt-vs{ gap: 4px; padding-inline: 10px; }
}
.duel-toggle{
  position: relative; display: inline-grid; place-items: center; flex: none;
  width: 22px; height: 22px; padding: 0; border: 1px solid var(--rule); border-radius: 999px;
  background: transparent; color: var(--dim); cursor: pointer; font: 600 var(--fs-3)/1 var(--body);
}
.duel-toggle:hover, .duel-toggle[aria-expanded="true"]{ color: var(--gold); border-color: var(--gold); }
.duel-toggle:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.upd-notice.is-section{ padding: 12px 0; gap: 6px; }
.upd-notice.is-section .btn{ margin-top: 0; }
@media (pointer: coarse){
.duel-toggle::after{ content: ""; position: absolute; inset: -6px; border-radius: 999px; }
a.rowlink{ padding-block: 7px; margin-block: -7px; }
.whf-week-title{ padding-block: 8px; margin-block: -8px; }
}
@property --pc-angle{ syntax: "<angle>"; initial-value: 45deg; inherits: false; }
.alerts-title{ display: flex; align-items: center; gap: 8px; }
.perk-lock-title{ margin: 0; font: 700 var(--fs-5) var(--body); }
.cmp-title{ margin: 0; font: 700 var(--fs-5) var(--body); }
.cmp-vs{ font: 700 var(--fs-2) var(--body); color: var(--dim); text-transform: uppercase; letter-spacing: .06em; }
.cmp-balls{ display: grid; gap: 6px; align-content: start; }
.fx-title{ margin: 0; font: 700 var(--fs-5)/1.1 var(--cond); font-size: clamp(24px, 6.4vw, 28px); letter-spacing: .02em; color: var(--ink); }
.fx-title.has-mark{ display: flex; align-items: center; gap: 10px; }
.fx-title-words{ display: grid; gap: 3px; min-width: 0; }
.fx-title-sub{ font: 600 var(--fs-3)/1.2 var(--cond); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.wc-mark{ flex: none; display: block; width: 34px; height: 34px; }
.fx-beta{ display: grid; justify-items: end; gap: 8px; min-width: 0; }
@media (min-width: 720px){
.fx-beta{ position: relative; }
}
.fx-beta-title{ font: 700 var(--fs-1) var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--fx-warn-ink); }
body:has(.fx-dock){ padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
body:has(.fx-dock) .to-top{ bottom: 84px; }
@media (max-width: 640px){
html.nav-eh body:has(.fx-dock){ padding-bottom: calc(134px + env(safe-area-inset-bottom)); }
html.nav-eh body:has(.fx-dock) .to-top{ bottom: calc(144px + env(safe-area-inset-bottom)); }
}
@media (min-width: 960px){
body:has(.fx-dock){ padding-bottom: 0; }
body:has(.fx-dock) .to-top{ bottom: 16px; }
}
body:has(.fx-page) #view.is-swapping{ animation-fill-mode: backwards; }
@keyframes fx-pop{ 0% { transform: scale(1); } 40% { transform: scale(1.025); } 100% { transform: scale(1); } }
@keyframes fx-stamp{ from { transform: scale(0) rotate(-30deg); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes fx-ready{ 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--gold) 55%, transparent); } 100% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 30%, transparent); } }
@keyframes fx-crown{ 0% { transform: translateY(-9px) scale(.4) rotate(-18deg); opacity: 0; } 70% { transform: translateY(1px) scale(1.18); opacity: 1; } 100% { transform: none; } }
@keyframes fx-slot-in{ from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.fx-walk-title{ margin: 0; font: 700 var(--fs-4)/1.15 var(--body); color: var(--ink); }
.fx-walk-title:focus{ outline: none; }
.fx-walk-skip:focus-visible, .fx-walk-title:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
@keyframes fx-walk-in{ from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.fx-saved-title{ margin: 0; font: 700 var(--fs-5)/1.05 var(--cond); letter-spacing: .02em; }
.fx-saved-title:focus{ outline: none; }
@keyframes fx-saved-rise{ from { opacity: 0; transform: translateY(12px) scale(.9); } to { opacity: 1; transform: none; } }
.fx-soon-title{
  margin: 0; display: grid; justify-items: center;
  font-family: var(--cond); font-weight: 700; font-size: clamp(72px, 19vw, 216px); line-height: .84;
  letter-spacing: .01em; text-transform: uppercase;
  text-shadow: 0 0 48px rgba(53, 198, 224, .35);
}
@keyframes fx-soon-in-tag{ from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes fx-soon-breathe{ 0%, 100% { opacity: .55; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.06); } }
@keyframes fx-soon-in{ from { opacity: 0; letter-spacing: 1.1em; } to { opacity: 1; letter-spacing: .5em; } }
@keyframes fx-soon-rise{ from { opacity: 0; transform: translateY(.18em); filter: blur(8px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes fx-soon-sweep{ from { opacity: 0; transform: scaleX(0); } to { opacity: 1; transform: scaleX(1); } }
html:has(.fs-page .fx-dock){ scroll-padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
@media (max-width: 640px){
html.nav-eh:has(.fs-page .fx-dock){ scroll-padding-bottom: calc(146px + env(safe-area-inset-bottom)); }
}
@media (max-height: 420px) and (max-width: 640px){
html.nav-eh body:has(.fx-dock){ padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
html.nav-eh body:has(.fx-dock) .to-top{ bottom: 84px; }
html.nav-eh:has(.fs-page .fx-dock), html.nav-eh:has(.fs-page .fx-dock):has(.fs-page .wcs-dchat:not([open])){
    scroll-padding-bottom: calc(76px + env(safe-area-inset-bottom));
  }
}
.fs-room-title{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; }
.fs-cap-title{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; }
@keyframes fs-arrive{
  from { opacity: 0; transform: translate3d(56px, 0, 0); }
  to   { opacity: 1; transform: none; }
}
@keyframes fs-snd-in{ 0% { opacity: 0; transform: translateY(-4px); } 100% { opacity: 1; transform: none; } }
@keyframes fs-slide{ 0% { opacity: .35; transform: translateX(16px); } 100% { opacity: 1; transform: none; } }
@keyframes fs-drop{ 0% { opacity: 0; transform: translateY(-8px) scale(.92); } 60% { opacity: 1; transform: translateY(1px) scale(1.03); } 100% { transform: none; } }
@keyframes fs-flash{ 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--gold) 55%, transparent), var(--shadow-card); } 100% { box-shadow: 0 0 0 10px transparent, var(--shadow-card); } }
@keyframes fs-breathe{ 0%, 100% { background-color: color-mix(in srgb, var(--gold) 4%, transparent); } 50% { background-color: color-mix(in srgb, var(--gold) 14%, transparent); } }
@keyframes fs-tick{ 0% { opacity: 1; } 100% { opacity: .55; } }
.wcs-week-title{ margin: 0; font: 700 var(--fs-4)/1.1 var(--cond); letter-spacing: .04em; text-transform: uppercase; color: var(--ink); }
.wcs-vs{ font: 700 var(--fs-1) var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--dim); }
.wcs-results-title{ margin: 0; }
.wcs-bell-title{ font: 700 var(--fs-2) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.wcn-group-title{ margin: 6px 4px 0; font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--mute); }
@media (max-width: 480px){
.wcn-type{ flex-direction: column; align-items: stretch; }
}
html:has(.fs-page){ scroll-padding-top: calc(var(--sticky-top) + 12px); scroll-padding-bottom: 16px; }
html:has(.fs-page .wcs-dchat:not([open])){ scroll-padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
@media (max-width: 640px){
html.nav-eh:has(.fs-page){ scroll-padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
html.nav-eh:has(.fs-page .wcs-dchat:not([open])){ scroll-padding-bottom: calc(158px + env(safe-area-inset-bottom)); }
}
@media (max-width: 640px) and (min-height: 501px){
html:not(.nav-eh):has(.fs-page .wcs-dchat:not([open])){ scroll-padding-bottom: calc(104px + env(safe-area-inset-bottom)); }
}
@media (max-width: 639px), (max-height: 500px){
html:has(.fs-pclock){ scroll-padding-top: calc(var(--sticky-top) + 60px); }
}
.badge.is-drought{ cursor: default; border-color: color-mix(in srgb, var(--acc-amber) 45%, var(--rule)); }
.badge.is-drought .badge-kind{ color: var(--acc-amber); }
.badge-count{ flex: none; display: grid; place-items: center; min-width: 32px; padding: 0 2px;
  font: 700 var(--fs-3)/1 var(--cond); color: var(--acc-amber); font-variant-numeric: tabular-nums; }
.lkb-pill{
  display: inline-flex; align-items: center; width: fit-content; padding: 1px 8px; border-radius: 999px;
  border: 1px solid var(--rule); background: var(--pill-on);
  font: 700 var(--fs-1)/1.5 var(--cond); letter-spacing: .02em; text-transform: uppercase; white-space: nowrap;
}
.lkb-pill.is-up{ color: color-mix(in srgb, var(--good) 65%, var(--ink)); border-color: color-mix(in srgb, var(--good) 50%, var(--rule)); background: color-mix(in srgb, var(--good) 10%, var(--pill-on)); }
.lkb-pill.is-down{ color: color-mix(in srgb, var(--bad) 65%, var(--ink)); border-color: color-mix(in srgb, var(--bad) 50%, var(--rule)); background: color-mix(in srgb, var(--bad) 10%, var(--pill-on)); }
.lkb-pill.is-up.is-very{ color: color-mix(in srgb, var(--good) 55%, var(--ink)); background: color-mix(in srgb, var(--good) 20%, var(--pill-on)); }
.lkb-pill.is-down.is-very{ color: color-mix(in srgb, var(--bad) 55%, var(--ink)); background: color-mix(in srgb, var(--bad) 20%, var(--pill-on)); }
.lkb-sd{
  display: inline-flex; align-items: center; width: fit-content; padding: 1px 7px; border-radius: 999px;
  border: 1px solid var(--rule); color: var(--mute); font: 600 var(--fs-1)/1.5 var(--mono); white-space: nowrap;
}
.lkb-sd.is-up{ color: color-mix(in srgb, var(--good) 60%, var(--mute)); }
.lkb-sd.is-down{ color: color-mix(in srgb, var(--bad) 60%, var(--mute)); }
.lkb-sd-short{ display: none; }
.lkb-figs{ display: flex; flex-direction: column; gap: 3px; }
.lkb .eqb-figs, .lkb-figs{ cursor: default; }
.lkb-rare{ font: 400 var(--fs-1)/1.4 var(--body); color: var(--mute); }
.lkb-marks{ color: var(--gold); }
@media (min-width: 760px){
.lkb-figs{ align-items: center; }
}
.lkd-tiles{ display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 8px; }
.lkd-tile{
  display: flex; flex-direction: column; gap: 2px; padding: 10px 12px;
  border: 1px solid var(--rule); border-radius: var(--r-lg); background: var(--row);
}
.lkd-tile-num{ font: 600 var(--fs-4)/1.1 var(--mono); color: var(--ink); font-variant-numeric: tabular-nums; }
.lkd-tile-label{ font-size: var(--fs-1); color: var(--mute); }
.lkd-tile-sub{ font: 600 var(--fs-1)/1.4 var(--mono); color: var(--mute); }
.lkd-hero{ grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.lkd-hero .lkd-tile-num{ font-size: var(--fs-5); }
.lkd-hero.is-up .lkd-tile-num, .lkd-gap.is-up{ color: var(--good); }
.lkd-hero.is-down .lkd-tile-num, .lkd-gap.is-down{ color: var(--bad); }
.lkd-hero .lkd-tile-sub{ font: 700 var(--fs-1)/1.5 var(--cond); letter-spacing: .02em; text-transform: uppercase; }
.lkd-h{ margin: 4px 0 0; font: 700 var(--fs-2)/1.3 var(--body); color: var(--mute); }
.lkd-tiers{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.lkd-tier{
  display: grid; grid-template-columns: 96px 1fr auto; align-items: center; gap: 10px;
  padding: 8px 12px; border: 1px solid var(--rule); border-radius: var(--r-lg); background: var(--row);
}
.lkd-tier.is-total{ background: transparent; }
.lkd-marks{ color: var(--gold); font-size: var(--fs-2); }
.lkd-marks.is-none{ color: var(--mute); font-size: var(--fs-1); }
.lkd-tier-figs, .lkd-item-figs{ display: flex; flex-wrap: wrap; gap: 2px 10px; min-width: 0; }
.lkd-got{ font: 600 var(--fs-2)/1.4 var(--mono); color: var(--ink); font-variant-numeric: tabular-nums; }
.lkd-exp{ font: 400 var(--fs-1)/1.6 var(--mono); color: var(--mute); font-variant-numeric: tabular-nums; }
.lkd-gap{ font: 600 var(--fs-2)/1.4 var(--mono); color: var(--mute); font-variant-numeric: tabular-nums; }
.lkd-items{ display: flex; flex-direction: column; gap: 8px; }
.lkd-grid{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.lkd-item-marks{ color: var(--gold); font-size: var(--fs-1); }
.lkd-item-figs{ justify-content: center; }
.lkd-mark-col{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lkd-weight{ font: 600 var(--fs-1)/1.3 var(--mono); color: var(--mute); }
.lkd-tier-lines{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lkd-gaps{ display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.lkd-gap.is-pts{ font-size: var(--fs-1); }
.lkd-tier.is-empty{ opacity: .6; }
.lkd-note{ margin: -4px 0 0; font-size: var(--fs-1); color: var(--mute); }
.lkd-how{ border: 1px solid var(--rule); border-radius: var(--r-lg); padding: 0 12px; }
.lkd-how-sum{ cursor: pointer; padding: 10px 0; font: 700 var(--fs-2)/1.3 var(--body); color: var(--ink); }
.lkd-how-sum:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; border-radius: var(--r-sm); }
.lkd-how[open]{ padding-bottom: 12px; }
.lkd-how-lead{ margin: 0 0 8px; font: 600 var(--fs-2)/1.4 var(--body); color: var(--ink); }
.lkd-how-list{ margin: 0 0 10px; display: grid; gap: 6px; }
.lkd-how-list > div{ display: grid; grid-template-columns: minmax(0, 11em) 1fr; gap: 10px; }
.lkd-how-list dt{ font-size: var(--fs-1); color: var(--mute); }
.lkd-how-list dd{ margin: 0; font-size: var(--fs-1); color: var(--ink); overflow-wrap: anywhere; }
.lkd-how-link{ font-size: var(--fs-2); font-weight: 600; color: var(--gold); }
@media (max-width: 560px){
.lkd-tiles{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lkd-tier{ grid-template-columns: 72px 1fr auto; gap: 8px; }
.lkd-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lkd-how-list > div{ grid-template-columns: 1fr; gap: 0; }
}
.pw-title{ margin: 0; font: 700 var(--fs-5)/1.2 var(--body); }
@media (prefers-reduced-motion: no-preference){
@keyframes pw-in{ from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
}
@media (max-width: 560px){
.pw-title{ font-size: var(--fs-4); }
@media (prefers-reduced-motion: no-preference){
@keyframes pw-up{ from { transform: translateY(40px); opacity: .4; } to { transform: none; opacity: 1; } }
}
}
.blast-compose{ display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 1100px){
.blast-compose{ grid-template-columns: minmax(0, 1fr) minmax(0, 680px); }
}
.mp{ display: grid; gap: 8px; min-width: 0; }
.mp-bar{ display: flex; flex-wrap: wrap; gap: 8px; }
.mp-toggle{ display: inline-flex; gap: 4px; padding: 3px; border-radius: 999px; background: var(--row); }
.mp-stage{ overflow-x: auto; padding: 12px; border-radius: var(--r-lg); background: #eef1f5; }
.mp-stage[data-theme="dark"]{ background: #0B0D12; }
.mp-frame{ display: block; max-width: none; height: 560px; margin: 0 auto; border: 0; border-radius: var(--r); background: transparent; }
.mp-note{ margin: 0; color: var(--bad); font-size: var(--fs-2); }
.mp-note:empty{ display: none; }
.tc-wrap{ container: tcwrap / inline-size; }
.share-sheet-pic.is-tall{ width: auto; max-width: 100%; max-height: min(62vh, 560px); margin-inline: auto; }
.player-hero .title-row{ flex-wrap: wrap; row-gap: 8px; }
#view .pcf-h{ margin: 0; color: var(--mute); font: 600 var(--fs-2)/1.2 var(--body); }
.pcf-title{ margin: 0; font: 700 var(--fs-4)/1.25 var(--body); }
.pcf-title, .pcf-line, .pcf-form{ position: relative; z-index: 1; }
.rt-wrap{ display: grid; gap: 14px; min-width: 0; }
.rt-list-h{ margin: 0; font: 700 var(--fs-3) var(--body); color: var(--ink); scroll-margin-top: calc(var(--sticky-top) + 12px); }
.rt-list-h:focus{ outline: none; }
@media (min-width: 1100px){
.rt-wrap{ grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); align-items: start; }
}
.fs-hround-h{ margin: 4px 0 0; font: 700 var(--fs-1) var(--body); letter-spacing: .06em; text-transform: uppercase; color: var(--mute); }
.fs-join-title{ margin: 0; font: 700 var(--fs-5)/1.1 var(--cond); letter-spacing: .01em; color: var(--ink); }
.fs-stat-h{ margin: 0; font: 700 var(--fs-2) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--ink); }
.wcst-h{ margin: 0; font: 700 var(--fs-2) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--ink); }
.fs-entry-title{ margin: 0; min-width: 0; font: 700 var(--fs-5)/1.05 var(--cond); letter-spacing: .02em; overflow-wrap: anywhere; }
.fs-entry-title:focus{ outline: none; }
.fs-entry-h{ margin: 0; font: 700 var(--fs-2) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--gold); }
.wc-title{ font: 700 var(--fs-5)/1.1 var(--cond); font-size: clamp(22px, 6vw, 28px); letter-spacing: .02em; }
@keyframes rt-ink{ to { stroke-dashoffset: 0; } }
@keyframes rt-glow{
  0%, 100% { filter: drop-shadow(0 0 3px rgba(53, 198, 224, .35)) drop-shadow(0 3px 3px rgba(0, 0, 0, .55)); }
  50% { filter: drop-shadow(0 0 10px rgba(53, 198, 224, .7)) drop-shadow(0 3px 3px rgba(0, 0, 0, .55)); }
}
@media (max-width: 560px){
td .cellflex:has(> .ball-link + .chips){
    display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 10px; row-gap: 4px;
  }
td .cellflex:has(> .ball-link + .chips) > .thumb{ grid-row: span 2; }
td .cellflex > .ball-link + .chips{ justify-self: start; flex-wrap: wrap; max-width: 100%; row-gap: 3px; }
}
.compact-table .wr-pill .wr-bound, .detail-list .wr-pill .wr-bound{ color: var(--mute); }
.compact-table .wr-pill b.hi, .detail-list .wr-pill b.hi,
.compact-table tbody tr:hover .wr-pill b.hi, .detail-list tbody tr:hover .wr-pill b.hi{
  color: color-mix(in srgb, var(--good) 75%, var(--ink));
}
.compact-table .wr-pill b.lo, .detail-list .wr-pill b.lo,
.compact-table tbody tr:hover .wr-pill b.lo, .detail-list tbody tr:hover .wr-pill b.lo{
  color: color-mix(in srgb, var(--bad) 75%, var(--ink));
}
@media (max-height: 420px){
.eh-menu{ max-height: calc(100vh - 60px); overflow-y: auto; overscroll-behavior: contain; }
}
@media (pointer: coarse){
td .cellflex > a.plain{ padding-block: 7px; margin-block: -7px; }
}
@media (pointer: coarse){
.wr2-beta{ position: relative; }
.wr2-beta::after{ content: ""; position: absolute; inset: -7px -2px; border-radius: 999px; }
}
@media (max-height: 420px){
.top{ position: relative; }
aside.wr-side{ position: static; max-height: none; overflow: visible; }
}
@media (max-height: 420px) and (max-width: 1023px){
body:has(.wr-strat){ padding-bottom: 0; }
body:has(.wr-strat) .to-top{ bottom: max(12px, calc(8px + env(safe-area-inset-bottom))); }
}
@media (max-height: 420px) and (max-width: 640px){
html.nav-eh .eh-tabbar{ position: static; }
html.nav-eh body, html.nav-eh body:has(.wr-strat){ padding-bottom: 0; }
html.nav-eh .to-top, html.nav-eh body:has(.wr-strat) .to-top{ bottom: max(12px, calc(8px + env(safe-area-inset-bottom))); }
html.nav-eh .toast[popover]{ inset: auto auto 24px 50%; }
html.nav-eh .eh-sheet{ padding-bottom: calc(14px + env(safe-area-inset-bottom)); }
html.nav-eh:has(.fs-page), html.nav-eh:has(.fs-page .wcs-dchat:not([open])){ scroll-padding-bottom: 16px; }
}
@media (pointer: coarse){
td:has(> .tr-and) > a.plain{ padding-block: 8px; }
}
.wm{
  --wm-atk: var(--gold);
  --wm-def: var(--acc-violet);
  display: grid; gap: 22px; max-width: 1180px; margin: 0 auto; padding: 8px var(--gutter) 36px;
  box-sizing: border-box; width: 100%; min-width: 0;
}
.wm *, .wm-sheet *{ min-width: 0; }
.wm-title{
  margin: 0; font: 700 var(--fs-5)/.95 var(--cond); font-size: clamp(34px, 7vw, 56px); letter-spacing: .01em; text-transform: uppercase;
  background: linear-gradient(100deg, var(--ink) 30%, var(--wm-atk) 75%, var(--wm-def));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.wm-ring{ position: relative; width: 84px; height: 84px; display: grid; place-items: center; }
.wm-ring svg{ position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.wm-ring-track{ fill: none; stroke: var(--hairline-2); stroke-width: 6; }
.wm-kpi-label{ color: var(--mute); font: 500 var(--fs-1)/1.3 var(--body); }
.wm-h{ display: flex; align-items: center; gap: 4px; margin: 6px 0 0; font: 700 var(--fs-5)/1.1 var(--cond); letter-spacing: .01em; }
.wm-h{ scroll-margin-top: calc(var(--sticky-top, 49px) + 56px); }
.wm-sub-h{ display: flex; align-items: center; margin: 6px 0 0; font: 700 var(--fs-4)/1.2 var(--cond); }
.wm .info, .wm-sheet .info{ position: relative; width: 22px; height: 22px; margin-left: 8px; }
.wm .info::after, .wm-sheet .info::after{ content: ""; position: absolute; inset: -6px; }
.wm-card-h{ display: flex; align-items: center; gap: 8px; margin: 0; font: 700 var(--fs-4)/1.2 var(--cond); letter-spacing: .02em; }
.wm-card-note{ display: flex; justify-content: flex-end; }
.wm-col-wrap{ display: grid; justify-items: center; gap: 4px; }
.wm-heat-wrap{ display: grid; gap: 6px; }
.wm-versus-vs{ color: var(--dim); font: 700 var(--fs-2) var(--mono); }
.wm-test-h{ margin: 0; color: var(--mute); font: 600 var(--fs-2)/1.3 var(--body); }
.wm-sheet-title{ flex: 1 1 auto; margin: 0; font: 700 var(--fs-4)/1.15 var(--body); overflow-wrap: anywhere; }
.wm-sheet-kicker, .wm-sheet-h{ display: flex; align-items: center; margin: 0; font: 700 var(--fs-3) var(--cond); letter-spacing: .04em; text-transform: uppercase; color: var(--mute); }
.wm-sheet-items{ display: grid; gap: 8px; }
.wm-sheet-itemrow{ display: grid; gap: 6px; }
.wm-sheet-itemtiles{ display: flex; flex-wrap: wrap; gap: 8px; }
.wm-chart-title{ margin: 0; font: 700 var(--fs-2) var(--body); color: var(--ink); }
.wm-chart-type{ margin: 4px 0 0; }
.wm-soon-title{
  margin: 0; display: grid; justify-items: center; font: 700 var(--fs-5)/.84 var(--cond); font-size: clamp(64px, 17vw, 196px);
  letter-spacing: .01em; text-transform: uppercase; text-shadow: 0 0 48px rgba(53, 198, 224, .3);
}
@keyframes wm-sheet-up{ from { transform: translateY(100%); } to { transform: none; } }
.upd{
  display: grid; gap: 26px; max-width: 1180px; margin: 0 auto; padding: 8px var(--gutter) 40px;
  box-sizing: border-box; width: 100%; min-width: 0;
}
.upd *{ min-width: 0; }
.upd-hero{
  position: relative; overflow: hidden; isolation: isolate; display: grid; gap: 10px; justify-items: start;
  padding: 24px 20px 22px; border-radius: var(--r-lg); background: var(--panel); box-shadow: var(--shadow-card);
}
.upd-hero::after{
  content: ""; position: absolute; inset: -60% -10% auto auto; width: 60%; aspect-ratio: 1; z-index: -1; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--gold) 20%, transparent), transparent 62%);
}
.upd-kicker{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0;
  font: 600 var(--fs-2) var(--mono); color: var(--mute); }
.upd-pill{
  display: inline-flex; align-items: center; min-height: 24px; padding: 0 10px; border-radius: 999px;
  font: 700 var(--fs-1) var(--body); letter-spacing: .08em; text-transform: uppercase; color: var(--gold);
  background: color-mix(in srgb, var(--gold) 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent);
}
.upd-hero .upd-title{
  margin: 0; font: 700 var(--fs-5)/.95 var(--cond); font-size: clamp(34px, 7vw, 56px); letter-spacing: .01em; text-transform: uppercase;
  background: linear-gradient(100deg, var(--ink) 35%, var(--gold) 85%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
@media (forced-colors: active){
.upd-hero .upd-title{ color: CanvasText; background: none; }
}
.upd-lead{ margin: 0; max-width: 62ch; font: 400 var(--fs-3)/1.45 var(--body); color: var(--mute); }
.upd-sec{ display: grid; gap: 12px; }
.upd-h2{ margin: 0; font: 700 var(--fs-4) var(--cond); letter-spacing: .08em; text-transform: uppercase; color: var(--ink); }
.upd-grid{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 1024px){
.upd-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
.upd-grid{ grid-template-columns: minmax(0, 1fr); gap: 10px; }
}
.upd-tile{
  position: relative; display: flex; flex-direction: column; gap: 6px;
  padding: 14px 16px 12px; border-radius: var(--r-lg); border: 1px solid var(--rule);
  background: linear-gradient(160deg, color-mix(in srgb, var(--gold) 7%, var(--panel)), var(--panel) 60%);
  box-shadow: var(--shadow-card);
}
.upd-name{ color: var(--ink); text-decoration: none; font: 700 var(--fs-4)/1.2 var(--body); outline: none; }
.upd-name::after{ content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.upd-tile:has(.upd-name:focus-visible), .upd-row:has(.upd-name:focus-visible), .wk-dtile:has(.upd-name:focus-visible){ outline: 2px solid var(--gold); outline-offset: 2px; }
.upd-line{ color: var(--mute); font-size: var(--fs-3); line-height: 1.45; }
.upd-tile:hover{ border-color: color-mix(in srgb, var(--gold) 55%, var(--rule)); }
.upd-tile:hover .upd-name, .upd-row:hover .upd-name{ color: var(--gold); }
@media (max-width: 640px){
.upd{ gap: 20px; padding-top: 4px; }
.upd-hero{ padding: 18px 16px 16px; }
.upd-tile{ padding: 12px 14px 10px; }
.upd-name{ font-size: var(--fs-3); }
}
@media (prefers-reduced-motion: no-preference){
.upd-tile{ animation: upd-in .45s ease backwards; animation-delay: calc(var(--i, 0) * 40ms);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.upd-tile:hover{ transform: translateY(-2px); box-shadow: var(--shadow-card), 0 10px 26px -12px color-mix(in srgb, var(--gold) 45%, transparent); }
}
@keyframes upd-in{ from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.cmb-h{
  font: 700 var(--fs-1)/1.3 var(--cond); letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute);
}
.cmb-balls{ min-width: 0; }
@media (max-width: 900px){
.cmb-balls{ grid-area: balls; }
}
.bv-vs{ align-self: center; justify-self: center; font: 700 var(--fs-3)/1 var(--cond); letter-spacing: .14em;
  text-transform: uppercase; color: var(--dim); }
.ball-hero .title-row{ flex-wrap: wrap; row-gap: 8px; }
.si-title{ margin: 0; font: 700 var(--fs-4)/1.2 var(--body); }
.rp{ margin: 16px 0 0; }
.rp-title{ margin: 0 0 8px; font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--mute); }
dialog.sr{ width: min(760px, calc(100vw - 32px)); max-height: min(92vh, 900px); }
@media (max-width: 560px){
dialog.sr{ width: 100%; max-height: 92vh; }
}
.trk-title{ margin: 0; font: 700 var(--fs-5) var(--cond); letter-spacing: .02em; text-transform: uppercase; }
.trk-quad-title{ margin: 0 0 8px; font: 700 var(--fs-2) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--ink); }
.share-btn.tshare{
  width: 32px; height: 32px; padding: 0; justify-content: center; margin: -6px 0 -6px auto;
  align-self: center; letter-spacing: 0; text-transform: none; order: 99;
}
.has-tshare{ display: flex; align-items: center; }
.has-tshare:not(.section-title):not(.group-title){ gap: 8px; }
.group-title.has-tshare .tshare{ color: var(--mute); }
[data-table-share]{ scroll-margin-top: 72px; }
.is-shared-table{ border-radius: var(--r); box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 70%, transparent); }
@media (prefers-reduced-motion: no-preference){
.is-shared-table{ animation: tshare-glow 2.4s ease-out 1 forwards; }
@keyframes tshare-glow{
    0%, 35% { box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 70%, transparent); background: color-mix(in srgb, var(--gold) 7%, transparent); }
    100% { box-shadow: 0 0 0 2px transparent; background: transparent; }
  }
}
@media (max-width: 760px){
.fx-tools.has-tshare > .tshare{ order: 1; margin: 0; }
.fx-tools.has-tshare > :not(.fx-search):not(.tshare){ order: 2; }
}
.share-sheet.is-link .share-sheet-body{ padding-top: 64px; }
.trs-title{ flex: 1 1 auto; }
.trs-h{ margin: 0; font: 700 var(--fs-2) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--ink); }
.trs-type{ padding: 0; margin: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; border-radius: var(--r-sm); }
.trs-type:hover .chip{ filter: brightness(1.15); }
.trs-type:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.trs-type .chip.is-double{ box-shadow: inset 0 0 0 1px var(--chip-ink); }
.trs-rarity-h{ margin: 0; }
.ws-rot-h{ display: flex; align-items: center; gap: 8px; }
.sg-title{ margin: 0; display: flex; align-items: center; gap: 8px; font: 700 var(--fs-5) var(--cond); letter-spacing: .02em; text-transform: uppercase; }
.sg-top-title{ margin: 0 0 10px; font: 700 var(--fs-3) var(--cond); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
@keyframes strat-glow{ 50% { box-shadow: var(--strat-glow-hi); } }
.ws-atk-balls{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr));
  gap: 6px; min-width: 0; }
.adv-title{ margin: 0; text-align: center; font: 700 var(--fs-1)/1.2 var(--cond); letter-spacing: 0.16em; text-transform: uppercase; color: var(--dim); }
@media (prefers-reduced-motion: no-preference){
@keyframes adv-glow{ 0%, 100% { transform: scale(.92); opacity: .75; } 50% { transform: scale(1.1); opacity: 1; } }
}
.adv-eq-wrap{ position: relative; flex: none; }
.adv-sheet-title{ margin: 0; font: 700 var(--fs-4)/1.2 var(--body); overflow-wrap: anywhere; }
.badge.is-trophy{ --medal: var(--medal-gold); border-color: color-mix(in srgb, var(--medal) 70%, var(--rule));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--medal) 30%, transparent); }
.badge.is-trophy.is-place-2{ --medal: var(--medal-silver); }
.badge.is-trophy.is-place-3{ --medal: var(--medal-bronze); }
.badge.is-trophy .badge-kind{ color: var(--medal); }
.badge-trophy{ flex: none; width: 28px; height: 28px; color: var(--medal); }
button.badge.is-trophy:hover{ border-color: var(--medal); }
.wch-title{ display: grid; gap: 2px; min-width: 0; }
.wch-title h3{ margin: 0; font: 700 var(--fs-4) var(--cond); letter-spacing: .02em; color: var(--ink);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wch-group-h{ margin: 0; font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
.account-wc-h{ margin: 10px 0 6px; font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
.tpa-w{ fill: color-mix(in srgb, var(--tc) 22%, var(--tp-shade)); }
#view .tp-h{ margin: 0; font: 700 var(--fs-4)/1.2 var(--cond); letter-spacing: .02em; color: var(--ink); }
.tp-lad-b:focus-visible, .tp-seg-b:focus-visible, .tp-sec:focus-visible, .tp-bt-pick:focus-visible, .tp-bt-x:focus-visible,
.tp-cp-in:focus-visible, .tp-run-go:focus-visible, .tp-sw-h:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.tp-result-wrap{ order: 3; }
.tp-result-wrap{ display: grid; gap: 14px; min-width: 0; }
.tp-sw-h{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 10px; min-height: 32px; cursor: pointer; }
@keyframes tp-glow{ 0%, 100% { opacity: .45; } 50% { opacity: 1; } }
@keyframes tp-burst{ 0% { opacity: 1; transform: rotate(var(--a)) translateY(0) scale(1); }
  100% { opacity: 0; transform: rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(.4); } }
:root{
  --fl-bg: color-mix(in srgb, var(--panel) 94%, transparent);
  --fl-edge: var(--hairline);
  --fl-shadow: var(--shadow-card), var(--shadow-2);
  --fl-blur: blur(8px);
  --fl-tile: var(--row);
  --fl-tile-shadow: 0 1px 0 var(--lift) inset;
  --fl-backdrop:
    radial-gradient(60% 40% at 50% 0%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 70%),
    radial-gradient(40% 30% at 0% 30%, color-mix(in srgb, var(--gold) 8%, transparent), transparent 70%),
    radial-gradient(40% 30% at 100% 30%, color-mix(in srgb, var(--acc-violet) 10%, transparent), transparent 70%),
    repeating-linear-gradient(135deg, var(--hairline) 0 2px, transparent 2px 14px);
  --fl-fade: linear-gradient(to bottom, var(--ink) 0%, var(--ink) 55%, transparent 100%);
}
@keyframes fl-needle{ from { transform: rotate(-90deg); } }
@keyframes fl-fade{ from { opacity: 0; } }
@keyframes item-tier-aura{
  0%, 100% { opacity: calc(var(--aura-k) * .5); transform: scale(.95) translate(-1.5%, 1%); }
  50%      { opacity: var(--aura-k);           transform: scale(1)   translate(0, 0); }
}
@keyframes fl-rise{ from { opacity: 0; transform: translateY(12px); } }
.ts{ position: relative; isolation: isolate; display: grid; gap: 14px; min-width: 0; max-width: 1080px; padding: 4px var(--gutter) 32px; box-sizing: border-box; }
.ts-side-h{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.ts-who{ display: inline-flex; align-items: center; gap: 6px; min-width: 0; font: 600 var(--fs-2)/1.2 var(--body); }
.ts-who span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ts-who .thumb{ width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; object-fit: cover; }
.ts .thumb{ background: transparent; border: 0; }
.ts .ts-who .thumb{ background: var(--row); }
.ts-find{ flex: 1 1 160px; margin: 0; min-width: 0; }
.ts-chip:focus-visible, .ts-tab:focus-visible, .ts-pick:focus-visible, .ts-arena:focus-visible, .ts-go:focus-visible,
.ts-ctl:focus-visible, .ts-scroll:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.ts-vs{ position: relative; z-index: 2; display: grid; place-items: center; height: 0; }
.ts-vs span{ display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; color: var(--bg); font: 800 var(--fs-4)/1 var(--cond); letter-spacing: .04em; background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--gold) 55%, #fff), var(--gold) 60%, color-mix(in srgb, var(--gold) 70%, #000)); box-shadow: 0 0 0 4px var(--bg), 0 10px 26px -6px color-mix(in srgb, var(--gold) 70%, transparent); }
@keyframes ts-vs-in{ from { opacity: 0; transform: scale(.6) rotate(-12deg); } }
.ts-arenas{ display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 6px; scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
.ts-arena{ flex: 0 0 104px; display: grid; gap: 4px; padding: 4px 4px 6px; border: 0; border-radius: var(--r); background: var(--row); color: var(--ink); cursor: pointer; scroll-snap-align: start; text-align: center; }
.ts-arena:hover{ transform: translateY(-1px); }
.ts-arena.is-on{ background: var(--pill-on); box-shadow: inset 0 0 0 2px var(--gold); }
.ts-arena-img{ display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-sm); }
.ts-arena-img.is-blank{ background: linear-gradient(135deg, color-mix(in srgb, var(--gold) 22%, var(--row)), var(--row)); }
@keyframes ts-rise{ from { opacity: 0; transform: translateY(12px); } }
@keyframes ts-needle{ from { transform: rotate(-90deg); } }
@keyframes ts-fade{ from { opacity: 0; } }
#view .ts-h{ margin: 0; color: var(--mute); font: 600 var(--fs-1)/1.2 var(--body); text-transform: uppercase; letter-spacing: .08em; }
.ts-falls-h{ color: var(--mute); }
.ts-fight-h{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; }
@media (min-width: 900px){
.ts-vs{ height: auto; }
.ts-vs span{ width: 68px; height: 68px; font-size: var(--fs-5); }
}
@media (prefers-reduced-motion: no-preference){
.ts-vs span{ animation: ts-vs-in .4s var(--ease) both; }
.ts-arena{ transition: transform .15s var(--ease); }
}
#view .wt-title{ margin: 0; font: 800 var(--fs-5)/1.1 var(--cond); letter-spacing: .02em; }
.wt-sum-h{ display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; }
:root{
  --tt-captured: #4FB286; --tt-sieged: #E0784F; --tt-raided: #A98BE0; --tt-other: #79839A;
  --tt-up: #4FB286; --tt-down: #D9705F;
}
:root[data-theme="light"]{
  --tt-captured: #23855A; --tt-sieged: #B5502C; --tt-raided: #6A4BB0; --tt-other: #7C8798;
  --tt-up: #1F7A55; --tt-down: #A23A2E;
}
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){
    --tt-captured: #23855A; --tt-sieged: #B5502C; --tt-raided: #6A4BB0; --tt-other: #7C8798;
    --tt-up: #1F7A55; --tt-down: #A23A2E;
  }
}
.tt{ min-width: 0; max-width: 1180px; padding-bottom: 28px; }
.tt-title{ margin: 0; font: 700 var(--fs-5)/1.05 var(--cond); letter-spacing: .02em; text-transform: uppercase; }
.tt-card-title{ margin: 0; font: 700 var(--fs-3) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--mute); }
.tt-player .thumb, .tt-player .thumb.is-blank{ width: 26px; height: 26px; flex: none; border-radius: 50%; object-fit: cover; background: var(--row); }
.tt .is-up, .tt-alliance .is-up, .tt-compart .is-up{ color: var(--tt-up); }
.tt .is-down, .tt-alliance .is-down, .tt-compart .is-down{ color: var(--tt-down); }
.tt-mover-list, .tt-rows, .tt-attacked, .tt-days, .tt-legend{ list-style: none; margin: 0; padding: 0; }
.tt-days{ display: grid; gap: 8px; }
.tt-day{ display: grid; gap: 7px; min-width: 0; padding: 10px 12px; background: var(--row); border-radius: var(--r); }
.tt-day.is-quiet{ opacity: .5; }
.tt-day-head{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
.tt-day-head > b{ font: 700 var(--fs-3) var(--cond); letter-spacing: .04em; }
.tt-day-figs{ display: flex; gap: 12px; font: 600 var(--fs-2) var(--mono); color: var(--mute); }
.tt-day-pills{ display: flex; flex-wrap: wrap; gap: 6px; }
.tt-day-row{ display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 8px; }
.tt-day-label{ font: 700 var(--fs-1) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--dim); }
.tt-part-title{ display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.tt-compart.is-wide{ grid-column: 1 / -1; }
@media (max-width: 640px){
.tt-day-row{ grid-template-columns: minmax(0, 1fr); gap: 4px; }
}
.rs{ position: relative; isolation: isolate; display: grid; gap: 14px; min-width: 0; }
.rs-card-h{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; flex-wrap: wrap; }
.rs-squad-h{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rs-sum-h{ display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
.rs-sub-h{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
@media (min-width: 900px){
.rs-sum-h{ justify-content: flex-start; }
}
.rs .thumb{ background: none; border: 0; outline: 0; border-radius: 0; box-shadow: none; }
@keyframes rs-rise{ from { opacity: 0; transform: translateY(12px); } }
@keyframes rs-fade{ from { opacity: 0; } }
@keyframes rs-needle{ from { transform: rotate(-90deg); } }
.rs-send-balls{ display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.rs-order-real-h{ display: inline-flex; align-items: center; gap: 6px; }
.rs-plan-balls{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; max-width: 400px; }
.rf-floor-h, .rf-row-h, .rf-tile-h{ display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
.rf-tile-h{ justify-content: space-between; }
.rf-tile-h b{ font: 600 var(--fs-2)/1.2 var(--body); }
@keyframes rsp-struck{ 0% { transform: none; filter: brightness(2.4) saturate(.4); } 20% { transform: translateX(-6px) rotate(-3deg); }
  45% { transform: translateX(5px) rotate(2deg); } 70% { transform: translateX(-2px); filter: none; } 100% { transform: none; } }
@keyframes rsp-float{ 0% { opacity: 0; transform: translate(-50%, 8px) scale(.8); } 18% { opacity: 1; transform: translate(-50%, 0) scale(1.08); }
  100% { opacity: 1; transform: translate(-50%, -14px) scale(1); } }
@keyframes rsp-banner{ from { opacity: 0; transform: scale(.8); } }
#view .bot-section-title{ margin: 0; font: 700 var(--fs-4) var(--cond); letter-spacing: .08em; text-transform: uppercase; color: var(--ink); }
#view .bot-group-title{ margin: 0 0 10px; font: 700 var(--fs-3) var(--cond); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
@media (pointer: coarse){
.cellflex > .alliance-dot + a.plain{ padding-inline: 8px; margin-inline: -8px; }
}
@media (min-width: 641px) and (max-width: 1199px){
.eh-bar > .eh-dd:last-of-type > .eh-menu{ left: auto; right: 0; }
}
@media (min-width: 641px) and (max-width: 899px), (min-width: 1200px) and (max-width: 1339px){
html.nav-eh .top .omni input{
    flex: none; width: 40px; height: 40px; padding: 0; color: transparent; cursor: pointer;
    position: relative; z-index: 2;
  }
html.nav-eh .top .omni input::placeholder{ color: transparent; }
html.nav-eh .top .omni::after{
    content: ""; position: absolute; right: calc(4px + 6px + 12px); top: 50%; translate: 0 -50%; z-index: 3;
    width: 16px; height: 16px; background: var(--dim); pointer-events: none;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") center / contain no-repeat;
  }
html.nav-eh .top .omni:focus-within::after{ display: none; }
html.nav-eh .top .omni input:focus{
    width: min(340px, calc(100vw - 210px)); max-width: none; margin-left: calc(46px - min(340px, calc(100vw - 210px)));
    box-sizing: border-box; padding: 9px 14px; color: var(--ink); cursor: text;
  }
html.nav-eh .top .omni input:focus::placeholder{ color: var(--dim); }
}
@media (min-width: 641px) and (max-width: 819px){
html.nav-eh .top .brand{ padding-left: 10px; padding-right: 6px; }
html.nav-eh .eh-bar{ gap: 2px; }
.eh-tile{ min-width: 49px; padding: 0 5px; }
html.nav-eh .top .omni{ flex: none; padding: 0 2px 0 4px; }
html.nav-eh .top .omni input{ margin: 0 2px; }
html.nav-eh .top .omni::after{ right: calc(2px + 2px + 12px); }
html.nav-eh .top .omni input:focus{ margin-left: calc(42px - min(340px, calc(100vw - 210px))); }
}
@media (min-width: 641px) and (max-width: 767px){
.eh-tile-workshop, .eh-tile-wiki{ min-width: 38px; }
.eh-tile-workshop .eh-tile-name, .eh-tile-wiki .eh-tile-name{
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
}
@media (min-width: 641px) and (max-width: 719px){
.eh-tile{ min-width: 38px; }
.eh-tile .eh-tile-name{
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
}
.ns-title{ margin: -6px 0 0; font: 700 var(--fs-6, 1.9rem)/1.15 var(--cond); color: var(--ink); overflow-wrap: anywhere; }
.method-dialog-extra{ padding: 14px var(--gutter) 2px; }
.method-dialog-extra[hidden]{ display: none; }
.anon-name[data-anon-info]{ cursor: help; text-decoration: underline dotted color-mix(in srgb, currentColor 45%, transparent);
  text-underline-offset: 3px; }
.anon-name[role="button"]:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; border-radius: var(--r-sm); }
a[href^="/player/Anon-"], a[href="/player/Anonymous"], a[href^="/player/Anonymous?"], a[href^="/player/Anonymous/"]{
  pointer-events: none; cursor: default; color: inherit; text-decoration: none; }
body:has(.pp-card) .subnav{ display: none; }
.method-dialog-link{ display: block; padding: 12px var(--gutter); color: var(--gold); font-size: var(--fs-2); }
.method-dialog-link[hidden], .fx-show-all[hidden]{ display: none; }
@media (pointer: coarse){
.info::after{ inset: -15px; }
.subnav button{ min-height: 44px; }
}
.wp-title{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0;
  font: 700 var(--fs-5)/1.1 var(--cond); letter-spacing: .01em; text-transform: uppercase; color: var(--ink); }
.wp-vs{ color: var(--dim); font-size: .6em; letter-spacing: .1em; }
.wp-sec-title{ margin: 0; font: 700 var(--fs-4) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--mute); }
.wp-balls{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; min-width: 0; }
.wp-zone-balls{ margin: 0; color: var(--ink); font: var(--fs-3)/1.45 var(--body); overflow-wrap: anywhere; }
.wpb-balls{ display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
@media print{
@page plan{ size: auto; margin: 12mm 11mm 14mm;
    @bottom-right { content: counter(page) " of " counter(pages); font: 8pt system-ui, sans-serif; color: #555; } }
html:has(.wp-page), body:has(.wp-page){ background: #fff !important; color: #111 !important; color-scheme: light; }
body:has(.wp-page) > header, body:has(.wp-page) .top, body:has(.wp-page) .chrome, body:has(.wp-page) footer,
  body:has(.wp-page) .foot-get, body:has(.wp-page) .to-top, body:has(.wp-page) .toast, body:has(.wp-page) .skip-link,
  body:has(.wp-page) ins, body:has(.wp-page) .eh-tabbar, body:has(.wp-page) .eh-scrim, body:has(.wp-page) .eh-sheet,
  .wp-tools, .wp-back, .wp-page > :not(.wpp){ display: none !important; }
body:has(.wp-page) main, body:has(.wp-page) #view{ margin: 0 !important; padding: 0 !important; max-width: none !important; }
.wpp-title{ margin: 0; font: 700 18pt/1.15 var(--cond); text-transform: uppercase; letter-spacing: .02em; color: #111; }
.wpp-balls{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4pt; }
.wpp-zone-balls{ margin: 1pt 0 0; font: 8pt/1.35 var(--body); }
}
@media (pointer: coarse){
#view h2.cl-head:not(.is-collapsed) + .wrap,
  #view h2.cl-head:not(.is-collapsed) + .grouped-table,
  #view h2.cl-head:not(.is-collapsed) + .mb-controls{ margin-top: 6px; }
thead th[aria-sort]{ padding-top: 11px; padding-bottom: 11px; }
footer a[href="/help"]{ position: relative; }
footer a[href="/help"]::after{ content: ""; position: absolute; inset: 0 -2px; }
}
@media (pointer: coarse) and (max-width: 640px){
.to-top::after{ content: ""; position: absolute; top: 0; bottom: 0; left: -9px; width: 9px; }
}
.news-title{ color: var(--ink); font: 700 var(--fs-4)/1.2 var(--body); }
.news-links{ display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }
.news-link{ color: var(--gold); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.news-body p{ margin: 0; max-width: 62ch; font: 400 var(--fs-3)/1.6 var(--body); color: var(--ink); }
.news-body .upd-h2{ margin-top: 10px; }
.news-list{ margin: 0; padding-left: 1.25em; max-width: 62ch; display: grid; gap: 6px;
  font: 400 var(--fs-3)/1.55 var(--body); color: var(--ink); }
.news-list li::marker{ color: var(--gold); }
.news-body strong{ font-weight: 700; }
.news-image{ display: block; width: 100%; max-width: 720px; height: auto; border-radius: var(--r-lg); box-shadow: var(--shadow-card); }
.wrb-star{ font-size: var(--fs-1); opacity: .8; }
.wrb-h{ display: flex; align-items: center; gap: 10px; margin: 6px var(--gutter) 0; min-width: 0;
  font: 700 var(--fs-2)/1 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--mute); }
.wrb-h:has(.ws-share.is-open){ flex-wrap: wrap; }
.wrb-attack{ display: grid; gap: 8px; align-content: start; min-width: 0; padding: 12px 14px; border-radius: var(--r-lg);
  border: 1px solid color-mix(in srgb, var(--gold) 45%, var(--rule)); box-shadow: var(--shadow-card);
  background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 55%), var(--panel); }
.wrb-attack .ws-atk-balls{ display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin: 0; padding: 0; }
.wrb-attack p{ margin: 0; }
.wrb-stats{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; margin: 0 var(--gutter); min-width: 0; }
.wrb-stats > *{ margin: 0; min-width: 0; grid-column: 1 / -1; }
.wrb-stats > :has(.cl-head.is-collapsed), .wrb-stats > .wr-fold:not(.is-open), .wrb-stats > :empty{ grid-column: auto; }
.wrb-stats > section, .wrb-stats > .wr-strat-tail > section{ border-radius: var(--r-lg); }
.wrb-stats .cl-head.is-collapsed, #view .wrb-stats h2.cl-head.is-collapsed{ margin: 0; }
.wrb-stats .cl-head.is-collapsed .cl-toggle{ min-height: 40px; width: 100%; }
.wtw-src, .wtw-members{ display: flex; gap: 6px; min-width: 0; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.wtw-src::-webkit-scrollbar, .wtw-members::-webkit-scrollbar{ display: none; }
.wtw-src-pill, .wtw-member{ flex: 0 0 auto; min-height: 34px; padding: 0 12px; border: 1px solid var(--rule); border-radius: 999px; background: var(--row); color: var(--ink); font: 600 var(--fs-1)/1 var(--body); cursor: pointer; white-space: nowrap; }
.wtw-member{ min-height: 30px; font-weight: 500; color: var(--mute); }
.wtw-member.is-on{ background: var(--pill-on); border-color: color-mix(in srgb, var(--gold) 60%, var(--rule)); color: var(--ink); }
.wtw-src-pill:focus-visible, .wtw-member:focus-visible, .wtw-ball:focus-visible, .wtw-squad:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.wtw-balls{ display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 6px; max-height: 312px; overflow-y: auto; padding: 2px; }
.wtw-balls{ grid-auto-rows: max-content; }
@media (max-width: 760px){
.wtw-balls{ max-height: 268px; }
}
@media (max-width: 760px){
.wrb-over, .wrb-attacks, .wrb-stats, .wrb-tester-top, .wrb-tester-tiles{ grid-template-columns: minmax(0, 1fr); }
.wrb-attack .ws-atk-balls{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.wrb-items{ display: contents; }
.wit-tile.is-r1, .war-cmp-item.is-t1, .war-cmp-tabs [data-tier="1"], .wsl-item.is-t1, .wbt-pick-item.is-t1{ --it: var(--dim); }
.wit-tile.is-r2, .war-cmp-item.is-t2, .war-cmp-tabs [data-tier="2"], .wsl-item.is-t2, .wbt-pick-item.is-t2{
  --it: color-mix(in srgb, #4E9E6A 82%, var(--ink)); }
.wit-tile.is-r3, .war-cmp-item.is-t3, .war-cmp-tabs [data-tier="3"], .wsl-item.is-t3, .wbt-pick-item.is-t3{ --it: var(--prestige-gold); }
.wit-tile.is-r4, .war-cmp-item.is-t4, .war-cmp-tabs [data-tier="4"], .wsl-item.is-t4, .wbt-pick-item.is-t4{ --it: var(--aurora-3); }
:root{
  --it-aurora: linear-gradient(100deg, var(--aurora-1), var(--aurora-2), var(--aurora-3), var(--aurora-4));
  --it-glow-3: 0 0 10px -2px color-mix(in srgb, var(--prestige-gold) 70%, transparent);
  --it-glow-4: 0 0 10px -1px color-mix(in srgb, var(--aurora-3) var(--aurora-glow), transparent),
               0 0 4px color-mix(in srgb, var(--aurora-1) var(--aurora-glow), transparent);
}
.wit-tile[class*="is-r"] .wit-rank, .war-cmp-item[class*="is-t"] .item-rank,
.war-cmp-tabs .wat-chip[data-tier]:not(.is-on) .rank-marks,
.wsl-item[class*="is-t"] .wsl-tier, .wbt-pick-item[class*="is-t"] .wbt-pick-rank{ color: var(--it); }
.wit-tile.is-r4 .wit-rank .rank-marks, .war-cmp-item.is-t4 .item-rank .rank-marks,
.war-cmp-tabs .wat-chip[data-tier="4"]:not(.is-on) .rank-marks, .wstock-chip.is-p4 .wstock-label .rank-marks,
.wsl-item.is-t4 .wsl-tier .rank-marks, .wbt-pick-item.is-t4 .wbt-pick-rank .rank-marks{
  background: var(--it-aurora); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.wsl-item.is-p3 .pv2-item-pic{ box-shadow: 0 0 0 1.5px var(--prestige-gold), var(--it-glow-3); }
.wsl-item.is-p4 .pv2-item-pic{ box-shadow: 0 0 0 2px var(--aurora-2), var(--it-glow-4); }
.wsl-item.is-p3 .wsl-tier{ background: color-mix(in srgb, var(--prestige-gold) 18%, transparent); }
.wsl-item.is-p4 .wsl-tier{ background: color-mix(in srgb, var(--aurora-3) 18%, transparent); }
.wbt-pick-item.is-p3, .wbt-pick-item.is-p4{ color: var(--ink); }
@media (pointer: coarse){
.news-links .news-link{ padding-block: 7px; margin-block: -7px; }
}
@media (pointer: coarse){
h2.cl-head:not(.is-collapsed){ margin-bottom: 6px; }
td .cellflex > a.ball-link{ padding: 7px 5px; margin: -7px -5px; }
td .cellflex:has(> .ball-link + .chips){ row-gap: 12px; }
.cellflex:has(> .idc){ row-gap: 10px; }
td .cellflex:has(> .idc) > a.plain{ padding-block: 7px; margin-block: -7px; }
td.support > span > a.ball-link{ padding: 8px 5px; margin: -8px -5px; }
td.support > span:has(> a.ball-link){ line-height: 32px; }
}
.wk-top{ gap: 10px; padding-right: var(--gutter); min-height: 54px; }
.wk-top .brand{ padding-right: 0; }
.wk-brand{ position: relative; display: flex; align-items: center; align-self: stretch; }
.wk-sitenav{ display: none; position: absolute; top: 100%; left: 0; z-index: 60; width: min(760px, calc(100vw - 2 * var(--gutter)));
  padding: 14px 16px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); }
.wk-brand:hover:not(.is-shut) .wk-sitenav, .wk-brand.is-open .wk-sitenav{ display: block; }
.wk-sn{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 16px; }
.wk-sn ul{ list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 2px; }
.wk-sn a{ color: var(--mute); font: 500 var(--fs-2)/1.35 var(--body); }
.wk-sn a:hover, .wk-sn a:focus-visible{ color: var(--gold); }
.wk-sn .wk-sn-h{ color: var(--ink); font: 700 var(--fs-2) var(--cond); letter-spacing: .1em; text-transform: uppercase; }
@media (max-width: 640px){
.wk-sn{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.wk-mark{
  display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px;
  font: 700 var(--fs-1) var(--body); letter-spacing: .1em; text-transform: uppercase; color: var(--gold);
  background: color-mix(in srgb, var(--gold) 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent);
}
.wk-find{ flex: 1 1 auto; display: flex; justify-content: flex-end; min-width: 0; }
.wk-find input{
  width: 100%; max-width: 360px; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--rule);
  background: var(--bg); color: var(--ink); font: 500 var(--fs-3) var(--body);
}
.wk-find input:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.wk-site{ color: var(--mute); font: 600 var(--fs-2) var(--body); white-space: nowrap; }
.wk-site:hover{ color: var(--gold); }
@media (max-width: 640px){
.wk-top, html.nav-eh .top.wk-top{ flex-wrap: wrap; row-gap: 0; padding-bottom: 10px; }
.wk-top .brand{ padding-top: 10px; padding-bottom: 6px; }
.wk-find{ order: 3; flex-basis: 100%; padding-left: var(--gutter); }
.wk-find input{ max-width: none; }
.wk-site{ margin-left: auto; }
}
.wk{ max-width: 1100px; align-content: start; }
.wk .upd-sec, .wk-hero, .wk-article{ align-content: start; }
.wk-crumbs{ display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: -14px; font: 600 var(--fs-2) var(--body); color: var(--dim); }
.wk-crumbs a{ color: var(--mute); }
.wk-crumbs a:hover{ color: var(--gold); }
.wk-link{ color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
.wk-hero{ padding-right: min(36%, 220px); min-height: 150px; }
.wk-hero .upd-lead{ max-width: 56ch; }
.wk-hero .upd-kicker a.upd-pill:hover{ background: color-mix(in srgb, var(--gold) 24%, transparent); }
.wk-cover{ position: absolute; right: 18px; bottom: 10px; width: min(30%, 180px); aspect-ratio: 1; z-index: -1; pointer-events: none; }
.wk-cover img, .wk-hero-pic img, .wk-cat-art img, .wk-ptile-art img, .wk-tile-art img{ width: 100%; height: 100%; object-fit: contain; display: block; }
.wk-cover.is-item, .wk-cover.is-type{ width: min(24%, 130px); bottom: 50%; translate: 0 50%; }
.wk-hero-art{ position: absolute; right: 10px; bottom: 6px; display: flex; align-items: flex-end; z-index: -1; pointer-events: none; }
.wk-hero-pic{ width: 112px; aspect-ratio: 1; margin-left: -22px; }
.wk-hero-pic:nth-child(2){ width: 132px; }
.is-missing{ visibility: hidden; }
@media (max-width: 640px){
.wk-hero{ padding-right: 16px; padding-bottom: 96px; min-height: 0; }
.wk-cover{ width: 92px; right: 12px; bottom: 6px; }
.wk-cover.is-item, .wk-cover.is-type{ width: 72px; bottom: 12px; translate: none; }
.wk-hero-pic{ width: 82px; }
.wk-hero-pic:nth-child(2){ width: 96px; }
}
.wk-cats{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 1024px){
.wk-cats{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
.wk-cats{ grid-template-columns: minmax(0, 1fr); gap: 10px; }
}
.wk-cat{ gap: 10px; }
.wk-cat-art{ flex: none; width: 56px; aspect-ratio: 1; }
.wk-cat-pages{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; position: relative; z-index: 2; }
.wk-cat-pages a{
  display: inline-flex; align-items: center; min-height: 28px; padding: 0 11px; border-radius: 999px;
  background: var(--pill-on); color: var(--ink); font: 600 var(--fs-2) var(--body);
}
.wk-cat-pages a:hover, .wk-cat-pages a:focus-visible{ box-shadow: inset 0 0 0 1px var(--gold); color: var(--gold); }
.wk-results{ display: grid; gap: 10px; }
.wk-hits{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.wk-hits li{ padding: 12px 14px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); }
.wk-hits a{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.wk-hits b{ font: 700 var(--fs-4)/1.2 var(--body); color: var(--ink); }
.wk-hits a:hover b{ color: var(--gold); }
.wk-hits span{ font: 600 var(--fs-1) var(--body); letter-spacing: .06em; text-transform: uppercase; color: var(--dim); }
.wk-hits p{ margin: 4px 0 0; color: var(--mute); line-height: 1.45; }
.wk-empty{ color: var(--mute); }
.wk-ptile{ flex-direction: row; align-items: flex-start; gap: 12px; }
.wk-ptile-art{ flex: none; width: 56px; aspect-ratio: 1; }
.wk-ptile-text{ display: grid; gap: 4px; }
.wk-ptile-cat{ font: 600 var(--fs-1) var(--body); letter-spacing: .06em; text-transform: uppercase; color: var(--dim); }
.wk-article{ display: grid; gap: 22px; }
.wk-layout{ display: grid; gap: 22px; }
@media (min-width: 1000px){
.wk-layout:has(.wk-toc){ grid-template-columns: minmax(0, 1fr) 230px; align-items: start; }
.wk-layout .wk-toc{ order: 2; position: sticky; top: 72px; }
}
.wk-toc{ padding: 14px 16px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); }
.wk-toc-h{ margin: 0 0 8px; font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
.wk-toc ol{ margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; }
.wk-toc a{ display: block; padding: 5px 8px; border-radius: var(--r); color: var(--mute); font: 600 var(--fs-2)/1.3 var(--body); }
.wk-toc a:hover{ background: var(--row); color: var(--gold); }
.wk-h2{ margin: 14px 0 0; font: 700 var(--fs-4) var(--cond); letter-spacing: .06em; text-transform: uppercase; color: var(--ink); scroll-margin-top: 72px; }
.wk-h3{ margin: 6px 0 0; font: 700 var(--fs-4) var(--body); color: var(--ink); scroll-margin-top: 72px; }
.wk-list{ padding-left: 20px; display: grid; gap: 6px; }
.wk-list li::marker{ color: var(--gold); }
.wk-note{
  padding: 12px 16px; border-radius: var(--r-lg);
  background: color-mix(in srgb, var(--gold) 9%, var(--panel)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 40%, transparent);
}
.wk-tiles{ display: flex; flex-wrap: wrap; gap: 10px; margin: 2px 0; }
.wk-tile{
  display: grid; justify-items: center; align-content: start; gap: 6px; width: 104px; padding: 10px 8px 9px;
  border-radius: var(--r-lg); border: 1px solid var(--rule); box-shadow: var(--shadow-card);
  background: linear-gradient(160deg, color-mix(in srgb, var(--gold) 7%, var(--panel)), var(--panel) 60%);
}
.wk-tile-art{ width: 72px; aspect-ratio: 1; }
.wk-tile-name{ font: 600 var(--fs-2)/1.25 var(--body); color: var(--ink); text-align: center; overflow-wrap: anywhere; }
.wk-tile:hover{ border-color: color-mix(in srgb, var(--gold) 55%, var(--rule)); }
.wk-tile:hover .wk-tile-name{ color: var(--gold); }
.wk-tile-tag{ display: flex; justify-content: center; max-width: 100%; font-size: var(--fs-1); line-height: 1.4; }
.wk-tile-tag .wk-rar{ font-size: var(--fs-1); }
.wk-tile-tag .mymic-tier{ max-width: 100%; padding: 2px 9px; letter-spacing: 0; white-space: normal; justify-content: center; text-align: center; }
.wk-tiles.is-type .wk-tile{ width: auto; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 8px; border-radius: 999px; }
.wk-tiles.is-type .wk-tile-art{ width: 24px; }
@media (max-width: 640px){
.wk-tiles{ gap: 8px; }
.wk-tile{ width: calc((100% - 16px) / 3); }
.wk-tile-art{ width: 60px; }
.wk-tiles.is-type .wk-tile{ width: auto; }
}
@media (prefers-reduced-motion: no-preference){
.wk-tile{ transition: transform .18s ease, border-color .18s ease; }
.wk-tile:hover{ transform: translateY(-2px); }
}
.wk-credits{ margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--hairline-2); display: grid; gap: 8px; }
.wk-credits-h{ margin: 0; font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
.wk-credits ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; }
.wk-credits li{ display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: var(--fs-2); }
.wk-credit-work{ color: var(--mute); }
.wk-credit-work:hover{ color: var(--gold); }
.wk-std{ display: block; }
.wk-head{ padding-bottom: 8px; border-bottom: 1px solid var(--rule); }
.wk-title{ margin: 0; font: 700 var(--fs-5)/1.08 var(--cond); letter-spacing: .02em; color: var(--ink); overflow-wrap: anywhere; }
.wk-title .wk-draft{ vertical-align: middle; }
.wk-tagline{ margin: 4px 0 0; color: var(--dim); font: 400 var(--fs-2)/1.4 var(--body); }
.wk-content{ display: flow-root; margin-top: 16px; font: 400 var(--fs-3)/1.65 var(--body); color: var(--ink); }
.wk-content p, .wk-content ul, .wk-content ol{ margin: 0 0 10px; }
.wk-lead, .wk-sec{ max-width: 78ch; }
.wk-lead{ margin-bottom: 14px; }
.wk-sec{ margin-top: 18px; }
.wk-sec > .wk-h2{ margin: 0 0 10px; padding-bottom: 5px; border-bottom: 1px solid var(--hairline-2); }
.wk-sec .wk-h3{ margin: 12px 0 6px; }
.wk-num{ color: var(--dim); font-variant-numeric: tabular-nums; }
.wk-anchor{ margin-left: 8px; color: var(--dim); font-weight: 400; text-decoration: none; opacity: 0; }
.wk-h2:hover .wk-anchor, .wk-anchor:focus-visible{ opacity: 1; }
.wk-std .wk-toc{ display: inline-block; min-width: 220px; max-width: 100%; margin: 0 0 6px; }
.wk-std .wk-toc a{ display: flex; gap: 6px; }
.wk-infobox{ float: right; clear: right; width: 300px; margin: 0 0 16px 24px; padding: 12px 14px; border-radius: var(--r-lg);
  background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); }
.wk-ib-h{ font: 700 var(--fs-4)/1.2 var(--cond); letter-spacing: .04em; text-transform: uppercase; text-align: center; color: var(--ink); }
.wk-ib-art{ width: 72%; max-width: 200px; aspect-ratio: 1; margin: 8px auto 4px; }
.wk-ib-art img{ width: 100%; height: 100%; object-fit: contain; display: block; }
.wk-ib-art.is-banner{ width: 100%; max-width: none; aspect-ratio: auto; }
.wk-ib-art.is-banner img{ height: auto; border-radius: var(--r); }
.wk-ib-cap{ margin: 4px 0 0; color: var(--mute); font-size: var(--fs-2); text-align: center; }
.wk-ib{ margin: 6px 0 0; display: grid; }
.wk-ib-row{ display: grid; grid-template-columns: 42% minmax(0, 1fr); gap: 10px; padding: 6px 0; border-top: 1px solid var(--hairline-2); }
.wk-ib dt{ color: var(--dim); font: 600 var(--fs-2)/1.35 var(--body); }
.wk-ib dd{ margin: 0; font: 400 var(--fs-2)/1.35 var(--body); overflow-wrap: anywhere; }
.wk-ib a{ color: var(--gold); }
.wk-type{ display: inline-flex; align-items: center; gap: 4px; margin: 0 8px 2px 0; color: var(--ink); white-space: nowrap; }
.wk-type img{ width: 18px; height: 18px; }
.wk-type:hover{ color: var(--gold); }
.wk-tags{ display: flex; flex-wrap: wrap; gap: 4px; }
.wk-tag{ display: inline-block; padding: 1px 8px; border: 1px solid var(--rule); border-radius: 999px; background: var(--panel);
  font: 700 var(--fs-1)/1.5 var(--cond); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); white-space: nowrap; }
.wk-tag.is-gov{ color: var(--ink); }
.wk-marks{ color: var(--gold); letter-spacing: .08em; }
.wk-draft{ margin-left: 8px; background: color-mix(in srgb, var(--mute) 22%, transparent); color: var(--ink); }
.wk-sources{ padding-left: 22px; color: var(--mute); font-size: var(--fs-2); }
.wk-catlinks{ clear: both; margin-top: 22px; padding: 8px 12px; border-radius: var(--r); border: 1px solid var(--rule); background: var(--panel);
  font-size: var(--fs-2); color: var(--mute); }
.wk-catlinks a{ color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
.wk-catlinks b{ color: var(--ink); margin-right: 4px; }
.wk-skins{ display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }
.wk-skin{ display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); }
.wk-skin-art{ flex: none; width: 72px; aspect-ratio: 1; }
.wk-skin-art img{ width: 100%; height: 100%; object-fit: contain; display: block; }
.wk-skin .wk-h3{ margin: 0 0 4px; }
.wk-skin .wk-list{ padding-left: 16px; gap: 2px; margin: 0; }
.wk-az{ display: flex; flex-wrap: wrap; gap: 6px; }
.wk-az a{ min-width: 34px; padding: 6px 8px; text-align: center; border-radius: var(--r); background: var(--panel); border: 1px solid var(--rule); color: var(--ink); font-weight: 700; }
.wk-az a:hover{ color: var(--gold); }
.wk-names{ list-style: none; margin: 0; padding: 0; columns: 4 180px; column-gap: 18px; }
.wk-names li{ break-inside: avoid; padding: 3px 0; }
.wk-names a{ color: var(--ink); }
.wk-names a:hover{ color: var(--gold); }
.wk-timeline{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.wk-timeline li{ display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 10px; align-items: baseline; }
.wk-timeline time{ color: var(--dim); font: 600 var(--fs-2) var(--body); }
.wk-gc{ display: grid; gap: 18px; }
.wk-gc-filter{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; border: 0; min-width: 0; }
.wk-gc-filter input{ position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.wk-gc-filter label{ display: inline-flex; align-items: center; min-height: 32px; padding: 0 14px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--rule); background: var(--panel); color: var(--mute); font: 700 var(--fs-1) var(--body); letter-spacing: .08em; text-transform: uppercase; }
.wk-gc-filter label:hover{ color: var(--ink); }
.wk-gc-filter input:checked + label{ color: var(--gold); background: color-mix(in srgb, var(--gold) 14%, var(--panel));
  border-color: color-mix(in srgb, var(--gold) 45%, transparent); }
.wk-gc-filter input:focus-visible + label{ outline: 2px solid var(--gold); outline-offset: 2px; }
.wk-gc-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.wk-gc-row{ display: grid; gap: 4px; padding: 10px 14px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); min-width: 0; }
.wk-gc-when{ color: var(--dim); font: 600 var(--fs-2) var(--body); }
.wk-gc-fields{ margin: 4px 0 0; padding-left: 18px; gap: 4px; font-size: var(--fs-2); overflow-wrap: anywhere; }
.wk-gc-sum{ margin: 2px 0 0; color: var(--mute); font-size: var(--fs-2); }
.wk-gc-more{ margin: 0; }
.wk-gc:has(#gc-ball:checked) .wk-gc-row:not(.is-ball), .wk-gc:has(#gc-ball:checked) .wk-gc-day:not(:has(.is-ball)),
.wk-gc:has(#gc-item:checked) .wk-gc-row:not(.is-item), .wk-gc:has(#gc-item:checked) .wk-gc-day:not(:has(.is-item)),
.wk-gc:has(#gc-mymic:checked) .wk-gc-row:not(.is-mymic), .wk-gc:has(#gc-mymic:checked) .wk-gc-day:not(:has(.is-mymic)),
.wk-gc:has(#gc-effect:checked) .wk-gc-row:not(.is-effect), .wk-gc:has(#gc-effect:checked) .wk-gc-day:not(:has(.is-effect)),
.wk-gc:has(#gc-news:checked) .wk-gc-row:not(.is-news), .wk-gc:has(#gc-news:checked) .wk-gc-day:not(:has(.is-news)){ display: none; }
.wk-pv{ position: absolute; z-index: 95; width: min(320px, calc(100vw - 16px)); padding: 12px 14px; border-radius: var(--r-lg);
  border: 1px solid var(--rule); background: linear-gradient(160deg, color-mix(in srgb, var(--gold) 7%, var(--panel)), var(--panel) 60%);
  box-shadow: var(--shadow-card); color: var(--ink); font: 400 var(--fs-2)/1.4 var(--body); cursor: pointer; }
.wk-pv[hidden]{ display: none; }
@keyframes wk-pv-in{ from { opacity: 0; transform: translateY(3px); } }
.wk-pv-top{ display: flex; align-items: center; gap: 10px; }
.wk-pv-art{ flex: none; width: 52px; aspect-ratio: 1; }
.wk-pv-art.is-effect{ width: 36px; }
.wk-pv-art img{ width: 100%; height: 100%; object-fit: contain; display: block; }
.wk-pv-head{ min-width: 0; display: grid; gap: 1px; }
.wk-pv-t{ font: 700 var(--fs-4)/1.2 var(--body); overflow-wrap: anywhere; }
.wk-pv-s{ color: var(--mute); font-size: var(--fs-2); }
.wk-pv-stats{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; margin-top: 10px; }
.wk-pv-stat{ display: grid; justify-items: center; padding: 4px 0 3px; border-radius: var(--r); background: var(--row);
  color: var(--dim); font: 600 var(--fs-1)/1.2 var(--body); letter-spacing: .04em; }
.wk-pv-stat b{ color: var(--ink); font: 700 var(--fs-3)/1.2 var(--cond); letter-spacing: 0; }
.wk-pv-rows{ margin: 8px 0 0; display: grid; }
.wk-pv-row{ display: grid; grid-template-columns: 38% minmax(0, 1fr); gap: 8px; padding: 4px 0; border-top: 1px solid var(--hairline-2); }
.wk-pv-row dt{ color: var(--dim); font-weight: 600; }
.wk-pv-row dd{ margin: 0; overflow-wrap: anywhere; }
.wk-pv-type{ display: inline-flex; align-items: center; gap: 3px; margin: 0 8px 1px 0; white-space: nowrap; }
.wk-pv-type img{ width: 16px; height: 16px; }
.wk-pv-x{ margin: 8px 0 0; padding-top: 8px; border-top: 1px solid var(--hairline-2); }
.wk-pv-fx{ list-style: none; margin: 8px 0 0; padding: 8px 0 0; border-top: 1px solid var(--hairline-2); display: grid; gap: 5px; }
.wk-pv-fx b{ display: block; color: var(--gold); font-weight: 700; }
main.wk a{ -webkit-touch-callout: none; }
@media (prefers-reduced-motion: no-preference){
.wk-pv{ animation: wk-pv-in .14s ease; }
}
@media (max-width: 760px){
.wk-infobox{ float: none; width: auto; margin: 0 0 16px; }
.wk-std .wk-toc{ display: block; }
}
.wk-tabs{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.wk-tab{ display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border-radius: 999px;
  border: 1px solid var(--rule); background: var(--panel); color: var(--mute); font: 600 var(--fs-2) var(--body); text-decoration: none; }
.wk-tab:hover, .wk-tab:focus-visible{ color: var(--gold); border-color: color-mix(in srgb, var(--gold) 55%, var(--rule)); }
.wk-tab.is-on{ color: var(--gold); background: color-mix(in srgb, var(--gold) 14%, var(--panel)); border-color: color-mix(in srgb, var(--gold) 45%, transparent); }
.wk-tab-side{ margin-left: auto; }
.wk-tab-side + .wk-tab-side{ margin-left: 0; }
.wk-edit-grid{ display: grid; gap: 22px; margin-top: 16px; }
@media (min-width: 1100px){
.wk-edit-grid{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
.wk-edit-preview{ position: sticky; top: 72px; max-height: calc(100vh - 96px); overflow: auto; }
}
.wk-edit-fields{ display: grid; gap: 12px; min-width: 0; }
.wk-field{ display: grid; gap: 4px; min-width: 0; }
.wk-field.is-hidden{ display: none; }
.wk-field-label{ color: var(--dim); font: 600 var(--fs-1) var(--body); letter-spacing: .06em; text-transform: uppercase; }
.wk-field input, .wk-field select, .wk-field textarea{ width: 100%; box-sizing: border-box; padding: 9px 12px; border-radius: var(--r);
  border: 1px solid var(--rule); background: var(--bg); color: var(--ink); font: 400 var(--fs-3)/1.45 var(--body); }
.wk-field textarea{ min-height: 320px; resize: vertical; font: 400 var(--fs-2)/1.55 var(--mono); }
.wk-field input:focus-visible, .wk-field select:focus-visible, .wk-field textarea:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.wk-edit-tools{ display: flex; flex-wrap: wrap; gap: 6px; }
.wk-tool{ padding: 5px 10px; font-size: var(--fs-2); }
.wk-edit-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wk-edit-msg{ margin: 0; min-height: 1.4em; color: var(--mute); font-size: var(--fs-2); }
.wk-edit-preview{ min-width: 0; padding: 14px 16px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); }
.wk-edit-ph{ margin: 0 0 8px; font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
.wk-preview-body{ margin-top: 0; }
.wk-preview-body > .wk-title{ margin-bottom: 10px; font-size: var(--fs-5); }
.wk-edit-preview .wk-infobox{ width: 240px; margin-left: 16px; }
@media (max-width: 640px){
.wk-edit-preview .wk-infobox{ float: none; width: auto; margin: 0 0 14px; }
}
.wk-auto-block{ position: relative; display: flow-root; margin: 14px 0; padding: 10px 12px 4px; border: 1px dashed color-mix(in srgb, var(--gold) 45%, var(--rule)); border-radius: var(--r); }
.wk-auto-block > :first-child + *{ margin-top: 4px; }
.wk-auto-block.is-empty, .wk-auto-block.is-marker{ padding-bottom: 10px; }
.wk-auto-tag{ display: inline-block; margin-bottom: 4px; padding: 1px 8px; border-radius: 999px; font: 600 var(--fs-1) var(--mono);
  color: var(--gold); background: color-mix(in srgb, var(--gold) 12%, var(--panel)); }
.wk-auto-none{ margin-left: 8px; color: var(--dim); font-size: var(--fs-2); }
.wk-auto-tools{ align-items: center; }
.wk-auto-tools .wk-field-label{ margin-right: 4px; }
.wk-auto-tool[aria-pressed="true"]{ color: var(--gold); border-color: color-mix(in srgb, var(--gold) 45%, transparent); background: color-mix(in srgb, var(--gold) 12%, var(--panel)); }
.wk-auto-tool[aria-pressed="false"]{ opacity: .7; text-decoration: line-through; }
.wk-tut-open{ margin-left: auto; padding: 5px 4px; border: 0; background: none; color: var(--gold); font: 600 var(--fs-2) var(--body); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.wk-tut{ margin: 14px 0 0; padding: 14px 16px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid color-mix(in srgb, var(--gold) 35%, var(--rule)); box-shadow: var(--shadow-card); }
.wk-tut[hidden]{ display: none; }
.wk-tut-open + .wk-guide-open{ margin-left: 8px; }
.wk-guide .wk-sec{ max-width: 1000px; }
.wk-guide .wk-sec > :not(figure, .wk-guide-table-wrap){ max-width: 78ch; }
.wk-guide-shot{ margin: 12px 0 14px; }
.wk-guide-shot img{ display: block; width: 100%; height: auto; border-radius: var(--r-lg); border: 1px solid var(--rule); box-shadow: var(--shadow-card); background: var(--panel); }
.wk-guide-table-wrap{ overflow-x: auto; margin: 0 0 12px; border-radius: var(--r-lg); border: 1px solid var(--rule); background: var(--panel); }
.wk-guide-table{ width: 100%; border-collapse: collapse; font: 400 var(--fs-2)/1.35 var(--body); }
.wk-guide-table th, .wk-guide-table td{ padding: 8px 10px; border-top: 1px solid var(--hairline-2); text-align: center; }
.wk-guide-table thead th{ border-top: 0; color: var(--dim); font: 600 var(--fs-1)/1.25 var(--body); letter-spacing: .04em; text-transform: uppercase; }
.wk-guide-table tbody th{ text-align: left; font-weight: 600; color: var(--ink); }
.wk-guide-yes{ color: var(--gold); font-weight: 700; }
.wk-guide-no{ color: var(--dim); }
.wk-guide-short{ display: none; }
@media (max-width: 640px){
.wk-guide-table th, .wk-guide-table td{ padding: 7px 5px; }
.wk-guide-table thead th{ letter-spacing: 0; text-transform: none; white-space: normal; }
.wk-guide-long{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.wk-guide-short{ display: inline; }
.wk-guide-table tbody th{ width: 36%; }
}
.wk-tut-top{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.wk-tut-h{ margin: 0; font: 700 var(--fs-4) var(--cond); color: var(--ink); }
.wk-tut-list{ display: grid; gap: 6px; margin: 0; }
.wk-tut-list > div{ display: grid; grid-template-columns: minmax(0, 15em) minmax(0, 1fr); gap: 2px 14px; align-items: baseline; }
.wk-tut-list dt{ min-width: 0; overflow-wrap: anywhere; }
.wk-tut-list dd{ margin: 0; color: var(--mute); font-size: var(--fs-2); }
.wk-tut-list code, .wk-tut-list dd code{ font: 500 var(--fs-2) var(--mono); color: var(--ink); }
@media (max-width: 640px){
.wk-tut-list > div{ grid-template-columns: minmax(0, 1fr); }
}
.wk-edit-confirm{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wk-edit-confirm[hidden]{ display: none; }
.wk-edit-confirm-text{ flex: 1 1 100%; font: 600 var(--fs-2) var(--body); color: var(--fx-warn-ink, var(--gold)); }
.wk-edit-confirm .btn{ min-height: 44px; }
.wk-types{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; border: 0; }
.wk-types legend{ margin-bottom: 4px; }
.wk-type-pick{ position: relative; }
.wk-type-pick input{ position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.wk-type-pick span{ display: inline-flex; align-items: center; min-height: 32px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--rule);
  background: var(--panel); color: var(--mute); font: 600 var(--fs-2) var(--body); }
.wk-type-pick input:checked + span{ color: var(--gold); background: color-mix(in srgb, var(--gold) 14%, var(--panel)); border-color: color-mix(in srgb, var(--gold) 45%, transparent); }
.wk-type-pick input:focus-visible + span{ outline: 2px solid var(--gold); outline-offset: 2px; }
.wk-hist-list{ list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px; }
.wk-hist{ gap: 4px; }
.wk-hist-top{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.wk-hist-top .upd-name{ font-size: var(--fs-3); }
.wk-hist-when, .wk-hist-who{ color: var(--dim); font: 600 var(--fs-2) var(--body); }
.wk-review-meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 18px; }
.wk-review-note{ margin: 6px 0 0; padding: 8px 12px; border-radius: var(--r); background: var(--row); color: var(--ink); font-size: var(--fs-2); }
.wk-review{ display: grid; gap: 10px; margin-top: 18px; max-width: 640px; }
.wk-std > .upd-sec{ margin-top: 22px; }
.wk-review .wk-field textarea{ min-height: 90px; font: 400 var(--fs-3)/1.45 var(--body); }
.wk-reject{ color: var(--bad); border-color: color-mix(in srgb, var(--bad) 45%, var(--rule)); }
.wk-diff{ list-style: none; margin: 8px 0 0; padding: 6px 0; border-radius: var(--r-lg); border: 1px solid var(--rule); background: var(--panel);
  font: 400 var(--fs-2)/1.5 var(--mono); overflow-x: auto; }
.wk-diff-line{ display: grid; grid-template-columns: 22px minmax(0, 1fr); padding: 1px 10px 1px 0; }
.wk-diff-mark{ text-align: center; color: var(--dim); user-select: none; }
.wk-diff-text{ white-space: pre-wrap; overflow-wrap: anywhere; }
.wk-diff-line.is-add{ background: color-mix(in srgb, var(--good) 18%, transparent); }
.wk-diff-line.is-add .wk-diff-mark{ color: var(--good); }
.wk-diff-line.is-del{ background: color-mix(in srgb, var(--bad) 16%, transparent); }
.wk-diff-line.is-del .wk-diff-mark{ color: var(--bad); }
.wk-diff-line.is-same{ color: var(--mute); }
.wk-diff-fold{ padding: 2px 10px 2px 22px; color: var(--dim); }
.wk-fields-diff{ margin: 8px 0 0; display: grid; gap: 6px; }
.wk-fields-diff div{ display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 10px; }
.wk-fields-diff dt{ color: var(--dim); font: 600 var(--fs-2) var(--body); }
.wk-fields-diff dd{ margin: 0; overflow-wrap: anywhere; }
.wk-fields-diff del{ background: color-mix(in srgb, var(--bad) 16%, transparent); text-decoration: line-through; }
.wk-fields-diff ins{ background: color-mix(in srgb, var(--good) 18%, transparent); text-decoration: none; }
.wk-body{ --wk-top: 58px;
  --k-ball: #5AA9FF; --k-item: var(--acc-amber); --k-mymic: #C964FF; --k-effect: var(--gold); --k-news: #8CC63F;
  --r-common: #7C8798; --r-uncommon: #4E9E6A; --r-rare: #3E7FD0; --r-epic: #9B5FD0; --r-legendary: #D9A23B; --r-mythical: #D4585E; }
:root[data-theme="light"] .wk-body{ --k-ball: #1D4ED8; --k-mymic: #9A27C2; --k-news: #3E7D12; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .wk-body{ --k-ball: #1D4ED8; --k-mymic: #9A27C2; --k-news: #3E7D12; }
}
.wk-card{ background: var(--panel); border-radius: var(--r-lg); box-shadow: var(--shadow-card), inset 0 0 0 1px var(--hairline-2); }
.wk-dim{ color: var(--dim); }
.wk-mono{ font-family: var(--mono); }
.wk-nav{ display: flex; gap: 2px; min-width: 0; overflow-x: auto; scrollbar-width: none; margin-left: 4px; }
.wk-nav::-webkit-scrollbar{ display: none; }
.wk-nav a{ position: relative; flex: none; padding: 7px 12px; border-radius: 999px; color: var(--mute); font: 600 var(--fs-3) var(--body); white-space: nowrap; }
.wk-nav a:hover, .wk-nav a:focus-visible{ color: var(--ink); background: var(--lift); }
.wk-nav a.is-on{ color: var(--ink); background: var(--bg); box-shadow: var(--shadow-card), inset 0 0 0 1px var(--hairline-2); }
.wk-dot{ position: absolute; top: 5px; right: 4px; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 2px var(--panel); }
.wk-find{ position: relative; align-items: center; }
.wk-find-i{ position: absolute; left: 12px; color: var(--dim); pointer-events: none; }
.wk-find .wk-find-i + input{ padding-left: 34px; max-width: 280px; }
.wk-find:has(.wk-find-i){ justify-content: flex-end; }
.wk-find:has(.wk-find-i) .wk-find-i{ left: auto; right: calc(min(280px, 100%) - 24px); }
@media (max-width: 1100px){
.wk-find .wk-find-i + input{ max-width: 200px; }
.wk-find:has(.wk-find-i) .wk-find-i{ right: calc(min(200px, 100%) - 24px); }
}
@media (max-width: 900px){
.wk-top, html.nav-eh .top.wk-top{ flex-wrap: wrap; row-gap: 0; padding-bottom: 8px; }
.wk-top .wk-site{ margin-left: auto; }
.wk-top .wk-find{ order: 3; flex: 1 1 100%; padding: 0 var(--gutter) 8px; justify-content: stretch; }
.wk-top .wk-find .wk-find-i + input{ max-width: none; }
.wk-top .wk-find:has(.wk-find-i) .wk-find-i{ left: calc(var(--gutter) + 12px); right: auto; top: 10px; }
.wk-top .wk-nav{ order: 4; flex: 1 1 100%; margin: 0; padding: 0 var(--gutter); }
}
@media (max-width: 640px){
.wk-body .top.wk-top{ position: static; }
.wk-body{ --wk-top: 0px; }
}
.wk-crumbbar{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: -14px; }
.wk-crumbbar .wk-crumbs{ margin: 0; }
.wk-crumbbar .wk-tabs{ margin: 0 0 0 auto; gap: 4px; }
.wk-crumbbar .wk-tab{ min-height: 26px; padding: 0 10px; font-size: var(--fs-1); }
.wk-crumbbar .wk-tab.is-on{ display: none; }
.wk-crumbbar .wk-tab-side{ margin-left: 0; }
@media (max-width: 640px){
.wk-crumbbar .wk-tab[href$="/history"]{ display: none; }
}
.wk-crumbs [aria-current="page"]{ color: var(--ink); }
.wk-pills{ display: flex; flex-wrap: wrap; gap: 6px; }
.wk-pill{ display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 0 11px; border-radius: 999px; font: 600 var(--fs-2) var(--body);
  background: var(--row); box-shadow: inset 0 0 0 1px var(--rule); color: var(--ink); white-space: nowrap; }
a.wk-pill:hover, a.wk-pill:focus-visible{ color: var(--gold); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 55%, var(--rule)); }
.wk-pill img{ width: 16px; height: 16px; object-fit: contain; }
.wk-pill.is-more{ color: var(--dim); font-family: var(--mono); }
.wk-pill.is-gov{ color: var(--gold); }
.wk-rar{ display: inline-flex; align-items: center; gap: 5px; font: 600 var(--fs-2) var(--body); color: var(--mute); white-space: nowrap; }
.wk-rar::after{ order: -1; content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--rc, var(--r-common)); }
.is-common{ --rc: var(--r-common); }
.is-uncommon{ --rc: var(--r-uncommon); }
.is-rare{ --rc: var(--r-rare); }
.is-epic{ --rc: var(--r-epic); }
.is-legendary{ --rc: var(--r-legendary); }
.is-mythical{ --rc: var(--r-mythical); }
.wk-chgtag{ display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px; font: 700 var(--fs-1) var(--body); letter-spacing: .08em;
  text-transform: uppercase; white-space: nowrap; color: color-mix(in srgb, var(--k, var(--mute)) 75%, var(--ink)); background: color-mix(in srgb, var(--k, var(--mute)) 14%, transparent); }
.is-ball{ --k: var(--k-ball); }
.is-item{ --k: var(--k-item); }
.is-mymic{ --k: var(--k-mymic); }
.is-effect{ --k: var(--k-effect); }
.is-news{ --k: var(--k-news); }
.wk-chgtag.is-wording{ --k: var(--mute); }
.wk-chg-card{ background: var(--panel); border-radius: var(--r-lg); box-shadow: var(--shadow-card), inset 0 0 0 1px var(--hairline-2); padding: 2px 0; min-width: 0; }
.wk-chg{ display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; min-width: 0; scroll-margin-top: calc(var(--wk-top) + 60px); }
.wk-chg-card > * + *, .wk-grp-rows > * + *{ box-shadow: 0 -1px 0 var(--hairline-2); }
.wk-chg:target{ background: color-mix(in srgb, var(--gold) 8%, transparent); }
.wk-thumb{ flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--r); overflow: hidden;
  background: var(--row); box-shadow: inset 0 0 0 1px var(--hairline-2); }
.wk-thumb img{ width: 38px; height: 38px; object-fit: contain; }
.wk-thumb.is-glyph{ color: var(--k); background: color-mix(in srgb, var(--k) 12%, var(--row)); }
.wk-chg-main{ flex: 1; min-width: 0; display: grid; gap: 4px; }
.wk-chg-top{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; min-width: 0; }
.wk-chg-name{ font: 700 var(--fs-3)/1.3 var(--body); color: var(--ink); overflow-wrap: anywhere; }
a.wk-chg-name:hover, a.wk-chg-name:focus-visible{ color: var(--gold); }
.wk-chg-when{ margin-left: auto; color: var(--dim); font: 600 var(--fs-2) var(--body); white-space: nowrap; }
.wk-delta{ color: var(--mute); font-size: var(--fs-3); line-height: 1.5; overflow-wrap: anywhere; }
.wk-f{ margin-right: 6px; color: var(--dim); font-weight: 600; }
.wk-num{ font: 500 var(--fs-2) var(--mono); color: var(--ink); }
.wk-arrow{ margin: 0 5px; color: var(--dim); }
.wk-pct{ margin-left: 6px; padding: 1px 6px; border-radius: 999px; background: var(--row); color: var(--mute); font: 600 var(--fs-1) var(--mono); }
.wk-sep{ margin: 0 8px; color: var(--dim); }
:is(.wk-delta, .wk-rc-d) del{ color: var(--mute); text-decoration-color: color-mix(in srgb, var(--mute) 80%, transparent); background: color-mix(in srgb, var(--dim) 12%, transparent);
  border-radius: var(--r-sm); padding: 0 2px; }
:is(.wk-delta, .wk-rc-d) ins{ color: var(--ink); text-decoration: none; background: color-mix(in srgb, var(--gold) 22%, transparent); border-radius: var(--r-sm); padding: 0 2px; }
.wk-chg-sum{ margin: 0; color: var(--mute); font-size: var(--fs-2); }
.wk-grp > summary{ list-style: none; cursor: pointer; }
.wk-grp > summary::-webkit-details-marker{ display: none; }
.wk-grp > summary:hover .wk-chg-name{ color: var(--gold); }
.wk-grp > summary:focus-visible{ outline: 2px solid var(--gold); outline-offset: -2px; border-radius: var(--r-lg); }
.wk-chev{ flex: none; width: 8px; height: 8px; margin: 0 4px 3px auto; border-right: 2px solid var(--dim); border-bottom: 2px solid var(--dim);
  transform: rotate(45deg); transition: transform .15s; }
.wk-chg-when + .wk-chev{ margin-left: 8px; }
.wk-grp[open] .wk-chev{ transform: rotate(225deg); margin-bottom: -3px; }
.wk-grp-body{ display: grid; gap: 6px; padding: 0 14px 12px 70px; }
.wk-grp-rows{ margin: 0 10px 10px 56px; border-radius: var(--r-lg); background: var(--row); }
.wk-chg-more{ display: block; padding: 10px 14px; color: var(--gold); font: 600 var(--fs-2) var(--body); }
@media (max-width: 640px){
.wk-chg{ gap: 10px; padding: 10px 12px; }
.wk-thumb{ width: 38px; height: 38px; }
.wk-thumb img{ width: 32px; height: 32px; }
.wk-grp-body{ padding: 0 12px 12px; }
.wk-grp-rows{ margin: 0 8px 8px; }
}
.wk-gc-hero{ min-height: 0; padding-bottom: 22px; }
.wk-gc{ display: grid; gap: 16px; min-width: 0; }
.wk-gc-tools{ display: grid; gap: 10px; }
.wk-gc-row2{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.wk-gc-find{ position: relative; display: flex; align-items: center; flex: 0 1 320px; min-width: 0; color: var(--dim); }
.wk-gc-find svg{ position: absolute; left: 12px; pointer-events: none; }
.wk-gc-find input{ width: 100%; height: 36px; padding: 0 14px 0 34px; border-radius: 999px; border: 1px solid var(--rule); background: var(--panel);
  color: var(--ink); font: 500 var(--fs-3) var(--body); }
.wk-gc-find input:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.wk-seg{ display: inline-flex; margin: 0; padding: 3px; border: 0; border-radius: 999px; background: var(--row); box-shadow: inset 0 0 0 1px var(--rule); }
.wk-seg input{ position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.wk-seg label{ padding: 5px 12px; border-radius: 999px; color: var(--mute); font: 600 var(--fs-2) var(--body); cursor: pointer; white-space: nowrap; }
.wk-seg input:checked + label{ background: var(--panel); color: var(--ink); box-shadow: var(--shadow-card); }
.wk-seg input:focus-visible + label{ outline: 2px solid var(--gold); outline-offset: 1px; }
.wk-tog{ display: inline-flex; align-items: center; gap: 8px; color: var(--mute); font: 600 var(--fs-2) var(--body); cursor: pointer; }
.wk-tog input{ position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.wk-tog i{ position: relative; width: 30px; height: 18px; border-radius: 999px; background: var(--rule); transition: background .15s; }
.wk-tog i::after{ content: ""; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: transform .15s; }
.wk-tog input:checked + i{ background: color-mix(in srgb, var(--gold) 60%, transparent); }
.wk-tog input:checked + i::after{ transform: translateX(12px); }
.wk-tog input:focus-visible + i{ outline: 2px solid var(--gold); outline-offset: 2px; }
.wk-gc-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: start; }
.wk-gc-days{ display: grid; gap: 18px; min-width: 0; }
.wk-gc-day{ display: grid; gap: 8px; min-width: 0; scroll-margin-top: var(--wk-top); }
.wk-day-h{ position: sticky; top: var(--wk-top); z-index: 3; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 10px; padding: 8px 0; background: var(--bg); }
.wk-day-t{ margin: 0; font: 700 var(--fs-4) var(--cond); letter-spacing: .08em; text-transform: uppercase; color: var(--ink); }
.wk-day-sum{ display: flex; flex-wrap: wrap; gap: 6px; }
.wk-day-link{ margin-left: auto; color: var(--dim); font: 600 var(--fs-2) var(--mono); }
.wk-day-link:hover{ color: var(--gold); }
.wk-gc-rail{ position: sticky; top: calc(var(--wk-top) + 16px); display: grid; gap: 14px; min-width: 0; }
.wk-gc-rail .wk-card{ padding: 6px 0 8px; }
.wk-rail-h{ margin: 10px 16px 6px; font: 700 var(--fs-3) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--mute); }
.wk-rail-li{ display: flex; align-items: center; gap: 10px; padding: 7px 16px; color: var(--ink); min-width: 0; }
.wk-rail-li b{ min-width: 0; overflow-wrap: anywhere; }
a.wk-rail-li:hover b{ color: var(--gold); }
.wk-rail-li .wk-thumb{ width: 32px; height: 32px; border-radius: var(--r); }
.wk-rail-li .wk-thumb img{ width: 28px; height: 28px; }
.wk-rail-n{ margin-left: auto; color: var(--dim); font: 600 var(--fs-2) var(--mono); }
.wk-rail-li.is-news{ flex-direction: column; align-items: flex-start; gap: 2px; }
.wk-rail-li.is-news + .wk-rail-li.is-news{ box-shadow: 0 -1px 0 var(--hairline-2); }
.wk-rail-li.is-news time{ color: var(--dim); font-size: var(--fs-1); }
.wk-rail-all{ display: block; padding: 6px 16px 2px; color: var(--gold); font: 600 var(--fs-2) var(--body); }
.wk-rail-feed .wk-pills{ padding: 2px 16px 6px; }
@media (max-width: 960px){
.wk-gc-layout{ grid-template-columns: minmax(0, 1fr); }
.wk-gc-rail{ position: static; order: -1; }
.wk-rail-news, .wk-rail-feed{ display: none; }
}
@media (max-width: 640px){
.wk-gc-find{ flex-basis: 100%; }
.wk-day-sum{ display: none; }
.wk-rail-most .wk-rail-li:nth-of-type(n+4){ display: none; }
}
.wk-gc:has(.wk-gc-filter [value="ball"]:checked) :is(.wk-chg-card > .wk-chg, .wk-grp):not(.is-ball),
.wk-gc:has(.wk-gc-filter [value="item"]:checked) :is(.wk-chg-card > .wk-chg, .wk-grp):not(.is-item),
.wk-gc:has(.wk-gc-filter [value="mymic"]:checked) :is(.wk-chg-card > .wk-chg, .wk-grp):not(.is-mymic),
.wk-gc:has(.wk-gc-filter [value="effect"]:checked) :is(.wk-chg-card > .wk-chg, .wk-grp):not(.is-effect),
.wk-gc:has(.wk-gc-filter [value="news"]:checked) :is(.wk-chg-card > .wk-chg, .wk-grp):not(.is-news),
.wk-gc:has(.wk-gc-filter [value="ball"]:checked) .wk-gc-day:not(:has(.is-ball)),
.wk-gc:has(.wk-gc-filter [value="item"]:checked) .wk-gc-day:not(:has(.is-item)),
.wk-gc:has(.wk-gc-filter [value="mymic"]:checked) .wk-gc-day:not(:has(.is-mymic)),
.wk-gc:has(.wk-gc-filter [value="effect"]:checked) .wk-gc-day:not(:has(.is-effect)),
.wk-gc:has(.wk-gc-filter [value="news"]:checked) .wk-gc-day:not(:has(.is-news)),
.wk-gc:has(#gc-r-week:checked) .wk-gc-day:not(.is-week),
.wk-gc:has(#gc-r-month:checked) .wk-gc-day:not(.is-month),
.wk-gc:has(#gc-wording:not(:checked)) :is(.wk-chg, .wk-grp).is-wording,
.wk-gc .wk-gc-day[hidden], .wk-gc [data-q][hidden]{ display: none; }
.wk-home-hero{ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; padding: 28px 28px 24px; min-height: 0; }
.wk-home-hero .wk-hero-art{ position: static; z-index: 0; }
.wk-home-l{ display: grid; gap: 14px; min-width: 0; }
.wk-big-find{ position: relative; display: flex; align-items: center; max-width: 620px; color: var(--dim); }
.wk-big-find svg{ position: absolute; left: 16px; pointer-events: none; }
.wk-big-find input{ width: 100%; height: 50px; padding: 0 16px 0 42px; border-radius: 999px; border: 0; background: var(--bg); color: var(--ink); font: 500 var(--fs-3) var(--body);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 40%, var(--rule)), var(--shadow-card); }
.wk-big-find input:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.wk-sec-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.wk-more{ margin-left: auto; color: var(--gold); font: 600 var(--fs-3) var(--body); }
.wk-home{ display: grid; gap: 26px; min-width: 0; align-items: start; }
.wk-home-main{ display: grid; gap: 26px; min-width: 0; align-content: start; }
@media (min-width: 1024px){
.wk-home.has-side{ grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; }
.wk-home.has-side .wk-dtiles, .wk-home.has-side .wk-dtiles:has(> .wk-dtile:nth-child(5):last-child){ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) and (min-height: 940px){
.wk-home-side{ position: sticky; top: calc(var(--wk-top) + 16px); }
}
.wk-recent{ display: grid; padding: 6px 0 10px; }
.wk-recent > .wk-rail-h{ margin-bottom: 2px; }
.wk-rc-day{ padding: 4px 0 6px; }
.wk-rc-day + .wk-rc-day{ box-shadow: 0 -1px 0 var(--hairline-2); }
.wk-rc-h{ margin: 8px 16px 2px; font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.wk-rc-list{ list-style: none; margin: 0; padding: 0; }
.wk-rc{ display: flex; align-items: center; gap: 10px; padding: 6px 16px; min-width: 0; }
.wk-rc .wk-thumb{ width: 34px; height: 34px; }
.wk-rc .wk-thumb img{ width: 30px; height: 30px; }
.wk-rc .wk-thumb.is-glyph svg{ width: 16px; height: 16px; }
.wk-rc-t{ display: grid; gap: 1px; min-width: 0; flex: 1; }
.wk-rc-name{ overflow: hidden; color: var(--ink); font: 600 var(--fs-2)/1.35 var(--body); white-space: nowrap; text-overflow: ellipsis; }
a.wk-rc-name:hover{ color: var(--gold); }
.wk-rc-d{ overflow: hidden; color: var(--mute); font-size: var(--fs-1); line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; }
.wk-rc-d .wk-f{ margin-right: 4px; }
.wk-rc-d .wk-num{ font-size: var(--fs-1); }
.wk-rc-d .wk-arrow{ margin: 0 3px; }
.wk-rc-d .wk-pct{ margin-left: 4px; padding: 0 5px; }
.wk-rc-plus{ margin-left: 6px; color: var(--dim); font: 600 var(--fs-1) var(--mono); }
.wk-rc-more{ display: block; padding: 2px 16px 0 60px; color: var(--dim); font: 600 var(--fs-1) var(--body); }
.wk-rc-more:hover{ color: var(--gold); }
.wk-recent > .wk-rail-all{ padding-top: 8px; box-shadow: 0 -1px 0 var(--hairline-2); }
@media (max-width: 1023.98px){
.wk-recent .is-x, .wk-rc-more{ display: none; }
}
.wk-gtiles{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
.wk-gtile{ display: grid; gap: 10px; align-content: start; padding: 16px; }
.wk-gtile-top{ display: flex; align-items: center; gap: 12px; color: var(--ink); }
.wk-gtile-top :is(h2, h3){ margin: 0; font: 700 var(--fs-4) var(--body); }
.wk-gtile-top:hover :is(h2, h3){ color: var(--gold); }
.wk-gtile-art{ flex: none; width: 46px; aspect-ratio: 1; }
.wk-gtile-art img, .wk-dtile-art img, .wk-gt-art img{ width: 100%; height: 100%; object-fit: contain; display: block; }
.wk-gtile-links{ display: grid; }
.wk-gtile-links a{ padding: 6px 0; color: var(--mute); font-weight: 500; box-shadow: 0 1px 0 var(--hairline-2); }
.wk-gtile-links a:hover{ color: var(--ink); }
.wk-all{ color: var(--gold); font: 600 var(--fs-2) var(--body); }
@media (pointer: coarse){
:is(.wk-day-link, .wk-site, .wk-all, .wk-more, .wk-pill, .wk-mark){ position: relative; }
:is(.wk-day-link, .wk-site, .wk-all, .wk-more, .wk-pill, .wk-mark)::after{ content: ""; position: absolute; border-radius: inherit; }
.wk-day-link::after{ inset: -8px -12px; }
.wk-site::after{ inset: -8px -6px; }
.wk-all::after, .wk-more::after{ inset: -8px -4px; }
.wk-pill::after{ inset: -3px 0; }
.wk-mark::after{ inset: -2px 0; }
}
@media (pointer: coarse){
.wk-rc-t, .wk-rail-all, .wk-lc-name{ position: relative; }
:is(a.wk-rc-name, .wk-rail-all, a.wk-lc-name)::after{ content: ""; position: absolute; border-radius: var(--r-sm); }
a.wk-rc-name::after{ inset: 0; }
.wk-rail-all::after{ inset: -3px 0; }
a.wk-lc-name::after{ inset: -7px -4px; }
}
.wk-dtiles{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.wk-dtile{ position: relative; display: flex; align-items: center; gap: 14px; padding: 16px; }
.wk-dtile > span{ display: grid; gap: 2px; min-width: 0; }
.wk-dtile-art{ flex: none; width: 56px; aspect-ratio: 1; }
.wk-dtile:hover{ box-shadow: var(--shadow-1), inset 0 0 0 1px color-mix(in srgb, var(--gold) 40%, transparent); }
.wk-dtile:hover .upd-name{ color: var(--gold); }
.wk-modcall{ display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: var(--r-lg); background: var(--panel);
  box-shadow: var(--shadow-card), inset 0 0 0 1px var(--hairline-2); color: var(--ink); font-weight: 600; }
.wk-modcall-go{ margin-left: auto; color: var(--gold); }
@media (prefers-reduced-motion: no-preference){
.wk-gtile, .wk-dtile{ transition: transform .15s ease, box-shadow .15s ease; }
.wk-gtile:hover, .wk-dtile:hover{ transform: translateY(-2px); }
}
@media (max-width: 900px){
.wk-home-hero{ grid-template-columns: minmax(0, 1fr); }
.wk-home-hero .wk-hero-art{ display: none; }
.wk-dtiles{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
.wk-home-hero{ padding: 22px 16px 18px; }
.wk-gtiles{ grid-template-columns: minmax(0, 1fr); }
.wk-gtile{ gap: 8px; padding: 12px 14px; }
.wk-gtile-art{ width: 36px; }
.wk-gtile-links{ display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.wk-gtile-links a{ display: inline-block; max-width: 100%; padding: 0 10px; border-radius: 999px;
    background: var(--row); box-shadow: inset 0 0 0 1px var(--rule); color: var(--ink); font: 600 var(--fs-2) var(--body); line-height: 26px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wk-gtile-links a:hover, .wk-gtile-links a:focus-visible{ color: var(--gold); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 55%, var(--rule)); }
.wk-dtile{ flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px; }
.wk-dtile .upd-line{ display: none; }
.wk-dtile-art{ width: 46px; }
}
.wk-ent{ display: grid; gap: 16px; min-width: 0; }
.wk-ehero{ display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 26px; align-items: center; padding: 26px 28px; min-height: 0; justify-items: stretch; }
.wk-ehero.no-art{ grid-template-columns: minmax(0, 1fr); }
.wk-ehero-art{ display: grid; place-items: center; width: 200px; height: 200px; border-radius: var(--r-lg); box-shadow: inset 0 0 0 1px var(--hairline-2);
  background: radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--rc, var(--gold)) 30%, transparent), transparent 70%), var(--row); }
.wk-ehero-art.is-tier-riftbreaker{ --rc: var(--tier-rift-gold, #D9A23B); }
.wk-ehero-art.is-tier-herald{ --rc: #9B5FD0; }
.wk-ehero-art.is-rank-boss{ --rc: var(--lvl-3); }
.wk-ehero-art.is-rank-tutor{ --rc: var(--lvl-tutor); }
.wk-ehero-art.is-rank-elite{ --rc: var(--lvl-2); }
.wk-ehero-art.is-tier-4{ --rc: var(--r-legendary); }
.wk-ehero-art.is-tier-5{ --rc: var(--r-mythical); }
.wk-ehero-art.is-tier-3{ --rc: var(--r-epic); }
.wk-ehero-art img{ width: 85%; height: 85%; object-fit: contain; filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .45)); }
.wk-ehero.is-tier-riftbreaker{ box-shadow: var(--shadow-card), inset 0 0 0 2px color-mix(in srgb, var(--tier-rift-gold, #D9A23B) 60%, transparent); }
.wk-ehero-text{ display: grid; gap: 12px; justify-items: start; min-width: 0; }
.wk-ehero .wk-title{ font: 700 var(--fs-5)/.95 var(--cond); font-size: clamp(34px, 6vw, 58px); letter-spacing: .01em; text-transform: uppercase;
  background: linear-gradient(100deg, var(--ink) 35%, var(--gold) 85%); -webkit-background-clip: text; background-clip: text; color: transparent; }
@media (forced-colors: active){
.wk-ehero .wk-title{ color: CanvasText; background: none; }
}
.wk-quote{ margin: 0; max-width: 62ch; color: var(--mute); font-size: var(--fs-3); line-height: 1.5; }
.wk-enote{ margin: 0; max-width: 62ch; color: var(--ink); font-size: var(--fs-3); line-height: 1.5; }
.wk-acts{ display: flex; flex-wrap: wrap; gap: 8px; }
.wk-btn{ display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 999px; background: var(--row); color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--rule); font: 600 var(--fs-3) var(--body); white-space: nowrap; }
.wk-btn:hover, .wk-btn:focus-visible{ box-shadow: inset 0 0 0 1px var(--gold); }
.wk-btn.is-pri{ color: #071216; background: var(--gold); box-shadow: none; }
.wk-btn.is-pri:hover{ filter: brightness(1.08); }
.wk-stats{ display: grid; grid-template-columns: repeat(var(--n, 5), minmax(0, 1fr)); gap: 10px; }
.wk-stat{ display: grid; gap: 4px; align-content: start; padding: 12px 14px; border-radius: var(--r-lg); background: var(--panel); box-shadow: var(--shadow-card), inset 0 0 0 1px var(--hairline-2); min-width: 0; }
.wk-stat-k{ color: var(--dim); font: 600 var(--fs-2) var(--body); }
.wk-stat b{ font-size: var(--fs-4); line-height: 1.2; overflow-wrap: anywhere; }
.wk-bar{ height: 5px; border-radius: 999px; background: var(--row); overflow: hidden; }
.wk-bar i{ display: block; width: calc(var(--v, 0) * 100%); height: 100%; border-radius: 999px; background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 55%, transparent), var(--gold)); }
.wk-feeds{ color: var(--dim); font-size: var(--fs-1); }
.wk-etabs{ position: sticky; top: calc(var(--wk-top) + 8px); z-index: 4; display: flex; gap: 4px; padding: 6px; border-radius: 999px; background: var(--panel);
  box-shadow: var(--shadow-card), inset 0 0 0 1px var(--hairline-2); overflow-x: auto; scrollbar-width: none; }
.wk-etabs::-webkit-scrollbar{ display: none; }
.wk-etabs a{ flex: none; padding: 7px 14px; border-radius: 999px; color: var(--mute); font: 600 var(--fs-3) var(--body); white-space: nowrap; }
.wk-etabs a:hover, .wk-etabs a.is-on{ color: var(--gold); background: color-mix(in srgb, var(--gold) 14%, transparent); }
.wk-n{ margin-left: 5px; color: var(--dim); font: 600 var(--fs-1) var(--mono); }
.wk-esec{ display: grid; gap: 12px; min-width: 0; margin-top: 10px; scroll-margin-top: calc(var(--wk-top) + 70px); font: 400 var(--fs-3)/1.6 var(--body); }
.wk-esec > .wk-h2{ margin: 0; }
.wk-esec p{ margin: 0; max-width: 78ch; }
.wk-split{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.wk-match{ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
.wk-mcard{ display: grid; gap: 12px; padding: 16px; }
.wk-mcard .wk-h3{ display: flex; align-items: center; gap: 8px; margin: 0; font-size: var(--fs-3); }
.wk-mcard .wk-h3 img{ width: 22px; height: 22px; }
.wk-mrow{ display: grid; gap: 6px; }
.wk-mrow > span{ color: var(--dim); font: 700 var(--fs-1) var(--body); letter-spacing: .08em; text-transform: uppercase; }
.wk-skins{ display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.wk-skin{ min-width: 0; scroll-margin-top: calc(var(--wk-top) + 70px); }
.wk-skin > summary{ list-style: none; cursor: pointer; display: grid; gap: 4px; justify-items: start; padding: 12px; border-radius: inherit; }
.wk-skin > summary::-webkit-details-marker{ display: none; }
.wk-skin > summary:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.wk-skin-art{ justify-self: center; width: 84px; height: 84px; margin-bottom: 4px; }
.wk-skin-art img{ width: 100%; height: 100%; object-fit: contain; display: block; }
.wk-skin-name{ margin: 0; font: 700 var(--fs-3)/1.25 var(--body); color: var(--ink); overflow-wrap: anywhere; }
.wk-skin > summary:hover .wk-skin-name{ color: var(--gold); }
.wk-skin time{ font-size: var(--fs-1); }
.wk-skin[open], .wk-skin:target{ grid-column: 1 / -1; }
.wk-skin[open] > summary{ grid-template-columns: 84px minmax(0, 1fr); column-gap: 14px; }
.wk-skin[open] .wk-skin-art{ grid-row: span 3; margin: 0; }
.wk-skin-more{ display: grid; gap: 8px; padding: 0 12px 14px; }
.wk-lst{ padding: 4px 0; }
.wk-li{ display: flex; align-items: center; gap: 10px; padding: 9px 16px; min-width: 0; }
.wk-li + .wk-li{ box-shadow: 0 -1px 0 var(--hairline-2); }
.wk-li > .wk-dim{ margin-left: auto; font-size: var(--fs-2); text-align: right; }
.wk-li .wk-link{ text-decoration: none; color: var(--ink); font-weight: 600; }
.wk-li .wk-link:hover{ color: var(--gold); }
.wk-ent .wk-firsts{ list-style: none; margin: 0; padding: 4px 0; counter-reset: wkf; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  background: var(--panel); border-radius: var(--r-lg); box-shadow: var(--shadow-card), inset 0 0 0 1px var(--hairline-2); }
.wk-ent .wk-firsts li{ counter-increment: wkf; display: flex; gap: 10px; padding: 9px 16px; box-shadow: 0 -1px 0 var(--hairline-2); }
.wk-ent .wk-firsts li::after{ order: -1; content: counter(wkf); width: 22px; flex: none; color: var(--dim); font: 600 var(--fs-2) var(--mono); }
.wk-traits{ display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.wk-trait{ display: grid; gap: 4px; padding: 12px 14px; }
.wk-trait-n{ color: var(--ink); font-weight: 700; }
.wk-trait-n:hover{ color: var(--gold); }
.wk-trait p{ color: var(--mute); font-size: var(--fs-2); line-height: 1.45; }
.wk-banner img{ display: block; width: 100%; max-width: 720px; height: auto; border-radius: var(--r-lg); box-shadow: var(--shadow-card); }
.wk-about{ margin-top: 18px; }
.wk-about > summary{ padding: 14px 16px; cursor: pointer; color: var(--mute); font: 700 var(--fs-3) var(--cond); letter-spacing: .1em; text-transform: uppercase;
  border-radius: var(--r-lg); background: var(--panel); box-shadow: var(--shadow-card), inset 0 0 0 1px var(--hairline-2); }
.wk-about > summary:hover{ color: var(--ink); }
.wk-about-in{ display: grid; gap: 4px; padding: 4px 16px 10px; font: 400 var(--fs-2)/1.55 var(--body); }
.wk-about .wk-sec{ margin-top: 10px; max-width: none; }
.wk-about .wk-h2{ margin: 0 0 6px; font-size: var(--fs-3); }
.wk-about .wk-catlinks{ margin-top: 12px; }
@media (max-width: 900px){
.wk-stats{ grid-template-columns: repeat(min(var(--n, 5), 3), minmax(0, 1fr)); }
.wk-split{ grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px){
.wk-ehero{ grid-template-columns: 96px minmax(0, 1fr); gap: 14px; align-items: start; padding: 18px 16px; }
.wk-ehero-art{ width: 96px; height: 96px; border-radius: var(--r-lg); }
.wk-ehero-text{ display: contents; }
.wk-ehero .wk-title, .wk-ehero .wk-meta{ grid-column: 2; }
.wk-ehero-art{ grid-row: span 2; }
.wk-ehero.no-art .wk-title, .wk-ehero.no-art .wk-meta{ grid-column: 1; }
.wk-ehero .wk-quote, .wk-ehero .wk-enote, .wk-ehero .wk-acts{ grid-column: 1 / -1; }
.wk-ehero .wk-quote{ font-size: var(--fs-3); }
.wk-ehero .wk-meta .wk-pill{ min-height: 24px; padding: 0 9px; }
.wk-stats{ grid-template-columns: repeat(min(var(--n, 5), 5), minmax(0, 1fr)); gap: 6px; }
.wk-stat{ padding: 8px 6px; justify-items: center; text-align: center; }
.wk-stat b{ font-size: var(--fs-3); }
.wk-stat .wk-bar, .wk-stat .wk-feeds{ display: none; }
.wk-stat-k{ font-size: var(--fs-1); line-height: 1.15; }
.wk-skins{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wk-etabs{ top: 8px; }
}
.wk-ggroup{ margin-top: 4px; }
.wk-grid-f{ display: grid; gap: 14px; min-width: 0; }
.wk-cat-find{ flex: none; max-width: 360px; }
.wk-grid-f .wk-az{ position: sticky; top: var(--wk-top); z-index: 3; padding: 8px 0; background: var(--bg); }
html:has(.wk-grid-f > .wk-az){ scroll-padding-top: calc(var(--wk-az-pad, 64px) + 10px); }
.wk-grid-f:has(> .wk-az) :is(.wk-lc, .wk-ls){ scroll-margin-top: 0; }
.wk-grid{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }
.wk-gt a{ display: grid; justify-items: center; gap: 4px; height: 100%; padding: 10px 8px; border-radius: var(--r-lg); background: var(--panel);
  box-shadow: var(--shadow-card), inset 0 0 0 1px var(--hairline-2); text-align: center; }
.wk-gt a:hover{ box-shadow: var(--shadow-1), inset 0 0 0 1px color-mix(in srgb, var(--gold) 40%, transparent); }
.wk-gt-art{ width: 64px; height: 64px; }
.wk-gt-n{ color: var(--ink); font: 600 var(--fs-2)/1.25 var(--body); overflow-wrap: anywhere; }
.wk-gt a:hover .wk-gt-n{ color: var(--gold); }
.wk-gt .wk-rar{ font-size: var(--fs-1); }
.wk-grid-f .wk-gc-filter img{ width: 16px; height: 16px; margin-right: 4px; }
.wk-grid-f .wk-gc-filter{ flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.wk-grid-f .wk-gc-filter label{ flex: none; text-transform: none; letter-spacing: 0; font-size: var(--fs-2); }
.wk-grid-f [hidden]{ display: none !important; }
.wk-grid-f:has(input[name="br"][value="common"]:checked) .wk-gt:not([data-r="common"]),
.wk-grid-f:has(input[name="br"][value="uncommon"]:checked) .wk-gt:not([data-r="uncommon"]),
.wk-grid-f:has(input[name="br"][value="rare"]:checked) .wk-gt:not([data-r="rare"]),
.wk-grid-f:has(input[name="br"][value="epic"]:checked) .wk-gt:not([data-r="epic"]),
.wk-grid-f:has(input[name="br"][value="legendary"]:checked) .wk-gt:not([data-r="legendary"]),
.wk-grid-f:has(input[name="br"][value="mythical"]:checked) .wk-gt:not([data-r="mythical"]),
.wk-grid-f:has(input[name="bt"][value="t-Agriculture"]:checked) .wk-gt:not([data-t~="Agriculture"]),
.wk-grid-f:has(input[name="bt"][value="t-Balance"]:checked) .wk-gt:not([data-t~="Balance"]),
.wk-grid-f:has(input[name="bt"][value="t-Chaos"]:checked) .wk-gt:not([data-t~="Chaos"]),
.wk-grid-f:has(input[name="bt"][value="t-Cosmic"]:checked) .wk-gt:not([data-t~="Cosmic"]),
.wk-grid-f:has(input[name="bt"][value="t-Energy"]:checked) .wk-gt:not([data-t~="Energy"]),
.wk-grid-f:has(input[name="bt"][value="t-Faith"]:checked) .wk-gt:not([data-t~="Faith"]),
.wk-grid-f:has(input[name="bt"][value="t-Fire"]:checked) .wk-gt:not([data-t~="Fire"]),
.wk-grid-f:has(input[name="bt"][value="t-Ice"]:checked) .wk-gt:not([data-t~="Ice"]),
.wk-grid-f:has(input[name="bt"][value="t-Light"]:checked) .wk-gt:not([data-t~="Light"]),
.wk-grid-f:has(input[name="bt"][value="t-Metal"]:checked) .wk-gt:not([data-t~="Metal"]),
.wk-grid-f:has(input[name="bt"][value="t-Mountain"]:checked) .wk-gt:not([data-t~="Mountain"]),
.wk-grid-f:has(input[name="bt"][value="t-Nature"]:checked) .wk-gt:not([data-t~="Nature"]),
.wk-grid-f:has(input[name="bt"][value="t-Oil"]:checked) .wk-gt:not([data-t~="Oil"]),
.wk-grid-f:has(input[name="bt"][value="t-Shadow"]:checked) .wk-gt:not([data-t~="Shadow"]),
.wk-grid-f:has(input[name="bt"][value="t-Storm"]:checked) .wk-gt:not([data-t~="Storm"]),
.wk-grid-f:has(input[name="bt"][value="t-Water"]:checked) .wk-gt:not([data-t~="Water"]),
.wk-grid-f:has(input[name="bt"][value="t-Wind"]:checked) .wk-gt:not([data-t~="Wind"]){ display: none; }
@media (max-width: 640px){
.wk-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.wk-gt-art{ width: 52px; height: 52px; }
.wk-cat-find{ max-width: none; }
}
.wk-dtiles:has(> .wk-dtile:nth-child(5):last-child){ grid-template-columns: repeat(5, minmax(0, 1fr)); }
.wk-ltiles{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wk-ltile .upd-line{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wk-ltile .wk-dtile-art.is-arena{ width: 88px; aspect-ratio: 16 / 10; border-radius: var(--r); overflow: hidden; }
.wk-ltile .wk-dtile-art.is-arena img{ object-fit: cover; }
.wk-lregions{ margin-top: 4px; }
.wk-lregions .wk-pill[aria-current="page"]{ color: var(--ink); background: var(--bg); box-shadow: var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--gold) 55%, var(--rule)); }
.wk-lcards{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; }
.wk-lc{ display: flex; gap: 14px; align-items: flex-start; padding: 16px; min-width: 0; scroll-margin-top: calc(var(--wk-top) + 64px); }
.wk-lc:target{ box-shadow: var(--shadow-1), inset 0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent); }
.wk-lc-art{ flex: none; display: grid; place-items: center; width: 76px; aspect-ratio: 1; border-radius: var(--r-lg);
  background: radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--rc, var(--k-mymic)) 24%, transparent), transparent 70%); }
.wk-lc-art img{ width: 88%; height: 88%; object-fit: contain; display: block; }
.wk-lc-main{ flex: 1; min-width: 0; display: grid; gap: 8px; }
.wk-lc-top{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; }
.wk-lc-h{ margin: 0; font: 700 var(--fs-4)/1.25 var(--body); overflow-wrap: anywhere; }
.wk-lc-name{ color: var(--ink); }
a.wk-lc-name:hover, a.wk-lc-name:focus-visible{ color: var(--gold); }
.wk-lq{ position: relative; margin: 0; }
.wk-lq p{ margin: 0; color: var(--mute); font-size: var(--fs-3); line-height: 1.6; text-indent: .85em; overflow-wrap: anywhere; }
.wk-lq::after{ content: "\201C"; position: absolute; left: 0; top: .78em; color: var(--gold); font: 700 1.5em/0 var(--cond); }
.wk-lq p::after{ content: "\201D"; margin-left: 2px; color: var(--gold); font: 700 1.5em/0 var(--cond); vertical-align: -.28em; }
.wk-lskins{ border-radius: var(--r-lg); background: var(--row); box-shadow: inset 0 0 0 1px var(--hairline-2); }
.wk-lskins > summary{ list-style: none; cursor: pointer; display: flex; align-items: center; padding: 8px 12px; color: var(--ink); font: 600 var(--fs-2) var(--body); border-radius: inherit; }
.wk-lskins > summary::-webkit-details-marker{ display: none; }
.wk-lskins > summary::after{ content: ""; width: 7px; height: 7px; margin: 0 2px 3px auto; border-right: 2px solid var(--dim); border-bottom: 2px solid var(--dim); transform: rotate(45deg); }
.wk-lskins[open] > summary::after{ transform: rotate(225deg); margin-bottom: -3px; }
.wk-lskins > summary:hover{ color: var(--gold); }
.wk-lskins > summary:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.wk-lskin-list{ list-style: none; margin: 0; padding: 0 0 4px; display: grid; }
.wk-ls{ display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; min-width: 0; scroll-margin-top: calc(var(--wk-top) + 64px); }
.wk-ls + .wk-ls{ box-shadow: 0 -1px 0 var(--hairline-2); }
.wk-ls-art{ flex: none; width: 44px; aspect-ratio: 1; }
.wk-ls-art img{ width: 100%; height: 100%; object-fit: contain; display: block; }
.wk-ls-main{ flex: 1; min-width: 0; display: grid; gap: 4px; }
.wk-ls-name{ color: var(--ink); font: 600 var(--fs-3)/1.3 var(--body); overflow-wrap: anywhere; }
a.wk-ls-name:hover, a.wk-ls-name:focus-visible{ color: var(--gold); }
.wk-ls-text{ margin: 0; color: var(--mute); font-size: var(--fs-2); line-height: 1.55; overflow-wrap: anywhere; }
.wk-la{ display: grid; overflow: hidden; scroll-margin-top: calc(var(--wk-top) + 16px); }
.wk-la-art{ display: block; aspect-ratio: 16 / 8; background: var(--row); overflow: hidden; }
.wk-la-art img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.wk-la-main{ display: grid; gap: 10px; padding: 14px 16px 16px; min-width: 0; }
.wk-la-by{ font-size: var(--fs-1); }
.wk-grid-f .wk-az .wk-rar{ color: inherit; }
@media (prefers-reduced-motion: no-preference){
.wk-lc, .wk-la{ transition: box-shadow .15s ease; }
.wk-la-art img{ transition: transform .4s ease; }
.wk-la:hover .wk-la-art img{ transform: scale(1.03); }
}
@media (max-width: 1100px){
.wk-dtiles:has(> .wk-dtile:nth-child(5):last-child){ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px){
.wk-dtiles:has(> .wk-dtile:nth-child(5):last-child), .wk-ltiles{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wk-lcards{ grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px){
.wk-lc{ gap: 12px; padding: 12px 14px; }
.wk-lc-art{ width: 56px; }
.wk-lc-h{ font-size: var(--fs-3); }
.wk-ltile .wk-dtile-art.is-arena{ width: 64px; }
}
.lkd-pct{ margin: 0; font: 600 var(--fs-2)/1.4 var(--body); color: var(--ink); }
.lkd-pct.is-up{ color: color-mix(in srgb, var(--good) 75%, var(--ink)); }
.lkd-pct.is-down{ color: color-mix(in srgb, var(--bad) 75%, var(--ink)); }
.lkdist-title{ display: flex; align-items: center; gap: 8px; }
.lkdist-tiles{ grid-template-columns: repeat(2, minmax(0, 180px)); margin: 4px 0 12px; }
.lkdist-tier-label{ fill: var(--mute); font: 600 var(--fs-1)/1 var(--mono); }
.wk-modcall{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin: 0 0 14px;
  padding: 10px 14px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid color-mix(in srgb, var(--gold) 40%, var(--rule));
  box-shadow: var(--shadow-card); color: var(--ink); text-decoration: none; }
.wk-modcall:hover{ border-color: var(--gold); }
.wk-modcall:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.wk-modcall-go{ font: 700 var(--fs-2) var(--body); color: var(--gold); }
.wk-modcall-go::after{ content: " \2192"; }
.wk-apply .wk-edit-fields{ max-width: 640px; margin-top: 16px; }
.wk-apply .wk-field textarea{ min-height: 110px; font: 400 var(--fs-3)/1.45 var(--body); }
.wk-field-hint{ font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--dim); }
.wk-hp{ position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.wk-apply-to{ margin: 0; color: var(--mute); font-size: var(--fs-2); }
.wk-apply-done{ margin: 16px 0 0; padding: 12px 14px; border-radius: var(--r); background: var(--row); color: var(--ink); }
@media (max-width: 560px){
.compact-table.row-tap tbody tr{ position: relative; }
.compact-table.row-tap td.row-details{ position: static; width: 0; padding: 0; }
.compact-table.row-tap .row-details-open{
    position: absolute; inset: 0; width: auto; height: auto; border-radius: var(--r);
    background: transparent; color: transparent; font-size: 0; z-index: 1;
  }
.compact-table.row-tap .row-details-open::after{ content: none; }
.compact-table.row-tap .row-details-open:hover{ background: transparent; }
.compact-table.row-tap .row-details-open:focus-visible{ outline: 2px solid var(--gold); outline-offset: -2px; }
.compact-table.row-tap tbody td{ pointer-events: none; }
.compact-table.row-tap tbody td a, .compact-table.row-tap tbody td button{ pointer-events: auto; }
.compact-table.row-tap tbody tr:has(.row-details-open:focus-visible){ outline: 2px solid var(--gold); outline-offset: -2px; }
.compact-table.row-tap .rowlink{ position: relative; z-index: 2; display: inline-block; line-height: 18px;
    padding-block: 7px; margin-block: -7px; vertical-align: top; min-width: 32px;
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.compact-table.row-tap .cellflex .name{ overflow: visible; }
.compact-table.row-tap.has-row-details tbody td:nth-last-child(2){ border-radius: 0 var(--r) var(--r) 0; }
}
.chrome > .page-title{
  flex: 1 1 100%; margin: 10px 2px 2px; min-width: 0;
  font-family: var(--cond); font-weight: 700; font-size: clamp(28px, 7.5vw, 36px); line-height: 1.05;
  letter-spacing: .03em; text-transform: uppercase;
  color: var(--ink); overflow-wrap: anywhere;
}
body:has(#view h1:not(.sr-only)) #chrome > .page-title{ display: none; }
.has-wiki{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.wiki-link{ flex: none; margin-left: auto; display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 8px;
  border: 1px solid var(--rule); border-radius: 999px; background: var(--row); color: var(--mute);
  font: 600 var(--fs-1) var(--body); line-height: 1.2; letter-spacing: 0; text-transform: none; text-decoration: none; white-space: nowrap; }
.wiki-link-icon{ display: inline-grid; place-items: center; }
.wiki-link svg{ width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round; }
.wiki-link:hover, .wiki-link:focus-visible{ color: var(--gold); border-color: var(--gold); }
@media (pointer: coarse){
.wiki-link{ min-height: 30px; }
}
.ws-title{ margin: 0; font: 700 var(--fs-5) var(--body); }
:root{
  --tier-regular-a: #64748b; --tier-regular-b: #475569;
  --tier-elite-a: #8b5cf6;   --tier-elite-b: #6d28d9;
  --rar-mythical: #D4585E;
  --tier-boss-a: #dc2626;    --tier-boss-b: #991b1b;
  --tier-herald-a: #14b8a6;  --tier-herald-b: #0f766e; --tier-herald-edge: #5eead4;
  --tier-rift-a: #6d28d9;    --tier-rift-b: #1e1b4b;   --tier-rift-gold: #fbbf24; --tier-rift-hover: #f59e0b;
}
.mymic-tier{
  position: relative; display: inline-flex; align-items: center; overflow: hidden;
  padding: 2px 9px; border-radius: 999px; border: 1px solid transparent;
  font: 800 var(--fs-1)/1.4 var(--body); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;
  color: #fff; box-shadow: 0 4px 12px #0000001f;
}
.mymic-tier.is-regular{ background: linear-gradient(135deg, var(--tier-regular-a), var(--tier-regular-b)); }
.mymic-tier.is-elite{ background: linear-gradient(135deg, var(--tier-elite-a), var(--tier-elite-b)); }
.mymic-tier.is-boss{ background: linear-gradient(135deg, var(--tier-boss-a), var(--tier-boss-b)); }
.mymic-tier.is-herald{ background: linear-gradient(135deg, var(--tier-herald-a), var(--tier-herald-b));
  border-color: var(--tier-herald-edge); box-shadow: 0 4px 12px #0f766e4d, inset 0 -2px var(--tier-herald-edge); }
.mymic-tier.is-riftbreaker{ background: linear-gradient(135deg, var(--tier-rift-a), var(--tier-rift-b));
  color: var(--tier-rift-gold); border-color: var(--tier-rift-gold);
  box-shadow: 0 0 14px #fbbf2473, 0 4px 12px #1e1b4b59, inset 0 -2px var(--tier-rift-gold); }
.mymic-tier.is-riftbreaker::after{ content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(253, 230, 138, .55) 50%, transparent 70%);
  transform: translate(-120%); }
@media (prefers-reduced-motion: no-preference){
.mymic-tier.is-riftbreaker::after{ animation: mymic-rift-shimmer 3.2s ease-in-out infinite; }
}
@keyframes mymic-rift-shimmer{ 0%, 55% { transform: translate(-120%); } to { transform: translate(120%); } }
#view.fl-scope .ball-hero.is-tier-herald, .ball-hero.is-tier-herald{
  border: 2px solid var(--tier-herald-edge); box-shadow: 0 12px 30px #0f766e2e; }
#view.fl-scope .ball-hero.is-tier-riftbreaker, .ball-hero.is-tier-riftbreaker{
  border: 3px solid var(--tier-rift-gold); box-shadow: 0 0 0 5px #6d28d929, 0 18px 44px #6d28d959; }
.ball-hero .rarity .mymic-tier{ letter-spacing: .06em; }
.wk-infobox.is-tier-herald{ border: 2px solid var(--tier-herald-edge); box-shadow: 0 12px 30px #0f766e2e; }
.wk-infobox.is-tier-riftbreaker{ border: 3px solid var(--tier-rift-gold); box-shadow: 0 0 0 5px #6d28d929, 0 18px 44px #6d28d959; }
.wk-ib .mymic-tier, .upd-h2 .mymic-tier{ font-size: var(--fs-1); }
.mx-sec{ padding-bottom: 6px; }
.mx-sec[hidden]{ display: none; }
:root{
  --tier-regular-a: #22c55e; --tier-regular-b: #15803d; --tier-regular-edge: #86efac; --tier-regular-glow: #16a34a;
  --tier-elite-edge: #c4b5fd; --tier-elite-glow: #7c3aed;
  --tier-boss-edge: #fca5a5;  --tier-boss-glow: #dc2626;
  --tier-tutor-a: #3b82f6;    --tier-tutor-b: #1d4ed8;   --tier-tutor-edge: #93c5fd; --tier-tutor-glow: #2563eb;
}
.mymic-tier.is-tutor{ background: linear-gradient(135deg, var(--tier-tutor-a), var(--tier-tutor-b)); }
.mymic-tier:is(.is-regular, .is-elite, .is-boss, .is-tutor){
  --tg: var(--tier-regular-glow); --te: var(--tier-regular-edge);
  border-color: color-mix(in srgb, var(--te) 70%, transparent);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--tg) 35%, transparent), inset 0 -2px color-mix(in srgb, var(--te) 75%, transparent);
}
.mymic-tier.is-elite{ --tg: var(--tier-elite-glow); --te: var(--tier-elite-edge); }
.mymic-tier.is-boss{ --tg: var(--tier-boss-glow); --te: var(--tier-boss-edge); }
.mymic-tier.is-tutor{ --tg: var(--tier-tutor-glow); --te: var(--tier-tutor-edge); }
.mymic-tier:is(.is-regular, .is-elite, .is-boss, .is-tutor, .is-herald)::after{
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .42) 50%, transparent 70%);
  transform: translate(-120%);
}
body:has(.mx-bar) #view.is-swapping{ animation-fill-mode: backwards; }
.mx-menu-title{ font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
@media (prefers-reduced-motion: no-preference){
.mymic-tier:is(.is-regular, .is-elite, .is-boss, .is-tutor, .is-herald)::after{
    animation: mymic-rift-shimmer 4.8s ease-in-out infinite;
  }
}
.mx-kind-title{ grid-column: 1 / -1; display: flex; align-items: baseline; gap: 10px; margin: 0; }
@media (max-width: 640px){
.mx-kind-title{ flex-wrap: wrap; gap: 6px; }
}
:root{ --tier-mid-a: #64748b; --tier-mid-b: #475569; --tier-mid-edge: #cbd5e1; }
.mymic-tier.is-status{ background: linear-gradient(135deg, var(--prestige-gold), #a16207); color: #fff;
  border-color: color-mix(in srgb, #fde68a 70%, transparent);
  box-shadow: 0 4px 12px color-mix(in srgb, #ca8a04 35%, transparent), inset 0 -2px color-mix(in srgb, #fde68a 75%, transparent); }
.mymic-tier.is-mega{ background: linear-gradient(135deg, var(--tier-rift-a), var(--tier-herald-b)); color: #fff;
  border-color: var(--tier-herald-edge); box-shadow: 0 4px 12px #6d28d94d, inset 0 -2px var(--tier-herald-edge); }
.mymic-tier.is-midfight{ background: linear-gradient(135deg, var(--tier-mid-a), var(--tier-mid-b)); color: #fff;
  border-color: color-mix(in srgb, var(--tier-mid-edge) 60%, transparent); }
.mymic-tier:is(.is-status, .is-mega, .is-midfight)::after{
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .42) 50%, transparent 70%);
  transform: translate(-120%);
}
@media (prefers-reduced-motion: no-preference){
.mymic-tier:is(.is-status, .is-mega, .is-midfight)::after{ animation: mymic-rift-shimmer 4.8s ease-in-out infinite; }
}
body:has(.eq-tools .mx-menu) #view.is-swapping{ animation-fill-mode: backwards; }
.mg-sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body:has(.mg-bg) footer{ background: var(--bg); }
#view.is-swapping:has(> .mg){ animation-name: none; }
.mg-star{ position: absolute; left: var(--x); top: var(--y); width: 4px; height: 4px; border-radius: 50%; background: #f5f3ff;
  box-shadow: 0 0 6px 1px #c4b5fdb3, 0 0 14px #a78bfa66; opacity: .7; }
.mg-star:nth-child(3n){ width: 3px; height: 3px; opacity: .5; }
.mg-star:nth-child(4n + 1){ background: #fde68a; box-shadow: 0 0 6px 1px #fbbf2499; }
#view .mg-title{ margin: 0; display: grid; justify-items: center; font: 900 var(--fs-5)/.86 var(--cond); font-size: clamp(42px, 9vw, 92px);
  letter-spacing: .01em; text-transform: uppercase; text-shadow: 0 4px 0 #0b0722, 0 0 28px #1e145299; }
@media (prefers-reduced-motion: no-preference){
.mg-star{ animation: mg-pulse calc(2.6s + var(--d) * .3s) ease-in-out calc(var(--d) * -.7s) infinite; }
}
@keyframes mg-pulse{ 0%, 100% { opacity: .35; } 50% { opacity: .9; } }
#view .wrf-h{ margin: 0 0 16px; font: 800 var(--fs-4)/1.1 var(--cond); font-size: clamp(22px, 2.4vw, 28px); letter-spacing: .01em; color: var(--ink); }
.wrf-how-h, .wrf-cat-h{ margin: 0; font: 800 var(--fs-1)/1.4 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
.wrf-cat-h{ display: flex; }
#view .wrf-guide-title{ margin: 0; font: 900 var(--fs-5)/1 var(--cond); font-size: clamp(24px, 3vw, 32px); text-transform: uppercase; letter-spacing: .02em; color: #fbbf24; }
.wrf-home-title{ font: 900 var(--fs-4)/1.05 var(--cond); font-size: clamp(20px, 1.9vw, 26px); letter-spacing: .02em; text-transform: uppercase; color: #fff; }
.pf{ position: relative; display: inline-block; flex: none; vertical-align: middle; line-height: 0; }
.pf > :first-child{ transform: scale(.74); border-radius: 50%; }
.pf.is-bare > :first-child{ transform: none; }
.pf-art{ position: absolute; inset: -18%; z-index: 1; pointer-events: none; }
.pf-art img{ display: block; width: 100%; height: 100%; object-fit: contain; border: 0; background: none; }
.player-hero > .pf > img:first-child{
  width: 96px; height: 96px; object-fit: contain; border: 1px solid var(--rule); background: #0A0E0F;
}
.player-hero > .pf{ margin: 6px; }
@media (max-width: 900px){
.player-hero > .pf > img:first-child{ width: 72px; height: 72px; }
}
@media (max-width: 640px){
.player-hero > .pf > img:first-child{ width: 64px; height: 64px; }
}
@media (prefers-reduced-motion: no-preference){
.player-hero > .pf{ animation: hero-bob 6s ease-in-out 700ms infinite; }
}
:where(html:not(:has(.fs-page))) :where(a[href], button, input, select, textarea, summary, [tabindex]):not(:where(.top *, .eh-tabbar *)):focus{
  scroll-margin-top: calc(var(--sticky-top, 49px) + 8px);
}
@media (max-width: 640px) and (min-height: 421px){
:where(html.nav-eh:not(:has(.fs-page))) :where(a[href], button, input, select, textarea, summary, [tabindex]):not(:where(.top *, .eh-tabbar *)):focus{
    scroll-margin-bottom: calc(110px + env(safe-area-inset-bottom));
  }
}
@media (max-width: 640px) and (min-height: 421px){
html:has(.wr-strat) :is(a[href], button, input, select, textarea, summary, [tabindex]):not(:where(.top *, .eh-tabbar *, .wr-strat-row *)):focus{
    scroll-margin-bottom: calc(116px + env(safe-area-inset-bottom));
  }
html.nav-eh:has(.wr-strat) :is(a[href], button, input, select, textarea, summary, [tabindex]):not(:where(.top *, .eh-tabbar *, .wr-strat-row *)):focus{
    scroll-margin-bottom: calc(180px + env(safe-area-inset-bottom));
  }
}
@media (pointer: coarse){
.wiki-link{ position: relative; }
.wiki-link::after{ content: ""; position: absolute; inset: -2px 0; border-radius: inherit; }
}
.rbk-h{ margin: 0; font-family: var(--cond); font-size: var(--fs-1); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.rbk-seat-n{ flex: none; min-width: 20px; height: 20px; display: grid; place-items: center; border-radius: 999px;
  font: 600 var(--fs-1)/1 var(--mono); color: var(--mute); background: var(--row); border: 1px solid var(--rule); }
.rbk-step-title{ font-size: var(--fs-3); color: var(--ink); }
@media (max-width: 720px){
.rbk-squads{ grid-template-columns: minmax(0, 1fr); }
}
.rift-cat-pills{ display: flex; flex-wrap: wrap; gap: 5px; }
.rfs-h{ margin: 0 0 10px; font: 800 var(--fs-4)/1.2 var(--cond); font-size: clamp(17px, 1.6vw, 20px); color: var(--ink); }
.is-thin{ opacity: .92; --dim: var(--mute); }
.rfs-band-h{ display: flex; align-items: center; gap: 10px; margin: 0; padding-bottom: 8px; border-bottom: 2px solid color-mix(in srgb, var(--band-color) 55%, var(--rule)); }
.rfs-recap-h{ margin: 0; font: 800 var(--fs-4)/1.2 var(--cond); font-size: clamp(19px, 1.8vw, 22px); color: var(--ink); }
#view .wrs-bar-h{ margin: 0; font: 800 var(--fs-4)/1.1 var(--cond); font-size: clamp(20px, 2vw, 24px); color: var(--ink); }
.fc{ display: grid; gap: 16px; min-width: 0; max-width: 1180px; padding: 8px var(--gutter) 28px; box-sizing: border-box; }
#view .fc-h{ margin: 0; color: var(--mute); font: 700 var(--fs-2)/1.2 var(--body); text-transform: uppercase; letter-spacing: .08em; }
.fc .thumb{ background: transparent; border: 0; box-shadow: none; }
.fc-vs{ align-self: center; display: grid; place-items: center; }
.fc-vs span{ display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; color: var(--bg); font: 800 var(--fs-4)/1 var(--cond); letter-spacing: .04em;
  background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--gold) 55%, #fff), var(--gold) 60%, color-mix(in srgb, var(--gold) 70%, #000));
  box-shadow: 0 0 0 4px var(--bg), 0 10px 26px -6px color-mix(in srgb, var(--gold) 70%, transparent); }
.fc-res-h{ display: flex; align-items: center; gap: 8px; }
@keyframes fc-in{ from { opacity: 0; translate: 0 4px; } }
@keyframes fc-fill{ from { transform: scaleX(0); } }
@media (max-width: 720px){
.fc-vs{ position: relative; z-index: 2; margin: -12px 0; }
}
#view .sp-title{ margin: 0; font: 700 var(--fs-5)/1.15 var(--cond); letter-spacing: .03em; text-transform: uppercase; }
#view .sp-h{ margin: 0; color: var(--mute); font: 700 var(--fs-2)/1.2 var(--body); text-transform: uppercase; letter-spacing: .08em; }
.hm{
  --fs-2: 14px; --fs-3: 16px; --fs-4: 20px;
  --fs-hm-1: 15px; --fs-hm-2: 17px; --fs-hm-3: 18px; --fs-hm-4: 20px;
  --fs-hm-5: 22px; --fs-hm-6: 24px; --fs-hm-7: 26px; --fs-hm-8: 30px;
  font-size: var(--fs-3); padding-bottom: 28px;
}
.hm-hooks-wrap{ position: relative; overflow: hidden; padding-bottom: 12px; margin-bottom: -12px; }
.hm-h{ display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px;
  padding: 28px var(--gutter) 0; font: 700 var(--fs-hm-5)/1.1 var(--cond); text-transform: uppercase; letter-spacing: .04em; color: var(--ink); }
@media (max-width: 640px){
.hm-h{ padding-top: 24px; font-size: var(--fs-hm-4); }
}
:root{
  --rce-gold: #F2C14E; --rce-hot: #FFE7A3; --rce-deep: #B7791F;
  --rce-seat: color-mix(in srgb, var(--ink) 10%, transparent);
  --rce-glow: 0 0 10px color-mix(in srgb, var(--rce-gold) 70%, transparent);
  --rce-card-a: color-mix(in srgb, var(--rce-gold) 20%, transparent);
  --rce-ink-on-gold: #2A1A00;
}
:root[data-theme="light"]{
  --rce-gold: #C8921C; --rce-hot: #F2C14E; --rce-deep: #7A520E;
  --rce-seat: color-mix(in srgb, var(--ink) 9%, transparent);
  --rce-glow: 0 0 6px color-mix(in srgb, var(--rce-gold) 45%, transparent);
  --rce-card-a: color-mix(in srgb, var(--rce-gold) 14%, transparent);
}
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){
    --rce-gold: #C8921C; --rce-hot: #F2C14E; --rce-deep: #7A520E;
    --rce-seat: color-mix(in srgb, var(--ink) 9%, transparent);
    --rce-glow: 0 0 6px color-mix(in srgb, var(--rce-gold) 45%, transparent);
    --rce-card-a: color-mix(in srgb, var(--rce-gold) 14%, transparent);
  }
}
@keyframes rce-fill{ from { transform: scaleY(.2); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes rce-pulse{
  0%, 100% { box-shadow: var(--rce-glow); transform: none; }
  50% { box-shadow: 0 0 0 2px color-mix(in srgb, var(--rce-hot) 70%, transparent), 0 0 18px var(--rce-gold); transform: scaleY(1.25); }
}
@keyframes rce-sheen{ from { background-position: 120% 0; } to { background-position: -120% 0; } }
.rp{ display: grid; gap: 10px; min-width: 0; max-width: 1180px; padding: 8px 0 28px; box-sizing: border-box; }
#view .rp-title{ color: var(--ink); display: flex; align-items: center; gap: 12px; margin: 0; font: 700 var(--fs-5)/1.05 var(--cond);
  letter-spacing: .03em; text-transform: uppercase; }
#view .rp-h{ margin: 0 var(--gutter); }
.rp-m1{ order: 2; padding-top: 22px; padding-bottom: 24px; box-shadow: var(--shadow-card), 0 0 28px -8px color-mix(in srgb, var(--rce-gold) 70%, transparent); }
.rp-m2{ order: 1; --pm: #B9C2CF; }
.rp-m3{ order: 3; --pm: #C98A5A; }
.rp-m1.is-open{ min-height: 180px; }
@keyframes rp-glow{
  0%, 100% { box-shadow: var(--shadow-card), 0 0 0 0 transparent; }
  50% { box-shadow: var(--shadow-card), 0 0 0 2px color-mix(in srgb, var(--rce-gold) 60%, transparent), 0 0 24px -4px var(--rce-gold); }
}
@media (max-width: 760px){
.rp-m1{ padding: 14px; }
.rp-pod.is-open, .rp-m1.is-open{ min-height: 0; grid-template-areas: "h o"; align-items: center; }
}
.rbk-bk-title{ font-size: var(--fs-3); }
.rd-h{ margin: 0; font-family: var(--cond); font-size: var(--fs-1); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
:root[data-theme="light"] :is(.rr, .rc-hero)[data-aura]{ --aura-o: .7; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) :is(.rr, .rc-hero)[data-aura]{ --aura-o: .7; }
}
@keyframes rr-aura{
  0% { transform: translate3d(-5px, -2px, 0) scale(1); opacity: calc(var(--aura-o) * .6); }
  50% { transform: translate3d(2px, 3px, 0) scale(1.02); opacity: var(--aura-o); }
  100% { transform: translate3d(5px, -3px, 0) scale(1.01); opacity: calc(var(--aura-o) * .8); }
}
.bal-h{ margin: 0; font: 700 var(--fs-3)/1.3 var(--body); color: var(--ink); }
.bal-chart-wrap{ width: 100%; min-width: 0; overflow: hidden; }
.page-crumbs{ display: flex; margin: 0 0 -8px; padding: 0 var(--gutter); font: 600 var(--fs-2)/1.3 var(--body); }
.page-crumb{ display: inline-flex; align-items: center; gap: 6px; color: var(--mute); }
.page-crumb:hover, .page-crumb:focus-visible{ color: var(--gold); }
@media (pointer: coarse){
.page-crumb{ position: relative; z-index: 3; }
.page-crumb::after{ content: ""; position: absolute; inset: -8px -4px -16px; }
}
:root{
  --lk-luck: #4FD18B; --lk-jack: #F2B84B; --lk-bad: #F06A5F;
  --lk-luck-soft: rgba(79,209,139,.13); --lk-jack-soft: rgba(242,184,75,.15); --lk-bad-soft: rgba(240,106,95,.13);
  --lk-t5: #E77FC8; --lk-t4: #F2B84B; --lk-t3: #B48AF5; --lk-t2: #5A9BF0; --lk-t1: #5CC08A;
  --lk-on-jack: #1A1204; --lk-on-bad: #1A0605; --lk-on-medal: #1A1204;
}
:root[data-theme="light"]{
  --lk-luck: #236E45; --lk-jack: #A86A0E; --lk-bad: #A13A35;
  --lk-luck-soft: rgba(46,158,98,.12); --lk-jack-soft: rgba(201,134,27,.14); --lk-bad-soft: rgba(200,80,74,.12);
  --lk-t5: #9C2E7A; --lk-t4: #A86A0E; --lk-t3: #6A3FB8; --lk-t2: #1F58B0; --lk-t1: #236E45;
  --lk-on-jack: #FFFFFF; --lk-on-bad: #FFFFFF; --lk-on-medal: #FFFFFF;
}
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){
    --lk-luck: #236E45; --lk-jack: #A86A0E; --lk-bad: #A13A35;
    --lk-luck-soft: rgba(46,158,98,.12); --lk-jack-soft: rgba(201,134,27,.14); --lk-bad-soft: rgba(200,80,74,.12);
    --lk-t5: #9C2E7A; --lk-t4: #A86A0E; --lk-t3: #6A3FB8; --lk-t2: #1F58B0; --lk-t1: #236E45;
    --lk-on-jack: #FFFFFF; --lk-on-bad: #FFFFFF; --lk-on-medal: #FFFFFF;
  }
}
.lk3-col-h{ margin: 0; font-weight: 800; font-size: var(--fs-1); font-family: var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
.lk3-zone-label{ font: 800 var(--fs-1)/1 var(--cond); letter-spacing: .08em; text-transform: uppercase; }
.lk3-zone-label.is-up{ fill: var(--lk-luck); }
.lk3-zone-label.is-down{ fill: var(--lk-bad); }
.ux{ display: grid; gap: 14px; max-width: 1180px; }
.ux-hero-row{ position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ux-title{ display: flex; align-items: center; gap: 8px; margin: 6px 0 0; }
.wk-lcards > .wk-lc{ content-visibility: auto; contain-intrinsic-size: auto 313px; }
.wrap > .rh-more, .ladder-host > .rh-more{ display: block; margin: 12px auto 4px; min-height: 40px; padding: 0 22px; }
.wk-grid-f > .wk-more{ display: block; margin: 16px auto 4px; min-height: 40px; padding: 0 22px; }