/* views/artists.js's pages' 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; }
.omni-results{
  position: absolute; top: 100%; right: 0; z-index: 60;
  min-width: min(330px, calc(100vw - 16px));
  max-width: calc(100vw - 16px);
  margin-top: 4px; background: var(--panel); border-radius: var(--r-lg);
  max-height: 380px; overflow-y: auto; overscroll-behavior: contain;
  box-shadow: var(--shadow-2);
}
.omni-row{
  display: flex; align-items: center; gap: 9px; width: 100%; text-align: left;
  background: none; border: 0;
  padding: 8px 12px; cursor: pointer; color: var(--ink); font-family: var(--body);
}
.omni-row:hover, .omni-row.is-active{ background: var(--row); }
.omni-row
img[data-src]:not([src]){ visibility: hidden; }
.thumb{ width: 26px; height: 26px; }
.omni-name{ flex: 1; font-size: var(--fs-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.omni-line, .omni-sub{ display: block; overflow: hidden; text-overflow: ellipsis; }
.omni-sub{ font-size: var(--fs-1); color: var(--dim); margin-top: 1px; }
.omni-line.has-mark, .omni-name.has-mark{ display: flex; align-items: center; gap: 6px; }
.omni-line-name{ min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.omni-kind{
  font-family: var(--body); font-weight: 600; font-size: var(--fs-1); letter-spacing: 0; text-transform: none;
  color: var(--dim); background: var(--lift); border-radius: var(--r-sm); padding: 2px 5px;
}
.omni-empty{ padding: 14px 12px; color: var(--dim); font-size: var(--fs-2); margin: 0; }
.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-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-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-ladder{ width: 100%; display: grid; gap: 1px; background: var(--rule);
  border: 1px solid var(--rule); border-radius: var(--r); max-height: 340px; overflow-y: auto; }
.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; }
}
.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-costs{ margin-top: 6px; color: var(--mute); }
.foot-meta{ margin-top: 8px; }
.foot-stats:empty{ display: none; }
footer a{ color: var(--mute); text-decoration: underline; text-underline-offset: 2px; }
footer a:hover{ color: var(--gold); }
.new-dot{
  display: inline-block; width: 7px; height: 7px; margin-left: 3px; border-radius: 50%;
  background: var(--gold); vertical-align: .5em;
}
.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{ padding-bottom: 16px; margin-bottom: 14px; border-bottom: 1px solid var(--rule); }
.foot-get-title{ font: 700 var(--fs-2) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--ink); margin: 0 0 10px; }
.foot-badges{ display: flex; flex-wrap: wrap; gap: 10px; }
.foot-badges a{ display: block; padding: 0; border-radius: var(--r); }
.foot-badges a:first-child{ margin-left: -10px; }
.foot-badges a:last-child{ margin-left: -3px; }
.foot-badges a:hover{ filter: brightness(1.2); }
.foot-badges img{ display: block; width: auto; height: 40px; }
.foot-official{ margin-top: 10px; color: var(--mute); }
.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); }
.home-more{ padding: 18px var(--gutter) 24px; }
.home-more h2{
  font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase;
  color: var(--mute); margin-bottom: 12px;
}
.home-more-grid{
  display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px;
}
.home-more-card{
  display: flex; flex-direction: column; gap: 3px; padding: 12px 14px;
  background: var(--panel); color: inherit; text-decoration: none;
  border-radius: var(--r-lg); box-shadow: var(--shadow-card);
  transition: transform 180ms var(--ease), box-shadow 180ms ease, background-color 140ms ease;
}
.home-more-card:hover{
  background: var(--panel); transform: translateY(-2px);
  box-shadow: var(--shadow-card), 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent);
}
.home-more-card b{ font: 600 var(--fs-3) var(--body); color: var(--ink); }
.home-more-card span{ font: var(--fs-2)/1.45 var(--body); color: var(--mute); }
@media (prefers-reduced-motion: no-preference){
.strips > .strip, .home-more-card{ animation: home-float-in 420ms var(--ease) both; }
}
@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[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); }
@media (max-width: 640px){
.tier{ grid-template-columns: 64px 1fr; }
}
.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; }
@media (max-width: 900px){
.omni{ margin-left: 0; width: 100%; padding: 0 0 6px; }
.omni input{ width: 100%; }
.omni-results{ left: 0; right: 0; min-width: 0; }
.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; }
.top .acct{ border-top: 1px solid var(--rule); align-self: stretch; }
}
@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; }
.top .acct{ border-top: 0; }
}
.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-arena-boost{ margin: 4px 0 0; display: flex; align-items: center; gap: 6px; color: var(--mute); font-size: var(--fs-2); }
.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; }
}
@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); }
.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; }
.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; }
.stile-value{
  font-family: var(--mono); font-size: var(--fs-4); font-weight: 600; line-height: 1.15;
  font-variant-numeric: tabular-nums; color: var(--ink);
}
.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; }
}
.unc{ position: relative; overflow: hidden; min-height: 70vh; }
.unc-sky{ position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.unc-bit{
  position: absolute; line-height: 1; user-select: none;
  animation-name: unc-fly; animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; animation-direction: alternate;
  will-change: transform;
}
@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)); }
}
.unc-box{
  position: relative; z-index: 1; padding: 54px var(--gutter) 60px;
  max-width: 78ch; margin: 0 auto; text-align: center;
}
.unc-shout{
  display: grid; gap: 2px;
  font-family: var(--cond); font-weight: 700; text-transform: uppercase;
  font-size: clamp(30px, 8vw, 68px); line-height: 0.95; letter-spacing: 0.02em;
  color: var(--bad);
}
.unc-shout span:last-child{ color: var(--ink); opacity: 0.55; }
.unc:not(.is-calm) .unc-shout{ animation: unc-shake 620ms steps(2, end) infinite; }
@keyframes unc-shake{
  0%, 100% { transform: translateX(0); }
  50%      { transform: translateX(3px); }
}
.unc-sub{
  font-family: var(--mono); font-size: var(--fs-2); color: var(--mute);
  margin-top: 14px; line-height: 1.7;
}
.unc-log{
  margin: 18px auto 0; padding: 12px 14px; max-width: 74ch;
  background: var(--panel); border: 1px solid var(--rule); border-radius: var(--r);
  font-family: var(--mono); font-size: var(--fs-1); line-height: 1.75; color: var(--dim);
  text-align: left; white-space: pre; overflow-x: auto; overscroll-behavior-x: contain;
}
.unc-status{
  font-family: var(--mono); font-size: var(--fs-1); color: var(--bad); margin-top: 12px;
}
.unc-fine{
  font-family: var(--mono); font-size: var(--fs-1); color: var(--dim); margin-top: 22px;
}
.unc-jk{
  margin-top: 10px; padding: 5px 12px;
  background: none; border: 1px solid var(--rule); border-radius: 999px;
  font-family: var(--mono); font-size: var(--fs-1); color: var(--mute);
  cursor: pointer; transition: color .15s, border-color .15s;
}
.unc-jk:hover{ color: var(--ink); border-color: var(--mute); }
.unc-jk:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce){
.unc-bit{ animation: none; }
.unc-shout{ animation: none; }
}
.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; }
.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; }
.strong-cp{ font: 600 var(--fs-3) var(--mono); }
.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; }
.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; }
.omni-results{ left: 8px; right: 8px; top: 100%; max-width: none; }
}
@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; }
.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); }
.first-clear{ margin: 6px 16px 14px; padding: 12px 14px; border: 1px solid var(--acc-amber); border-radius: var(--r);
  background: color-mix(in srgb, var(--acc-amber) 8%, var(--panel)); }
.first-clear.is-quiet{ border-color: var(--rule); background: var(--panel); }
.first-clear.is-provisional{ border-color: var(--rule); background: var(--panel); }
@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; }
.home-about p a, .whf-pill.is-link, .foot-by a{ position: relative; }
.home-about p a::after{ content: ""; position: absolute; inset: -7px 0; }
.foot-by a::after{ content: ""; position: absolute; inset: 0 -4px; }
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; }
}
.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); }
.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); }
.legal{ max-width: 760px; padding: 28px var(--gutter) 40px; }
.legal h1{ font: 700 var(--fs-5) var(--cond); letter-spacing: .03em; text-transform: uppercase; margin: 0 0 4px; }
.legal-date{ font: var(--fs-2) var(--mono); color: var(--dim); margin: 0 0 18px; }
.legal h2{ font: 700 var(--fs-3) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); margin: 26px 0 8px; }
.legal p{ color: var(--mute); line-height: 1.65; margin: 0 0 10px; font-size: var(--fs-3); }
.legal a:not(.btn){ color: var(--gold); }
body.has-ad-anchor footer{ padding-bottom: 120px; }
@media (max-width: 760px){
body.has-ad-anchor footer{ padding-bottom: 80px; }
}
@media (min-width: 1500px){
body.has-ad-rail-right{ padding-right: 320px; }
body.has-ad-rail-left{ padding-left: 320px; }
}
: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); }
body.has-ad-anchor .to-top{ bottom: 112px; }
@media (max-width: 760px){
body.has-ad-anchor .to-top{ bottom: 72px; }
}
.omni{ display: flex; align-items: center; }
.omni-kbd{
  font: 600 var(--fs-1) var(--mono); color: var(--dim); border: 1px solid var(--rule); border-radius: var(--r-sm);
  padding: 1px 6px; margin-right: 12px; pointer-events: none;
}
.omni input:focus + .omni-kbd{ opacity: 0; }
@media (pointer: coarse), (max-width: 640px){
.omni-kbd{ display: none; }
}
.omni-head{
  margin: 0; padding: 8px 12px 6px; font: 700 var(--fs-1) var(--cond); letter-spacing: .14em;
  text-transform: uppercase; color: var(--dim); border-bottom: 1px solid var(--rule);
}
@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;
  }
.fx-row, .omni-row{ transition: background-color 120ms ease; }
.omni-results:not([hidden]){ animation: drop-in 160ms var(--ease) both; }
@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; }
}
.acct{
  display: grid; place-items: center; width: 48px; flex: none; align-self: stretch; color: var(--mute);
  -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;
}
.acct:hover{ color: var(--gold); background: var(--row); }
.acct img{ width: 26px; height: 26px; border-radius: 50%; display: block; -webkit-user-drag: none; }
@media (max-width: 640px){
.top .acct{ order: 2; }
}
.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; }
.account-error{ color: var(--bad); font-size: var(--fs-3); margin: 10px 0; }
.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); }
.btn-quiet{ background: none; }
.btn-small{ padding: 3px 9px; font-size: var(--fs-2); }
.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); }
.legal-intro{ color: var(--ink) !important; font-size: var(--fs-3) !important; }
.legal-toc{ display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 14px 0 6px; padding: 12px 14px; background: var(--panel);
  border: 1px solid var(--rule); border-radius: var(--r); }
.legal-toc a{ font-size: var(--fs-2); color: var(--mute) !important; }
.legal-toc a:hover{ color: var(--gold) !important; }
.legal ul{ color: var(--mute); line-height: 1.65; margin: 0 0 12px; padding-left: 20px; font-size: var(--fs-3); }
.legal li{ margin: 4px 0; }
.legal h2{ scroll-margin-top: 60px; }
.legal-contact{ margin-top: 28px !important; }
.doc-crumbs{ font: var(--fs-2) var(--mono); color: var(--dim); margin: 0 0 10px; }
.doc-crumbs a{ color: var(--mute) !important; }
.doc li{ overflow-wrap: anywhere; }
.home-about{ border-top: 1px solid var(--rule); padding: 18px var(--gutter) 6px; max-width: 76ch; }
.home-about h2{
  font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase;
  color: var(--mute); margin-bottom: 10px;
}
.home-about p{ color: var(--mute); font-size: var(--fs-3); line-height: 1.65; margin: 0 0 10px; }
.home-about a{ color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
.gamedev-badge{ --gamedev: var(--acc-violet); position: relative; display: inline-flex; align-items: center; gap: 5px; flex: none;
  font: 700 var(--fs-1) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--gamedev);
  border: 1px solid color-mix(in srgb, var(--gamedev) 60%, transparent); background: color-mix(in srgb, var(--gamedev) 14%, transparent);
  border-radius: 999px; padding: 2px 10px 2px 7px; line-height: 1.4; cursor: default; white-space: nowrap; }
.gamedev-badge svg{ flex: none; }
.gamedev-badge:not(.is-compact)::before{ content: ""; position: absolute; left: -2px; right: -2px; top: 50%; height: 32px; transform: translateY(-50%); }
.gamedev-badge:focus-visible{ outline: 2px solid var(--gamedev); outline-offset: 2px; }
.gamedev-badge[data-tip]::after{
  content: attr(data-tip); position: absolute; left: 50%; top: calc(100% + 6px); transform: translateX(-50%);
  white-space: nowrap; padding: 4px 8px; border-radius: var(--r-sm);
  font: 600 var(--fs-1) var(--body); letter-spacing: 0; text-transform: none; color: var(--ink);
  background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card);
  opacity: 0; pointer-events: none; transition: opacity 120ms; z-index: 30;
}
.gamedev-badge[data-tip]:hover::after, .gamedev-badge[data-tip]:focus-visible::after{ opacity: 1; }
.gamedev-badge.is-compact{ width: 22px; height: 22px; padding: 0; gap: 0; justify-content: center; }
.gamedev-badge.is-compact svg{ width: 13px; height: 13px; }
.ad-anchor{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; display: flex; justify-content: center; align-items: center;
  padding: 6px 36px 6px; min-height: 62px; background: rgb(11 13 18 / 94%); border-top: 1px solid var(--rule);
}
@media (min-width: 760px){
.ad-anchor{ min-height: 102px; }
}
.ad-rail{ position: fixed; top: 120px; z-index: 45; width: 300px; min-height: 600px; display: none; }
.ad-rail.is-right{ right: 10px; }
.ad-rail.is-left{ left: 10px; }
@media (min-width: 1500px){
.ad-rail{ display: block; }
}
.ad-label{ position: absolute; top: 3px; left: 8px; font: 600 var(--fs-1) var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--dim); }
.ad-rail .ad-label{ position: static; display: block; margin-bottom: 4px; }
.ad-close{ position: absolute; top: 4px; right: 6px; width: 26px; height: 26px; border: 1px solid var(--rule); border-radius: var(--r);
  background: var(--panel); color: var(--mute); cursor: pointer; font-size: var(--fs-4); line-height: 1; }
.ad-close:hover{ color: var(--ink); border-color: var(--mute); }
.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-fine{ color: var(--dim); font-size: var(--fs-2); line-height: 1.55; margin: 18px 0 0; }
.auth-fine a{ color: var(--mute); text-decoration: underline; text-underline-offset: 2px; }
.auth-fine a:hover{ color: var(--gold); }
.auth-side-title{ font: 600 var(--fs-1) var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); margin: 0 0 12px; }
.support-cta{ margin: 4px 0 8px; }
.faq{ border-top: 1px solid var(--rule); }
.faq-item{ border-bottom: 1px solid var(--rule); }
.faq-item summary{ cursor: pointer; list-style: none; padding: 12px 28px 12px 0; position: relative; color: var(--ink); font-weight: 600; font-size: var(--fs-3); }
.faq-item summary::-webkit-details-marker{ display: none; }
.faq-item summary::after{ content: "+"; position: absolute; right: 4px; top: 10px; color: var(--mute); font: var(--fs-4) var(--mono); transition: transform 160ms ease; }
.faq-item[open] summary::after{ transform: rotate(45deg); color: var(--gold); }
.faq-item summary:hover{ color: var(--gold); }
.faq-item p{ margin: 0 0 14px; }
.contact-form{ display: grid; gap: 14px; max-width: 560px; margin-top: 18px; }
.contact-field{ display: grid; gap: 6px; }
.contact-field > span{ font: 600 var(--fs-1) var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.contact-field small, .contact-count{ color: var(--dim); font-size: var(--fs-2); }
.contact-count{ justify-self: end; margin-top: -8px; }
.contact-form input, .contact-form select, .contact-form textarea{
  width: 100%; box-sizing: border-box; background: var(--panel); color: var(--ink); border: 1px solid var(--rule);
  border-radius: var(--r); padding: 10px 12px; font: var(--fs-3) var(--body);
}
.contact-form textarea{ resize: vertical; min-height: 140px; line-height: 1.5; }
.contact-form input.is-linked{ color: var(--mute); background: var(--row, var(--panel)); }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus{ border-color: var(--gold); }
.contact-form .btn-primary{ justify-self: start; min-width: 160px; justify-content: center; }
.contact-trap{ position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.contact-done{ margin-top: 18px; padding: 18px; border: 1px solid var(--good); border-radius: var(--r); background: var(--panel); max-width: 560px; }
.contact-done h2{ margin-top: 0 !important; }
@media (pointer: coarse){
.contact-form input, .contact-form select, .contact-form textarea{ font-size: 16px; }
}
.acct-polbies-link{ margin-top: 10px; max-width: 420px; }
.ad-sponsor{ display: block; line-height: 0; }
.ad-anchor .ad-sponsor img{ max-width: min(728px, calc(100vw - 72px)); max-height: 90px; width: auto; height: auto; }
.ad-rail .ad-sponsor img{ width: 300px; max-height: 600px; height: auto; object-fit: contain; }
.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{ border-bottom: 1px solid var(--rule); padding-bottom: 12px; }
.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));
}
.profile-refresh{ display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#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; }
.war-detail{ display: grid; gap: 10px; }
.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-row{ display: flex; gap: 8px; flex-wrap: wrap; }
.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); }
.ty-empty{ color: var(--dim); font-size: var(--fs-2); margin: 0; }
.ty-table-wrap{ overflow: auto; max-height: min(72vh, 640px); border: 1px solid var(--rule);
                 border-radius: var(--r); overscroll-behavior: contain; }
.ty-item-card, .ty-item-opt{ display: flex; align-items: center; gap: 10px; min-width: 0; }
.ty-item-opt{ background: var(--row); border: 1px solid transparent; border-radius: var(--r); padding: 5px 8px;
  cursor: pointer; color: var(--ink); font: inherit; min-height: 44px; }
.ty-item-opt:hover, .ty-item-opt:focus-visible{ border-color: var(--gold); }
.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-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; }
}
.boot-h1{ font: 700 var(--fs-5) var(--cond); text-transform: uppercase; letter-spacing: 0.04em;
           padding: 18px var(--gutter) 0; }
.boot-p{ color: var(--mute); font-size: var(--fs-3); line-height: 1.6; padding: 6px var(--gutter) 0; max-width: 70ch; }
.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; }
@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%; }
}
.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-note{ color: var(--mute); font-size: var(--fs-1); line-height: 1.4; margin: 6px 0 8px; }
.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; }
.nudge-slot:empty{ display: none; }
.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); }
.nudge-text{ flex: 1 1 260px; margin: 0; font-size: var(--fs-3); line-height: 1.5; color: var(--ink); }
.nudge-actions{ display: flex; flex-wrap: wrap; gap: 8px; }
.link-prompt-slot:empty{ display: none; }
.link-prompt{
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "mark main actions";
  align-items: center; gap: 10px 16px; margin: 12px var(--gutter) 0; padding: 12px 14px;
  border-radius: var(--r-lg); border: 1px solid color-mix(in srgb, var(--gold) 30%, var(--rule));
  background:
    radial-gradient(70% 150% at 100% 0%, color-mix(in srgb, var(--gold) 12%, transparent) 0%, transparent 70%),
    var(--panel);
  box-shadow: var(--shadow-1);
}
.link-prompt-mark{
  grid-area: mark; display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--r-lg);
  color: var(--gold); background: color-mix(in srgb, var(--gold) 13%, var(--panel));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 32%, transparent);
}
.link-prompt-svg{ width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.link-prompt-main{ grid-area: main; display: grid; gap: 4px; min-width: 0; }
.link-prompt-title{ margin: 0; font: 700 var(--fs-4)/1.1 var(--cond); letter-spacing: .03em; text-transform: uppercase; color: var(--ink); }
.link-prompt-text{ margin: 0; font-size: var(--fs-3); line-height: 1.45; color: var(--mute); }
.link-prompt-actions{ grid-area: actions; display: flex; flex-wrap: wrap; gap: 8px; }
.link-prompt-actions .btn{ padding: 7px 14px; white-space: nowrap; }
@media (max-width: 640px){
.link-prompt{ grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "mark main" "actions actions"; gap: 12px; align-items: start; }
.link-prompt-mark{ width: 40px; height: 40px; }
.link-prompt-actions .btn{ flex: 1 1 0; justify-content: center; min-height: 40px; }
}
@media (prefers-reduced-motion: no-preference){
.link-prompt{ animation: home-float-in 420ms var(--ease) both; }
}
.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-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{
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px;
  margin: 0 0 16px; padding: 10px 14px; border-radius: var(--r-lg);
  background: color-mix(in srgb, var(--gold) 10%, var(--panel));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 30%, transparent);
}
.war-phase-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--gold); align-self: center; }
.war-phase[data-phase="attack"] .war-phase-dot{ background: var(--bad); animation: war-phase-pulse 1.6s ease-in-out infinite; }
.war-phase-title{ font-size: var(--fs-3); }
.war-phase-next{ font-size: var(--fs-2); color: var(--mute); }
@keyframes war-phase-pulse{ 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce){
.war-phase[data-phase="attack"] .war-phase-dot{ animation: none; }
}
.wl-pill, .war-phase.is-pill{
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; margin: 0;
  padding: 0 14px; border-radius: 999px; border: 1px solid var(--rule);
  background: var(--panel); color: var(--ink); box-shadow: var(--shadow-card);
  font: 600 var(--fs-1)/1 var(--body); letter-spacing: 0; text-transform: none;
  white-space: nowrap; cursor: pointer; text-decoration: none;
}
.war-phase.is-pill{
  cursor: default; color: var(--gold);
  border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); background: var(--pill-on);
}
.war-phase.is-pill[hidden]{ display: none; }
.war-phase.is-pill .war-phase-title{ font: inherit; }
@media (max-width: 640px){
.wl-pill, .war-phase.is-pill{ padding: 0 12px; }
}
.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; }
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); }
.stile-value a, .pv2-pill b a{ color: inherit; overflow-wrap: anywhere; }
.acct-discord-verify{ margin-top: 12px; }
.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-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-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-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-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); }
.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-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; }
}
.pvp-opt{ display: grid; grid-template-columns: 28px minmax(0, 1fr) auto auto; gap: 8px; align-items: center;
  min-height: 44px; padding: 5px 9px; text-align: left; background: var(--bg); color: var(--ink);
  border: 1px solid var(--rule); border-radius: var(--r); cursor: pointer; }
.pvp-opt:hover:not(:disabled){ border-color: var(--gold); }
.pvp-opt.is-here{ cursor: default; border-color: color-mix(in srgb, var(--gold) 55%, var(--rule)); }
.pvp-opt .thumb{ width: 28px; height: 28px; }
body:has(.pvp-outlook.is-pinned) .to-top{ bottom: 128px; }
@media (pointer: coarse){
.info{ position: relative; }
.info::after{ content: ""; position: absolute; inset: -10px; }
}
@media (max-width: 640px), (max-height: 500px) and (pointer: coarse){
.pvp-ladder{ max-height: none; overflow: visible; }
}
.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.has-tint{ position: relative; background: var(--bg); --tint: var(--tint-dark); --tint-k: 16%; --tint-k2: 11.2%; }
:root[data-theme="light"] body.has-tint{ --tint: var(--tint-light); --tint-k: 12%; --tint-k2: 8.4%; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) body.has-tint{ --tint: var(--tint-light); --tint-k: 12%; --tint-k2: 8.4%; }
}
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;
}
body.has-tint::after{ opacity: 1; }
@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; }
.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); }
.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; }
}
.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-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-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; }
@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{ display: grid; gap: 6px; min-width: 220px; flex: 1; max-width: 360px; }
@media (max-width: 420px){
.tb-gauge{ min-width: 0; }
}
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); }
.legal .gfx{ margin: 16px 0 22px; }
.legal .gfx ul, .legal ul.gfx, .legal .gfx ol{ list-style: none; margin: 0; padding: 0; }
.legal .gfx li{ margin: 0; }
.legal .gfx p{ margin: 0; }
.gfx-ends, .gfx-bars, .gfx-series, .win-card, .duel-move{
  background: var(--panel); border: 1px solid var(--rule); border-radius: var(--r-lg); box-shadow: var(--shadow-card); }
.legal .gfx-hero{ position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: end; gap: 6px; margin: 0 0 18px; padding: 18px 10px 14px; overflow: hidden;
  border: 1px solid var(--rule); border-radius: var(--r-lg); box-shadow: var(--shadow-card);
  background:
    radial-gradient(70% 90% at 18% 105%, color-mix(in srgb, var(--acc-amber) 22%, transparent), transparent 70%),
    radial-gradient(70% 90% at 82% 105%, color-mix(in srgb, var(--acc-violet) 24%, transparent), transparent 70%),
    repeating-linear-gradient(90deg, var(--hairline-2) 0 1px, transparent 1px 28px),
    linear-gradient(180deg, var(--panel), var(--row)); }
.gfx-hero::after{ content: ""; position: absolute; left: 8%; right: 8%; bottom: 30px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--rule) 20%, var(--rule) 80%, transparent); }
.hero-side{ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.hero-ball{ display: block; width: min(168px, 34vw); height: auto; aspect-ratio: 1; object-fit: contain;
  filter: drop-shadow(0 12px 14px rgba(0, 0, 0, .35)); }
.hero-pips{ display: flex; gap: 5px; }
.hero-pips i{ width: 7px; height: 7px; border-radius: 50%; background: var(--acc-amber); }
.hero-r .hero-pips i{ background: var(--acc-violet); }
.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); }
.gfx-win{ display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px; align-items: stretch; }
.win-card{ display: flex; flex-direction: column; gap: 10px; padding: 14px; }
.win-k{ font: 700 var(--fs-5)/1 var(--cond); letter-spacing: .02em; color: var(--ink); }
.win-l{ font-size: var(--fs-2); color: var(--mute); }
.win-or{ align-self: center; font: 600 var(--fs-1) var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--dim); }
.win-pips{ display: flex; gap: 6px; }
.win-pips i{ display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
  border: 1.5px solid var(--rule); background: var(--row); }
.win-pips i.is-ko{ border-color: var(--gold); background: color-mix(in srgb, var(--gold) 16%, transparent); color: var(--gold); }
.pip-x{ width: 13px; height: 13px; }
.win-ticks{ display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 2px; height: 22px; align-items: end; }
.win-ticks i{ height: 55%; border-radius: var(--r-sm); background: color-mix(in srgb, var(--gold) 45%, transparent); transform-origin: bottom; }
.win-ticks i:nth-child(6n){ height: 100%; background: var(--gold); }
.gfx-moves{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.duel-move{ position: relative; padding: 14px 14px 13px; overflow: hidden; }
.duel-move::before{ content: ""; position: absolute; inset: 0 0 auto; height: 2px;
  background: linear-gradient(90deg, var(--gold), transparent 75%); }
.legal .gfx .move-h{ display: flex; align-items: center; gap: 10px; margin: 0 0 8px;
  font: 700 var(--fs-4)/1 var(--cond); letter-spacing: .06em; text-transform: uppercase; color: var(--ink); }
.move-icon{ flex: none; box-sizing: border-box; width: 34px; height: 34px; padding: 7px; border-radius: var(--r);
  color: var(--gold); background: color-mix(in srgb, var(--gold) 13%, transparent); }
.legal .duel-move p{ font-size: var(--fs-3); line-height: 1.6; }
.order-steps{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.legal .order-steps li{ position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 14px 6px 12px; text-align: center; background: var(--row); border: 1px solid var(--rule); border-radius: var(--r); }
.order-steps li + li::before{ content: ""; position: absolute; left: -10px; top: 50%; width: 10px; height: 2px;
  background: var(--gold); opacity: .55; }
.order-n{ position: absolute; top: 6px; left: 8px; font: 600 var(--fs-1) var(--mono); color: var(--dim); }
.order-icon{ width: 26px; height: 26px; color: var(--gold); }
.order-l{ font: 600 var(--fs-2)/1.25 var(--body); color: var(--ink); }
.gfx-order figcaption{ margin-top: 10px; font-size: var(--fs-3); line-height: 1.65; color: var(--mute); }
.legal .gfx-stats{ display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px; }
.legal .gfx-stats li{ grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: center; column-gap: 16px;
  padding: 10px 12px; background: var(--panel); border: 1px solid var(--rule); border-radius: var(--r); }
.stat-map{ display: flex; align-items: center; gap: 8px; }
.stat-from, .stat-to{ padding: 3px 9px; border-radius: 999px; font: 600 var(--fs-2)/1.4 var(--body); white-space: nowrap; }
.stat-from{ color: var(--ink); background: var(--row); border: 1px solid var(--rule); }
.stat-to{ color: var(--gold); background: color-mix(in srgb, var(--gold) 13%, transparent);
  border: 1px solid color-mix(in srgb, var(--gold) 35%, transparent); }
.stat-arrow{ flex: none; width: 22px; height: 11px; color: var(--dim); }
.stat-text{ font-size: var(--fs-3); line-height: 1.55; color: var(--mute); }
.gfx-ends, .gfx-bars, .gfx-series{ padding: 14px 16px; }
.ends-bar{ display: flex; gap: 2px; height: 14px; border-radius: 999px; overflow: hidden; background: var(--row); }
.ends-seg{ flex: none; width: var(--w); transform-origin: left; }
.ends-0{ background: var(--gold); }
.ends-1{ background: var(--acc-violet); }
.ends-2{ background: var(--dim); }
.legal .gfx .ends-key{ display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; font-size: var(--fs-2); color: var(--mute); }
.ends-key li{ display: flex; align-items: center; gap: 6px; }
.ends-key b{ font: 600 var(--fs-2) var(--mono); color: var(--ink); }
.ends-dot{ width: 10px; height: 10px; border-radius: var(--r-sm); }
.legal .gfx .ends-avg{ display: flex; align-items: baseline; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--rule); }
.ends-avg b{ font: 700 var(--fs-5)/1 var(--cond); color: var(--ink); }
.ends-avg span{ font-size: var(--fs-2); color: var(--mute); }
.gfx-ends figcaption, .gfx-bars figcaption{ margin-top: 12px; font: 500 var(--fs-1) var(--mono); letter-spacing: .06em;
  text-transform: uppercase; color: var(--dim); }
.legal .gfx .bars-h{ margin-bottom: 22px;
  font: 700 var(--fs-3) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); }
.gfx-bars li:first-child .bars-even::before{ content: "50%"; position: absolute; white-space: nowrap; bottom: calc(100% + 3px); left: 0;
  transform: translateX(-50%); font: 500 var(--fs-1)/1 var(--mono); color: var(--dim); }
.legal .gfx-bars ul{ display: grid; gap: 12px; }
.legal .gfx-bars li{ display: grid; grid-template-columns: minmax(0, 13rem) minmax(0, 1fr) 3rem; align-items: center; gap: 12px; }
.bars-l{ font-size: var(--fs-2); color: var(--mute); }
.bars-track{ position: relative; height: 10px; border-radius: 999px; background: var(--row); }
.bars-fill{ position: absolute; inset: 0 auto 0 0; width: var(--w); border-radius: inherit; transform-origin: left;
  background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 45%, transparent), var(--gold)); }
.bars-even{ position: absolute; left: 50%; top: -4px; bottom: -4px; border-left: 1.5px dashed var(--mute); opacity: .8; }
.bars-v{ font: 600 var(--fs-2) var(--mono); color: var(--ink); text-align: right; }
.gfx-tiles{ padding: 14px 16px; background: var(--panel); border: 1px solid var(--rule);
  border-radius: var(--r-lg); box-shadow: var(--shadow-card); }
.legal .gfx .tiles-h{ margin-bottom: 12px;
  font: 700 var(--fs-3) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); }
.legal .gfx .tiles{ display: grid; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); gap: 10px; }
.legal .gfx .tile{ display: flex; flex-direction: column; gap: 6px; padding: 12px 14px;
  background: var(--row); border: 1px solid var(--rule); border-radius: var(--r); }
.tile-v{ font: 700 var(--fs-5)/1 var(--cond); letter-spacing: .01em; color: var(--gold); font-variant-numeric: tabular-nums; }
.tile-k{ font-size: var(--fs-2); line-height: 1.35; color: var(--mute); }
.gfx-tiles figcaption{ margin-top: 12px; font: 500 var(--fs-1) var(--mono); letter-spacing: .06em;
  text-transform: uppercase; color: var(--dim); }
.gfx-points{ padding: 14px 16px; background: var(--panel); border: 1px solid var(--rule);
  border-radius: var(--r-lg); box-shadow: var(--shadow-card); }
.legal .gfx .pts-h{ margin-bottom: 12px;
  font: 700 var(--fs-3) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); }
.pts-cols, .legal .gfx-points .pts-row{ display: grid; align-items: center; column-gap: 18px;
  grid-template-columns: minmax(0, 11rem) minmax(0, 1fr) minmax(0, 1fr); }
.pts-cols{ padding-bottom: 8px; border-bottom: 1px solid var(--rule);
  font: 600 var(--fs-1) var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--dim); }
.pts-cols .pts-open, .pts-cols .pts-rarity{ display: flex; align-items: center; gap: 6px; }
.pts-cols .pts-open::before, .pts-cols .pts-rarity::before{ content: ""; width: 8px; height: 8px; border-radius: 50%;
  background: var(--gold); }
.pts-cols .pts-rarity::before{ background: var(--acc-violet); }
.legal .gfx-points ul{ display: grid; gap: 10px; margin-top: 12px; }
.pts-l{ font-size: var(--fs-2); color: var(--mute); }
.pts-cell{ display: grid; grid-template-columns: minmax(0, 1fr) 3.2rem; align-items: center; gap: 10px; }
.pts-track{ position: relative; height: 10px; border-radius: 999px; background: var(--row); overflow: hidden; }
.pts-fill{ position: absolute; inset: 0 auto 0 0; width: var(--w); border-radius: inherit; transform-origin: left;
  background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 45%, transparent), var(--gold)); }
.pts-rarity .pts-fill{
  background: linear-gradient(90deg, color-mix(in srgb, var(--acc-violet) 45%, transparent), var(--acc-violet)); }
.pts-v{ font: 600 var(--fs-2) var(--mono); color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; }
.legal .gfx-points .pts-foot{ padding-top: 10px; border-top: 1px solid var(--rule); }
.pts-cell.is-thin{ grid-template-columns: minmax(0, 1fr); }
.pts-cell.is-thin .pts-track{ display: none; }
.legal .gfx-points .pts-cell.is-thin .pts-v{ text-align: left; font: 500 var(--fs-1) var(--mono); color: var(--dim); }
.gfx-points figcaption{ margin-top: 12px; font: 500 var(--fs-1) var(--mono); letter-spacing: .06em;
  text-transform: uppercase; color: var(--dim); }
.gfx-points figcaption b{ font-weight: 600; color: var(--mute); }
@media (max-width: 640px){
.pts-cols, .legal .gfx-points .pts-row{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 14px; }
.pts-cols > span:first-child{ display: none; }
.legal .gfx-points .pts-row{ row-gap: 6px; }
.pts-l{ grid-column: 1 / -1; }
.pts-cell{ grid-template-columns: minmax(0, 1fr) 2.8rem; gap: 8px; }
}
[data-live]:empty::before{ content: "—"; color: var(--dim); }
.live-item.is-thin .tile-v, .live-item.is-thin .bars-v, .live-item.is-thin b{ color: var(--dim); }
.live-item.is-thin{ color: var(--mute); }
.live-item.is-thin .ends-dot{ opacity: .7; }
.gfx-series{ display: grid; gap: 14px; }
.series-row{ display: grid; grid-template-columns: 3rem auto minmax(0, 1fr); align-items: center; gap: 14px; }
.series-score{ font: 700 var(--fs-4)/1 var(--cond); color: var(--ink); }
.series-slots{ display: flex; gap: 8px; }
.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); }
.slot-icon{ width: 17px; height: 17px; }
.slot-n{ position: absolute; top: -7px; right: -7px; display: grid; place-items: center; width: 17px; height: 17px;
  border-radius: 50%; background: var(--panel); border: 1px solid var(--rule); color: var(--mute);
  font: 600 var(--fs-1)/1 var(--mono); }
.series-l{ font: 600 var(--fs-2) var(--body); }
.series-row.is-taken .series-l{ color: var(--good); }
.series-row.is-held .series-l{ color: var(--bad); }
@media (max-width: 640px){
.gfx-moves{ grid-template-columns: minmax(0, 1fr); }
.legal .gfx-stats{ grid-template-columns: minmax(0, 1fr); }
.legal .gfx-stats li{ grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
.legal .gfx-bars li{ grid-template-columns: minmax(0, 1fr) 3rem; row-gap: 6px; }
.legal .gfx-bars .bars-l{ grid-column: 1 / -1; }
.gfx-bars li:first-child .bars-even::before{ content: none; }
.gfx-bars li:last-child .bars-even::after{ content: "50%"; position: absolute; white-space: nowrap; top: calc(100% + 3px); left: 0;
    transform: translateX(-50%); font: 500 var(--fs-1)/1 var(--mono); color: var(--dim); }
.legal .gfx-bars ul{ padding-bottom: 16px; }
.series-row{ grid-template-columns: 2.6rem minmax(0, 1fr); row-gap: 6px; }
.series-l{ grid-column: 2; }
.order-steps{ gap: 6px; }
.order-steps li + li::before{ left: -6px; width: 6px; }
.legal .order-steps li{ padding: 22px 2px 10px; }
.order-l{ font-size: var(--fs-1); }
}
@media (max-width: 420px){
.gfx-win{ grid-template-columns: minmax(0, 1fr); }
.win-or{ justify-self: center; }
}
@media (prefers-reduced-motion: no-preference){
.fx .gfx{ transition: opacity .6s var(--ease), transform .6s var(--ease); }
.fx .gfx:not(.is-in){ opacity: 0; transform: translateY(16px); }
.fx .gfx-hero .hero-side, .fx .gfx-hero .hero-vs{ transition: opacity .8s var(--ease), transform .9s var(--ease); }
.fx .gfx-hero .hero-vs{ transition-delay: .35s; }
.fx .gfx-hero:not(.is-in) .hero-l{ opacity: 0; transform: translateX(-48px); }
.fx .gfx-hero:not(.is-in) .hero-r{ opacity: 0; transform: translateX(48px); }
.fx .gfx-hero:not(.is-in) .hero-vs{ opacity: 0; transform: scale(.4); }
.fx .gfx-hero.is-in .hero-l .hero-ball{ animation: gfx-lunge-r .7s var(--ease) 1s 1 both; }
.fx .gfx-hero.is-in .hero-r .hero-ball{ animation: gfx-lunge-l .7s var(--ease) 1.15s 1 both; }
.fx .win-pips .pip-x{ transition: transform .35s var(--ease) calc(.35s + var(--i, 0) * .18s); }
.fx .win-ticks i{ transition: transform .35s var(--ease) calc(.2s + var(--i, 0) * 22ms); }
.fx .gfx-win:not(.is-in) .pip-x{ transform: scale(0); }
.fx .gfx-win:not(.is-in) .win-ticks i{ transform: scaleY(0); }
.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 .series-row + .series-row .slot{
    transition-delay: calc(.45s + var(--i, 0) * 90ms); }
.fx .gfx-moves:not(.is-in) .duel-move{ opacity: 0; transform: translateY(14px); }
.fx .gfx-order:not(.is-in) .order-steps li{ opacity: 0; transform: translateX(-10px); }
.fx .gfx-order.is-in .order-steps li{ animation: gfx-step .6s var(--ease) calc(.6s + var(--i, 0) * .3s) 1 both; }
.fx .gfx-stats:not(.is-in) li{ opacity: 0; transform: translateX(-12px); }
.fx .tile{ transition: opacity .5s var(--ease) calc(var(--i, 0) * 90ms), transform .5s var(--ease) calc(var(--i, 0) * 90ms); }
.fx .gfx-tiles:not(.is-in) .tile{ opacity: 0; transform: translateY(10px); }
.fx .gfx-series:not(.is-in) .slot{ opacity: 0; transform: scale(.6); }
.fx .ends-seg, .fx .bars-fill{ transition: transform 1s var(--ease) calc(.15s + var(--i, 0) * .15s); }
.fx .gfx-ends:not(.is-in) .ends-seg, .fx .gfx-bars:not(.is-in) .bars-fill{ transform: scaleX(0); }
.fx .pts-fill{ transition: transform .9s var(--ease) calc(.15s + var(--i, 0) * 80ms), width .6s var(--ease); }
.fx .gfx-points:not(.is-in) .pts-fill{ transform: scaleX(0); }
}
@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); }
}
.mday{
  display: flex; align-items: center; gap: 8px;
  padding: 6px var(--gutter); min-width: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 14%, var(--panel)), var(--panel) 70%);
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 28%, var(--rule));
  font-size: var(--fs-2);
}
.mday[hidden]{ display: none; }
.mday-body{ flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px 14px; overflow: hidden; white-space: nowrap; }
.mday-lead{ display: inline-flex; align-items: center; gap: 8px; flex: none; }
.mday-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--gold); flex: none; }
.mday[data-mode="end"] .mday-dot{ background: var(--bad); }
@media (prefers-reduced-motion: no-preference){
.mday[data-mode="end"] .mday-dot{ animation: war-phase-pulse 2.4s ease-in-out infinite; }
}
.mday-clock{ font: 700 var(--fs-3) var(--cond); letter-spacing: .04em; text-transform: uppercase; color: var(--ink); }
.mday-upset{ display: inline-flex; align-items: center; gap: 8px; min-width: 0; color: var(--ink); text-decoration: none; }
.mday-upset-text{ overflow: hidden; text-overflow: ellipsis; }
.mday-tag{
  flex: none; padding: 1px 8px; border-radius: 999px;
  font: 700 var(--fs-1) var(--cond); letter-spacing: .08em; text-transform: uppercase;
  color: var(--acc-amber); box-shadow: 0 0 0 1px color-mix(in srgb, var(--acc-amber) 55%, transparent);
}
.mday-ticker{ display: flex; gap: 14px; margin: 0; padding: 0; list-style: none; min-width: 0; overflow: hidden; }
.mday-ticker li{ flex: none; }
.mday-war{ display: inline-flex; align-items: baseline; gap: 6px; color: var(--mute); text-decoration: none; }
.mday-war:hover, .mday-upset:hover .mday-upset-text, .mday-all:hover{ color: var(--gold); }
.mday-name{ max-width: 12ch; overflow: hidden; text-overflow: ellipsis; }
.mday-score{ color: var(--ink); font: 700 var(--fs-2) var(--mono); font-variant-numeric: tabular-nums; }
.mday-all{ flex: none; margin-left: auto; color: var(--mute); }
.mday-close{
  flex: none; width: 28px; height: 28px; border: 0; border-radius: 999px; background: none;
  color: var(--mute); font-size: var(--fs-4); line-height: 1; cursor: pointer;
}
.mday-close:hover, .mday-close:focus-visible{ color: var(--ink); background: var(--pill-hover); }
@media (max-width: 719px){
.mday-all{ display: none; }
.mday-ticker li + li{ display: none; }
.mday-upset ~ .mday-ticker{ display: none; }
.mday-tag{ padding: 1px 6px; }
}
.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; }
.pv2-card-head h3, .tcov-head h2, .pv2-sub{
  margin: 0; font-family: var(--cond); font-size: var(--fs-1); font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--dim);
}
.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-pill{
  display: inline-flex; align-items: baseline; gap: 6px; padding: 4px 11px; min-width: 0;
  border-radius: 999px; background: var(--pill-on); font-size: var(--fs-2); color: var(--mute);
}
.pv2-pill b{ font-family: var(--mono); color: var(--ink); font-weight: 500; }
.pv2-pill i{ font-style: normal; font-family: var(--mono); font-size: var(--fs-1); color: var(--dim); }
.pv2-pill.is-amber b{ color: var(--acc-amber); }
.pv2-pill.is-violet b{ color: color-mix(in srgb, var(--acc-violet) 70%, var(--ink)); }
.pv2-pill.is-good b{ color: color-mix(in srgb, var(--good) 75%, var(--ink)); }
.pv2-pill.is-bad b{ color: color-mix(in srgb, var(--bad) 80%, var(--ink)); }
@media (max-width: 640px){
.pv2-pill i{ display: none; }
}
.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 (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); }
.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); }
}
.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); }
@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); }
}
.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); }
}
.art-credit{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 4px 0 8px; }
.ac-k{
  font-family: var(--cond); font-size: var(--fs-1); font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--dim);
}
.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; }
.btn-small{ min-height: 32px; }
}
.mt-bring-label, .mt-double{ font-size: var(--fs-1); }
.ad{ padding: 8px var(--gutter) 28px; max-width: 1080px; }
.ad-head{ display: grid; gap: 6px; margin-bottom: 4px; }
.ad-pills{ display: flex; flex-wrap: wrap; gap: 6px; }
.ad-pills .pv2-pill b{ font-family: var(--mono); }
.ad-links{ margin-top: 2px; }
.ad-link{ color: var(--mute); text-decoration: none; border: 1px solid transparent; transition: border-color 110ms; }
.ad-link:hover, .ad-link:focus-visible{ border-color: var(--gold); color: var(--ink); }
.ad-place b{ font-weight: 600; }
.ad-place.is-p1 b{ color: var(--acc-amber); }
.ad-search{
  width: 100%; max-width: 360px; margin: 6px 0 14px; padding: 9px 14px; border-radius: 999px;
  border: 1px solid var(--rule); background: var(--panel); color: var(--ink); font: inherit;
}
.ad-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.ad-card{
  display: grid; gap: 8px; padding: 12px; 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; transition: border-color 110ms, transform 110ms;
}
.ad-card:hover, .ad-card:focus-visible{ border-color: var(--gold); transform: translateY(-1px); }
.ad-card[hidden]{ display: none; }
.ad-card-art{
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 8px;
  border-radius: var(--r); background: var(--row); min-height: 72px;
}
.ad-card-art img{ width: 100%; height: 64px; object-fit: contain; }
.ad-card-name{ font-weight: 700; font-size: var(--fs-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ad-sec{ margin-top: 18px; display: grid; gap: 10px; }
.ad-works{ display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 8px; }
.ad-tile{
  position: relative; display: grid; justify-items: center; gap: 4px; padding: 10px 8px; min-width: 0;
  border-radius: var(--r); border: 1px solid var(--rule); background: var(--panel); color: var(--ink);
  text-decoration: none; transition: border-color 110ms, transform 110ms;
}
.ad-tile:hover, .ad-tile:focus-visible{ border-color: var(--gold); transform: translateY(-1px); }
.ad-tile img{ width: 88px; height: 88px; object-fit: contain; }
.ad-tile-name{ max-width: 100%; font-size: var(--fs-2); font-weight: 600; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ad-tile-part{
  position: absolute; top: 6px; right: 6px; padding: 1px 7px; border-radius: 999px;
  background: var(--pill-on); font-size: var(--fs-1); color: var(--mute);
}
@media (max-width: 640px){
.ad-grid{ grid-template-columns: minmax(0, 1fr); }
.ad-works{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ad-search{ max-width: none; }
}
: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 .omni-results, html.nav-eh .omni-results{ left: 50%; right: auto; translate: -50% 0; }
html.nav-d .top .acct, html.nav-eh .top .acct{ border-top: 0; }
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; }
html.nav-d .omni-results, html.nav-eh .omni-results{ left: 8px; right: 8px; translate: none; }
html.nav-d .top .acct, html.nav-eh .top .acct{ order: 2; width: 42px; }
.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; }
html.nav-eh .omni-results{ left: auto; right: 6px; translate: none; }
@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; }
}
html.nav-eh .top .omni-kbd{ position: absolute; right: 20px; top: 50%; translate: 0 -50%; margin: 0; }
@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-new{
  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; overflow: hidden; pointer-events: none;
  font: 700 var(--fs-1)/1 var(--body); letter-spacing: .02em; color: var(--bg); background: var(--gold);
  box-shadow: 0 0 0 2px var(--panel), 0 3px 10px color-mix(in srgb, var(--gold) 40%, transparent);
}
.eh-new::after{
  content: ""; position: absolute; inset: 0; transform: translateX(-130%);
  background: linear-gradient(105deg, transparent 25%, rgba(255,255,255,.7) 50%, transparent 75%);
}
@media (prefers-reduced-motion: no-preference){
.eh-new::after{ animation: eh-new-sheen 4s ease-in-out 1s infinite; }
}
@keyframes eh-new-sheen{ 0% { transform: translateX(-130%); } 30%, 100% { transform: translateX(130%); } }
.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; }
}
@media (min-width: 1200px){
.eh-tile-link:has(.eh-new){ padding-right: 26px; }
}
.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 .omni-kbd{ display: none; }
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; }
.eh-new{ top: -1px; right: -22px; }
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 .omni-results{ left: 8px; right: 8px; }
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 .eh-new{ top: -14px; right: auto; left: 50%; translate: -50% 0; }
.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 .ad-anchor{ bottom: calc(62px + 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)); }
html.nav-eh body.has-ad-anchor .to-top{ bottom: calc(136px + env(safe-area-inset-bottom)); }
html.nav-eh body.has-ad-anchor footer{ padding-bottom: 116px; }
}
@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-boost{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.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); }
.h2h{ display: grid; gap: 14px; min-width: 0; padding: 0 var(--gutter) 28px; }
#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); }
.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); }
.ty-ball-card, .ty-ball-opt{ display: flex; align-items: center; gap: 10px; min-width: 0; }
.ty-ball-opt{ background: var(--row); border: 1px solid transparent; border-radius: var(--r); padding: 5px 8px;
  cursor: pointer; color: var(--ink); font: inherit; min-height: 44px; text-align: left; }
.ty-ball-opt:hover, .ty-ball-opt:focus-visible{ border-color: var(--gold); }
#view .pc-title{ margin: 0; font: 700 var(--fs-4)/1.1 var(--cond); letter-spacing: .02em; }
.pc-pill:focus-visible, .pc-opt:focus-visible, .pc-arena:focus-visible, .pc-arena-chip:focus-visible, .pc-go:focus-visible{
  outline: 2px solid var(--gold); outline-offset: 2px; }
@keyframes pc-glow{ 50% { box-shadow: 0 0 0 2px var(--gold), 0 0 16px 5px color-mix(in srgb, var(--gold) 55%, transparent); } }
.pc-opt{ display: grid; justify-items: center; align-content: center; gap: 2px; min-width: 0; min-height: 64px; padding: 4px 2px;
  border: 0; border-radius: var(--r); background: var(--row); color: var(--ink); cursor: pointer; }
.pc-opt.is-up{ background: color-mix(in srgb, var(--good) 22%, var(--row)); }
.pc-opt.is-down{ background: color-mix(in srgb, var(--bad) 18%, var(--row)); }
.pc-opt.is-stats{ outline: 1px dashed var(--rule); outline-offset: -1px; }
.pc-opt.is-picked{ box-shadow: inset 0 0 0 2px var(--gold); }
.pr-vs{ color: var(--mute); font: 700 var(--fs-2)/1 var(--cond); text-transform: uppercase; }
.ac-pill i{ color: var(--mute); }
@media (pointer: coarse){
.ad-link{ position: relative; }
.ad-link::after{ content: ""; position: absolute; inset: -4px 0; border-radius: 999px; }
}
: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-trigger{
  position: relative; display: inline-flex; align-items: center;
  padding: 0; margin: 0; border: 0; background: transparent; color: inherit;
  font: inherit; cursor: pointer; border-radius: var(--r-sm);
}
.tpp-trigger::after{ content: ""; position: absolute; inset: -7px -4px; }
.tpp-trigger:hover .chip, .tpp-link:hover .chip{ filter: brightness(1.15); }
.tpp-trigger:focus-visible{ outline: 2px solid var(--gold); outline-offset: 3px; }
dialog.tpp{
  margin: auto; padding: 0; border: 1px solid var(--rule); border-radius: var(--r-lg);
  width: min(720px, calc(100vw - 32px)); max-height: min(82vh, 760px);
  background: var(--panel); color: var(--ink); box-shadow: var(--shadow-3); overflow: hidden;
}
dialog.tpp::backdrop{ background: var(--scrim); }
.tpp-sheet{ display: flex; flex-direction: column; max-height: inherit; }
.tpp-head{
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px 16px 10px;
}
.tpp-title{ display: flex; align-items: center; gap: 10px; min-width: 0; font: 700 var(--fs-4)/1.2 var(--body); }
.tpp-title-text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tpp-close{
  flex: none; width: 36px; height: 36px; border-radius: 999px; border: 1px solid var(--rule);
  background: var(--row); color: var(--mute); font: 600 var(--fs-4)/1 var(--body); cursor: pointer;
}
.tpp-close:hover, .tpp-close:focus-visible{ color: var(--gold); border-color: var(--gold); }
.tpp-bar{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 16px 12px; border-bottom: 1px solid var(--rule); }
.tpp-scope{ font-size: var(--fs-1); color: var(--mute); }
.tpp-pill{
  display: inline-flex; align-items: center; min-height: 32px; padding: 0 14px; margin-left: auto;
  border: 1px solid var(--rule); border-radius: 999px; background: var(--row);
  color: var(--gold); font-size: var(--fs-2); font-weight: 600; text-decoration: none;
}
.tpp-pill:hover, .tpp-pill:focus-visible{ border-color: var(--gold); }
.tpp-body{ overflow: auto; padding: 14px 16px 18px; overscroll-behavior: contain; }
.tpp-empty{ color: var(--mute); font-size: var(--fs-3); padding: 18px 0; text-align: center; }
.tpp-grid{
  list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.tpp-tile{
  display: grid; justify-items: center; gap: 6px; height: 100%; min-height: 32px;
  padding: 12px 10px; border: 1px solid var(--rule); border-radius: var(--r-lg);
  background: var(--row); color: var(--ink); text-decoration: none; text-align: center;
}
.tpp-tile:hover, .tpp-tile:focus-visible{ border-color: var(--gold); }
.tpp-tile:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.tpp-art{ display: grid; place-items: center; width: 72px; height: 72px; }
.tpp-art .thumb{ width: 72px; height: 72px; object-fit: contain; }
.tpp-name{ font-size: var(--fs-3); font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.tpp-meta{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; }
.tpp-rarity{
  --rar: #7C8798; display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px;
  font-size: var(--fs-1); color: var(--ink);
  background: color-mix(in srgb, var(--rar) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--rar) 55%, transparent);
}
.tpp-rarity.is-uncommon{ --rar: #4E9E6A; }
.tpp-rarity.is-rare{ --rar: #3E7FD0; }
.tpp-rarity.is-epic{ --rar: #9B5FD0; }
.tpp-rarity.is-legendary{ --rar: #D9A23B; }
.tpp-rarity.is-mythical{ --rar: #D4585E; }
.tpp-rate{ font: 600 var(--fs-2) var(--mono); color: var(--ink); }
.tpp-rate.is-thin{ font: var(--fs-1) var(--body); color: var(--dim); }
@media (max-width: 560px){
dialog.tpp{
    position: fixed; inset: auto 0 0 0; margin: 0; width: 100%; max-width: 100%;
    max-height: 88vh; border-radius: var(--r-lg) var(--r-lg) 0 0; border-bottom: 0;
    padding-bottom: env(safe-area-inset-bottom);
  }
.tpp-head{ padding-top: 18px; }
.tpp-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.tpp-art, .tpp-art .thumb{ width: 60px; height: 60px; }
}
@media (prefers-reduced-motion: no-preference){
dialog.tpp[open]{ animation: tpp-in 200ms var(--ease) both; }
}
@keyframes tpp-in{ from { transform: translateY(16px); opacity: 0; } }
.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; }
}
.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; }
.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; }
.fs-snd-opt{ gap: 6px; min-height: 44px; padding: 4px 10px; }
.fs-snd-opt svg{ font-size: var(--fs-4); }
@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); }
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-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-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-dialog{
  margin: auto; padding: 0; box-sizing: border-box;
  width: min(580px, calc(100vw - 28px)); max-height: min(86vh, 760px);
  border: 1px solid var(--rule); border-radius: var(--r-lg);
  background: radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 62%), var(--panel);
  color: var(--ink); box-shadow: var(--shadow-3); overflow: auto;
}
.pw-dialog::backdrop{ background: var(--scrim); }
.pw-head{ display: grid; justify-items: center; gap: 10px; padding: 26px var(--gutter) 6px; text-align: center; }
.pw-mark{ display: grid; place-items: center; width: 52px; height: 52px; border-radius: 999px; color: var(--gold);
  border: 1px solid color-mix(in srgb, var(--gold) 55%, transparent); background: color-mix(in srgb, var(--gold) 14%, transparent); }
.pw-mark .pw-icon{ width: 26px; height: 26px; fill: color-mix(in srgb, var(--gold) 30%, transparent); }
.pw-title{ margin: 0; font: 700 var(--fs-5)/1.2 var(--body); }
.pw-grid{ list-style: none; margin: 0; padding: 14px var(--gutter);
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.pw-item{ min-width: 0; }
.pw-tile{ display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 10px; height: 100%; box-sizing: border-box;
  padding: 10px 12px; border: 1px solid var(--rule); border-radius: var(--r-lg); background: var(--row); color: var(--ink); text-decoration: none; }
.pw-tile .pw-icon{ width: 36px; height: 36px; padding: 7px; box-sizing: border-box; border-radius: var(--r);
  color: var(--gold); background: color-mix(in srgb, var(--gold) 12%, transparent); }
.pw-icon{ fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.pw-text{ display: grid; gap: 2px; min-width: 0; }
.pw-label{ font: 700 var(--fs-2)/1.3 var(--body); overflow-wrap: anywhere; }
.pw-where{ font-size: var(--fs-1); color: var(--mute); }
a.pw-tile:hover{ border-color: var(--gold); }
a.pw-tile:hover .pw-label{ color: var(--gold); }
a.pw-tile:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.pw-foot{ display: flex; justify-content: center; padding: 4px var(--gutter) 22px; }
.pw-done{ min-width: 160px; min-height: 44px; justify-content: center; }
@media (prefers-reduced-motion: no-preference){
.pw-dialog[open]{ animation: pw-in .22s ease-out; }
@keyframes pw-in{ from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
}
@media (max-width: 560px){
.pw-dialog{ margin: auto 0 0; width: 100%; max-width: 100%; max-height: 90vh;
    border-radius: var(--r-lg) var(--r-lg) 0 0; border-bottom: 0; padding-bottom: env(safe-area-inset-bottom); }
.pw-head{ gap: 8px; padding-top: 16px; }
.pw-mark{ width: 40px; height: 40px; }
.pw-mark .pw-icon{ width: 22px; height: 22px; }
.pw-title{ font-size: var(--fs-4); }
.pw-grid{ grid-template-columns: minmax(0, 1fr); gap: 6px; padding-block: 10px; }
.pw-tile{ grid-template-columns: 30px minmax(0, 1fr); padding: 6px 10px; }
.pw-tile .pw-icon{ width: 30px; height: 30px; padding: 6px; }
.pw-text{ grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 8px; }
.pw-where{ text-align: right; }
.pw-foot{ padding-bottom: 16px; }
.pw-done{ width: 100%; }
@media (prefers-reduced-motion: no-preference){
.pw-dialog[open]{ animation: pw-up .24s ease-out; }
@keyframes pw-up{ from { transform: translateY(40px); opacity: .4; } to { transform: none; opacity: 1; } }
}
}
.pw-foot{ flex-direction: column; align-items: center; gap: 10px; }
.pw-thanks{ margin: 0; font-size: var(--fs-2); color: var(--mute); text-align: center; }
.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-opt{ padding: 5px 12px; border: 0; border-radius: 999px; background: transparent; color: var(--mute); font: inherit; cursor: pointer; }
.mp-opt[aria-pressed="true"]{ background: var(--pill-on); color: var(--ink); }
.mp-opt:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.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; }
.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; }
@media (min-width: 1100px){
.rt-wrap{ grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); align-items: start; }
}
.fs-join-title{ margin: 0; font: 700 var(--fs-5)/1.1 var(--cond); letter-spacing: .01em; 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; }
.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 .ad-anchor{ bottom: 0; }
html.nav-eh body.has-ad-anchor .to-top{ bottom: 72px; }
html.nav-eh body.has-ad-anchor footer{ padding-bottom: 80px; }
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-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-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-sheet-title{ flex: 1 1 auto; margin: 0; font: 700 var(--fs-4)/1.15 var(--body); overflow-wrap: anywhere; }
.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-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-callout{
  margin: 4px 0 0; padding: 10px 14px; border-radius: var(--r); max-width: 62ch;
  font: 500 var(--fs-3)/1.45 var(--body); color: var(--ink);
  background: color-mix(in srgb, var(--gold) 10%, var(--panel)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent);
}
.upd-callout strong{ font-weight: 700; }
.upd-callout a{ color: var(--gold); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.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-top{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.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){ outline: 2px solid var(--gold); outline-offset: 2px; }
.upd-line{ color: var(--mute); font-size: var(--fs-3); line-height: 1.45; }
.upd-where{
  display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; margin-top: auto; padding-top: 8px;
  border-top: 1px solid var(--hairline-2); font: 600 var(--fs-1)/1.4 var(--body); color: var(--dim);
}
.upd-crumb{ color: var(--mute); }
.upd-sep{ color: var(--dim); }
.upd-prem, .upd-new{
  display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px;
  font: 700 var(--fs-1)/1 var(--body); letter-spacing: .02em; white-space: nowrap;
}
.upd-prem{ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--prem-c) 55%, transparent);
  background: color-mix(in srgb, var(--prem-c) 10%, transparent); }
.upd-new{ color: var(--bg); background: var(--gold); }
.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); }
.upd-groups{ columns: 2; column-gap: 14px; }
@media (max-width: 899px){
.upd-groups{ columns: 1; }
}
.upd-group{ break-inside: avoid; margin: 0 0 14px; padding: 12px 10px 6px; border-radius: var(--r-lg);
  background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); }
@media (max-width: 899px){
.upd-group{ margin-bottom: 10px; }
}
.upd-h3{ margin: 0 6px 6px; font: 700 var(--fs-3) var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--gold); }
.upd-list{ list-style: none; margin: 0; padding: 0; }
.upd-row{ position: relative; display: grid; gap: 2px; padding: 9px 8px; border-radius: var(--r); }
.upd-row + .upd-row{ border-top: 1px solid var(--hairline-2); }
.upd-row:hover{ background: var(--row); }
.upd-row .upd-name{ font-size: var(--fs-3); }
.upd-row .upd-line{ font-size: var(--fs-2); }
.upd-row .upd-where{ margin-top: 2px; padding-top: 0; border-top: 0; }
.upd-more{ margin: 0; }
.upd-more a{ 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; } }
.w50-text{ display: grid; gap: 10px; max-width: 72ch; }
.w50-p{ margin: 0; font: 400 var(--fs-3)/1.6 var(--body); color: var(--ink); }
.w50-p a, .w50-drop a{ color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
.w50-sub{ display: grid; gap: 8px; margin-top: 6px; }
.w50-sub .upd-h3{ margin: 0; }
.w50-tiers{ list-style: none; margin: 4px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 899px){
.w50-tiers{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.w50-tier, .w50-card, .w50-mcol{
  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%);
}
.w50-tier{ display: grid; gap: 8px; padding: 12px 14px; }
.w50-tier-name{ font: 700 var(--fs-4)/1.2 var(--body); color: var(--ink); }
.w50-facts{ margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 10px; }
.w50-facts div{ display: grid; gap: 1px; }
.w50-facts dt{ font: 600 var(--fs-1) var(--body); letter-spacing: .04em; text-transform: uppercase; color: var(--dim); }
.w50-facts dd{ margin: 0; font: 600 var(--fs-3) var(--mono); color: var(--ink); font-variant-numeric: tabular-nums; }
.w50-levels{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.w50-levels li{ padding: 6px 12px; border-radius: 999px; border: 1px solid var(--rule); background: var(--panel); }
.w50-levels .raid-lvl-dot{ width: 10px; height: 10px; }
.w50-levels .raid-lvl-word{ font-size: var(--fs-2); }
.w50-grid{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1024px){
.w50-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
.w50-grid{ grid-template-columns: minmax(0, 1fr); gap: 10px; }
}
.w50-card{ display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 14px; }
.w50-art{ width: 56px; height: 56px; object-fit: contain; border-radius: var(--r); background: var(--row); }
.w50-words{ display: grid; gap: 5px; }
.w50-name{ color: var(--ink); font: 700 var(--fs-3)/1.25 var(--body); text-decoration: none; }
.w50-name:hover, .w50-name:focus-visible{ color: var(--gold); }
.w50-pills{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.w50-pill{
  display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px;
  font: 600 var(--fs-1)/1 var(--body); color: var(--mute); border: 1px solid var(--rule); white-space: nowrap;
}
.w50-stats{ display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: var(--fs-2); color: var(--mute); }
.w50-stats b{ color: var(--ink); font-family: var(--mono); font-variant-numeric: tabular-nums; }
.w50-line{ font-size: var(--fs-2); line-height: 1.45; color: var(--ink); }
.w50-drop{ font-size: var(--fs-2); color: var(--mute); }
.w50-movers{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.w50-movers:empty{ display: none; }
@media (max-width: 760px){
.w50-movers{ grid-template-columns: minmax(0, 1fr); }
}
.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; }
dialog.si{
  margin: auto; padding: 0; border: 1px solid var(--rule); border-radius: var(--r-lg);
  width: min(440px, calc(100vw - 32px)); max-height: min(80vh, 640px);
  background: var(--panel); color: var(--ink); box-shadow: var(--shadow-3); overflow: hidden;
}
dialog.si::backdrop{ background: var(--scrim); }
.si-sheet{ display: flex; flex-direction: column; max-height: inherit; }
.si-head{ display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px 16px 10px; border-bottom: 1px solid var(--rule); }
.si-title{ margin: 0; font: 700 var(--fs-4)/1.2 var(--body); }
.si-close{
  flex: none; width: 36px; height: 36px; border-radius: 999px; border: 1px solid var(--rule);
  background: var(--row); color: var(--mute); font: 600 var(--fs-4)/1 var(--body); cursor: pointer;
}
.si-close:hover, .si-close:focus-visible{ color: var(--gold); border-color: var(--gold); }
.si-body{ overflow: auto; padding: 12px 16px 16px; overscroll-behavior: contain; }
.rp-title{ margin: 0 0 8px; font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--mute); }
@media (max-width: 560px){
dialog.si{
    position: fixed; inset: auto 0 0 0; margin: 0; width: 100%; max-width: 100%;
    max-height: 80vh; border-radius: var(--r-lg) var(--r-lg) 0 0; border-bottom: 0;
    padding-bottom: env(safe-area-inset-bottom);
  }
.si-head{ padding-top: 18px; }
}
@media (prefers-reduced-motion: no-preference){
dialog.si[open]{ animation: tpp-in 200ms var(--ease) both; }
}
.foot-report{ margin-top: 12px; }
.foot-report-btn{
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 20px;
  border: 1px solid var(--rule); border-radius: 999px; background: var(--row); color: var(--ink);
  font: 600 var(--fs-3)/1.2 var(--body); cursor: pointer;
}
.foot-report-btn:hover{ border-color: var(--gold); color: var(--gold); }
.foot-report-btn:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.md-form, .sr-form{ display: grid; gap: 14px; }
.md-field{ display: grid; gap: 6px; }
.md-label{ font: 600 var(--fs-2) var(--body); color: var(--mute); }
.md-select, .md-note{
  width: 100%; box-sizing: border-box; padding: 9px 10px; border: 1px solid var(--rule);
  border-radius: var(--r); background: var(--row); color: var(--ink); font: var(--fs-3)/1.4 var(--body);
}
.md-note{ min-height: 72px; resize: vertical; }
.md-select:focus-visible, .md-note:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.md-actions{ display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap-reverse; }
.md-actions .btn{ min-height: 44px; min-width: 96px; justify-content: center; }
.md-actions .btn:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.md-status{ margin: 0; flex: 1 1 160px; font: var(--fs-2) var(--body); color: var(--mute); }
.md-status:empty{ display: none; }
.md-done{ margin: 8px 0; font: 600 var(--fs-3)/1.4 var(--body); color: var(--ink); }
dialog.sr{ width: min(760px, calc(100vw - 32px)); max-height: min(92vh, 900px); }
.sr-shot{ display: grid; gap: 8px; }
.sr-stage{
  position: relative; display: grid; border: 1px solid var(--rule); border-radius: var(--r-lg);
  background: var(--row); overflow: hidden; touch-action: none;
}
.sr-stage.is-loading, .sr-stage:has(> .sr-wait){ min-height: 120px; place-items: center; }
.sr-wait{ margin: 0; padding: 16px; font: var(--fs-2) var(--body); color: var(--mute); }
.sr-pic, .sr-ink{ grid-area: 1 / 1; justify-self: center; display: block; width: auto; height: auto; max-width: 100%; max-height: min(56vh, 520px); }
.sr-ink{ cursor: crosshair; }
.sr-tools{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sr-tools .md-label{ margin-right: auto; }
.sr-tool{ min-height: 36px; }
.sr-keep{ display: inline-flex; align-items: center; gap: 6px; min-height: 36px; font: var(--fs-2) var(--body); color: var(--mute); cursor: pointer; }
.sr-keep input{ width: 18px; height: 18px; accent-color: var(--gold); }
.sr-shot.is-off .sr-stage{ opacity: .35; }
.sr-shot.is-off .sr-ink{ pointer-events: none; }
@media (max-width: 560px){
dialog.sr{ width: 100%; max-height: 92vh; }
.sr-tools .md-label{ flex-basis: 100%; }
}
.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; }
.trk-search-opt{ display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 4px 8px; border-radius: var(--r); cursor: pointer; }
.trk-search-opt:hover, .trk-search-opt[aria-selected="true"]{ background: var(--row); }
.trs-title{ flex: 1 1 auto; }
.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); } }
.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; }
.adv-horizon-opt{
  min-height: 36px; padding: 0 10px; border: 0; border-radius: 999px; background: transparent; color: var(--mute);
  font: 600 var(--fs-2)/1.1 var(--body); cursor: pointer; transition: background 160ms, color 160ms;
}
.adv-horizon-opt:hover{ color: var(--ink); }
.adv-horizon-opt[aria-pressed="true"]{ background: var(--gold); color: var(--bg); }
.adv-horizon-opt:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce){
.adv-horizon-opt{ transition: none; }
}
.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; }
.tp-result-wrap{ order: 3; }
.tp-result-wrap{ display: grid; gap: 14px; min-width: 0; }
@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%);
}
#view.fl-scope{ position: relative; isolation: isolate; }
#view.fl-scope::after{ content: ""; position: absolute; inset: 0 min(0px, calc(50% - 50vw)) auto; height: min(1400px, 100%); z-index: -1; pointer-events: none;
  background: var(--fl-backdrop); -webkit-mask-image: var(--fl-fade); mask-image: var(--fl-fade); }
.fl-pill{ display: inline-flex; align-items: baseline; gap: 6px; min-height: 32px; box-sizing: border-box; padding: 6px 12px;
  border-radius: 999px; background: var(--fl-bg); box-shadow: var(--shadow-card), inset 0 0 0 1px var(--fl-edge); }
.fl-pill b{ font: 700 var(--fs-3)/1 var(--mono); font-variant-numeric: tabular-nums; color: var(--ink); }
.fl-pill span{ color: var(--mute); font: 600 var(--fs-1)/1 var(--body); text-transform: uppercase; letter-spacing: .06em; }
.fl-gauge, .ts-gauge{ position: relative; width: min(100%, 280px); }
.fl-gauge-svg, .ts-gauge-svg{ display: block; width: 100%; height: auto; overflow: visible; }
.fl-gauge-track, .ts-gauge-track{ stroke: var(--row); }
.fl-gauge-fill, .ts-gauge-fill{ stroke: var(--gold); }
.fl-gauge-fill.is-up, .ts-gauge-fill.is-up{ stroke: var(--good); }
.fl-gauge-fill.is-down, .ts-gauge-fill.is-down{ stroke: var(--bad); }
.fl-gauge-tick, .ts-gauge-tick{ stroke: var(--dim); stroke-width: 2; }
.fl-needle, .ts-needle{ transform-box: view-box; transform-origin: 100px 100px; transform: rotate(var(--turn, 0deg)); fill: var(--ink); stroke: var(--ink); }
.fl-gauge .fl-needle, .ts-gauge .ts-needle{ transform: rotate(var(--turn)); }
.fl-gauge-fig, .ts-gauge-fig{ display: grid; gap: 2px; margin-top: -4px; }
.fl-gauge-fig{ justify-items: center; text-align: center; }
.fl-gauge-fig b, .ts-gauge-fig b{ font: 800 var(--fs-5)/1 var(--mono); font-size: clamp(36px, 10vw, 48px); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.fl-gauge-fig.is-up b, .ts-gauge-fig.is-up b{ color: color-mix(in srgb, var(--good) 80%, var(--ink)); }
.fl-gauge-fig.is-down b, .ts-gauge-fig.is-down b{ color: color-mix(in srgb, var(--bad) 80%, var(--ink)); }
.fl-gauge-fig span, .ts-gauge-fig span{ color: var(--mute); font: 600 var(--fs-1)/1.2 var(--body); text-transform: uppercase; letter-spacing: .08em; }
@keyframes fl-needle{ from { transform: rotate(-90deg); } }
@keyframes fl-fade{ from { opacity: 0; } }
.ts-cell.is-s0, #view.fl-scope td[data-scale="0"]{ background: color-mix(in srgb, var(--bad) 58%, var(--panel)); }
.ts-cell.is-s1, #view.fl-scope td[data-scale="1"]{ background: color-mix(in srgb, var(--bad) 40%, var(--panel)); }
.ts-cell.is-s2, #view.fl-scope td[data-scale="2"]{ background: color-mix(in srgb, var(--bad) 20%, var(--panel)); }
.ts-cell.is-s3, #view.fl-scope td[data-scale="3"]{ background: var(--row); }
.ts-cell.is-s4, #view.fl-scope td[data-scale="4"]{ background: color-mix(in srgb, var(--good) 20%, var(--panel)); }
.ts-cell.is-s5, #view.fl-scope td[data-scale="5"]{ background: color-mix(in srgb, var(--good) 40%, var(--panel)); }
.ts-cell.is-s6, #view.fl-scope td[data-scale="6"]{ background: color-mix(in srgb, var(--good) 58%, var(--panel)); }
#view.fl-scope td[data-scale]{ color: var(--ink); font-weight: 700; text-align: center; }
#view.fl-scope tbody tr:hover td[data-scale]{ filter: brightness(1.08); }
#view.fl-scope tbody tr.thin td[data-scale]{ color: var(--ink); }
#view.fl-scope > .wrap{ margin: 0 var(--gutter); border: 1px solid var(--fl-edge); border-radius: var(--r-lg); background: var(--fl-bg);
  box-shadow: var(--fl-shadow); }
#view.fl-scope > .wrap tbody tr:nth-child(even):not(.rank-1, .rank-2, .rank-3) td:not([data-scale]){ background: color-mix(in srgb, var(--row) 55%, var(--panel)); }
#view.fl-scope > .wrap tbody tr:last-child td{ border-bottom: 0; }
#view.fl-scope > .wrap thead th{ background: var(--panel); text-transform: uppercase; letter-spacing: .06em; box-shadow: 0 1px 0 var(--rule); border-bottom: 0; }
#view.fl-scope > .wrap thead th[data-scale], #view.fl-scope > .wrap thead th:not(:first-child){ text-align: center; }
#view.fl-scope > .wrap tbody td:not(:first-child):not(.left){ text-align: center; }
@media (max-width: 700px){
#view.fl-scope > .wrap{ max-height: min(70vh, 560px); overflow: auto; overscroll-behavior: contain; }
#view.fl-scope > .wrap thead th{ position: sticky; top: 0; z-index: 2; }
}
.ball-stats.has-gauge > :first-child, #view.fl-scope .fl-hero .ball-stats.has-gauge > :first-child{ display: none; }
@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); } }
@media (prefers-reduced-motion: no-preference){
.fl-rise{ animation: fl-rise .36s var(--ease) backwards; animation-delay: calc(var(--i, 0) * 70ms); }
#view.fl-scope > *{ animation: fl-rise .36s var(--ease) backwards; }
#view.fl-scope > :nth-child(2){ animation-delay: 60ms; }
#view.fl-scope > :nth-child(3){ animation-delay: 120ms; }
#view.fl-scope > :nth-child(4){ animation-delay: 180ms; }
#view.fl-scope > :nth-child(5){ animation-delay: 240ms; }
#view.fl-scope > :nth-child(6){ animation-delay: 300ms; }
#view.fl-scope > :nth-child(n+7){ animation-delay: 360ms; }
.fl-gauge-fill{ animation: fl-fade .4s ease both; }
.fl-needle{ animation: fl-needle .5s var(--ease) both; }
}
#view.fl-scope .strips > .strip.fl-card,
#view.fl-scope .home-more-card,
#view.fl-scope .pr2-row-link,
#view.fl-scope .ss-strip-link,
#view.fl-scope .table-group,
#view.fl-scope .mt,
#view.fl-scope .rr,
#view.fl-scope .al2-band,
#view.fl-scope .al2-card,
#view.fl-scope .xt-card,
#view.fl-scope .move-card,
#view.fl-scope .ptease{
  border: 1px solid var(--fl-edge); background: var(--fl-bg); box-shadow: var(--fl-shadow);
}
#view.fl-scope .strips > .strip.fl-card, #view.fl-scope .table-group, #view.fl-scope .al2-band, #view.fl-scope .al2-card,
#view.fl-scope .xt-card, #view.fl-scope .move-card, #view.fl-scope .ptease{
  -webkit-backdrop-filter: var(--fl-blur); backdrop-filter: var(--fl-blur);
}
#view.fl-scope .pr2-pod-link, #view.fl-scope .wsb-tile, #view.fl-scope .wr-hero, #view.fl-scope .wr-band, #view.fl-scope .wpod{
  box-shadow: var(--fl-shadow);
}
#view.fl-scope :is(.pr2-row-link, .ss-strip-link, .mt, .home-more-card):hover{ background: var(--fl-bg); border-color: color-mix(in srgb, var(--gold) 45%, var(--fl-edge)); }
#view.fl-scope .ladder-host > .wrap thead th, #view.fl-scope > .wrap.compact-table-wrap thead th{ background: var(--panel); }
#view.fl-scope > .wrap > table:not(.grid) tbody tr:not(.rank-1, .rank-2, .rank-3, :nth-child(even)) :is(td.rank, td.rank + td, td:first-child:not(.rank)),
#view.fl-scope .ladder-host > .wrap > table:not(.grid) tbody tr:not(.rank-1, .rank-2, .rank-3, :nth-child(even)) :is(td.rank, td.rank + td, td:first-child:not(.rank)){
  background: var(--panel);
}
@media (max-width: 700px){
#view.fl-scope > .wrap.compact-table-wrap{ max-height: none; overflow-y: visible; }
}
#view.fl-scope[data-fl="home"] .home-about{ border-top: 0; }
#view.fl-scope .pr2-pod-link{ border-color: color-mix(in srgb, var(--medal) 55%, var(--fl-edge)); }
#view.fl-scope .pr2-pod.is-gold .pr2-pod-link{
  box-shadow: var(--fl-shadow), 0 18px 36px -24px color-mix(in srgb, var(--medal) 70%, transparent);
}
#view.fl-scope .pr2-art{ box-shadow: var(--fl-tile-shadow), inset 0 0 0 1px var(--hairline-2); }
#view.fl-scope[data-fl="alliance"] .xt-tiles > *{ box-shadow: var(--fl-tile-shadow); }
#view.fl-scope[data-fl="war"] .wr-side{ border-radius: var(--r-lg); }
.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-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; } }
@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); }
.ts-gauge-fill{ animation: ts-fade .4s ease both; }
.ts-needle{ animation: ts-needle .4s var(--ease) both; }
}
#view .wt-title{ margin: 0; font: 800 var(--fs-5)/1.1 var(--cond); letter-spacing: .02em; }
.wt-gauge{ width: min(100%, 240px); }
: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-gauge{ position: relative; width: min(100%, 260px); }
.rs-gauge-svg{ display: block; width: 100%; height: auto; overflow: visible; }
.rs-gauge-track{ stroke: var(--row); }
.rs-gauge-fill{ stroke: var(--gold); }
.rs-gauge-fill.is-up{ stroke: var(--good); }
.rs-gauge-fill.is-down{ stroke: var(--bad); }
.rs-gauge-tick{ stroke: var(--dim); stroke-width: 2; }
.rs-needle{ transform-origin: 100px 100px; transform: rotate(var(--turn)); stroke: var(--ink); fill: var(--ink); }
.rs-gauge .rs-needle{ transform: rotate(var(--turn)); }
.rs-gauge-fig{ display: grid; gap: 2px; margin-top: -4px; }
.rs-gauge-fig b{ font-weight: 800; font-size: clamp(36px, 10vw, 48px); line-height: 1; font-family: var(--mono); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.rs-gauge-fig.is-up b{ color: color-mix(in srgb, var(--good) 80%, var(--ink)); }
.rs-gauge-fig.is-down b{ color: color-mix(in srgb, var(--bad) 80%, var(--ink)); }
.rs-gauge-fig span{ color: var(--mute); font: 600 var(--fs-1)/1.2 var(--body); text-transform: uppercase; letter-spacing: .08em; }
@media (prefers-reduced-motion: no-preference){
.rs-gauge-fill{ animation: rs-fade .4s ease both; }
.rs-needle{ animation: rs-needle .5s var(--ease) both; }
}
.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-seat-opt{ min-height: 36px; padding: 4px 12px; border: 0; border-radius: 999px; background: var(--row); color: var(--ink); font: 600 var(--fs-1)/1.2 var(--body); cursor: pointer; }
.rs-seat-opt:focus-visible, .rs-seat-chip:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
@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; }
.legal-toc{ row-gap: 16px; }
.legal-toc a{ position: relative; }
.legal-toc a::after{ content: ""; position: absolute; inset: -8px -7px; }
}
@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-kbd{ display: none; }
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; }
.privacy-link{ color: var(--gold); text-underline-offset: 2px; white-space: nowrap; }
.privacy-block{ display: grid; justify-items: center; gap: 8px; }
.support .privacy-block{ justify-items: start; margin: 0 0 14px; }
.privacy-block .privacy-note{ margin: 0; }
.privacy-path{ margin: 0; color: var(--ink); font: 600 var(--fs-2, .9rem)/1.45 var(--body); }
.privacy-support{ margin: 0; color: var(--mute); font: 400 var(--fs-1)/1.5 var(--body); }
.privacy-support-mail{ color: var(--ink); font-weight: 600; overflow-wrap: anywhere; user-select: all; }
.privacy-shot{ display: block; width: 150px; max-width: 100%; flex: none; line-height: 0; border-radius: var(--r);
  overflow: hidden; border: 1px solid var(--rule); background: var(--lift); }
.privacy-shot img{ display: block; width: 100%; height: auto; }
.privacy-shot:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.privacy-shot.is-thumb{ width: 96px; }
.privacy-shot.is-mini{ width: 56px; border-radius: var(--r-sm); }
@media (min-width: 641px){
.privacy-block .privacy-shot:not(.is-thumb):not(.is-mini){ width: 220px; }
}
.method-dialog-extra{ padding: 14px var(--gutter) 2px; }
.method-dialog-extra[hidden]{ display: none; }
.privacy-dialog-extra{ display: grid; gap: 10px; justify-items: start; }
.privacy-search{ display: flex; align-items: flex-start; gap: 12px; }
.privacy-search-text{ display: grid; gap: 4px; min-width: 0; }
.privacy-search-lead{ margin: 0; }
.privacy-search .privacy-path{ font-size: var(--fs-1); color: var(--mute); }
.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; }
.ap-muted > :not(.ap-bar){ filter: grayscale(1); }
.ap-muted > :not(.ap-bar) img, .ap-muted .player-banner, .ap-muted .pc-hero{ opacity: .55; }
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); }
@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; }
}
@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); }
.wrb-star{ font-size: var(--fs-1); opacity: .8; }
.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; }
@media (max-width: 760px){
.wrb-over, .wrb-attacks, .wrb-stats, .wrb-tester-top, .wrb-tester-tiles{ grid-template-columns: minmax(0, 1fr); }
}
: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);
}
@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; }
}
.is-missing{ visibility: hidden; }
.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-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-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-title{ margin: 0; font: 700 var(--fs-5)/1.08 var(--cond); letter-spacing: .02em; color: var(--ink); overflow-wrap: anywhere; }
.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-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-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-guide-table-wrap{ overflow-x: auto; margin: 0 0 12px; border-radius: var(--r-lg); border: 1px solid var(--rule); background: var(--panel); }
.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); }
.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); }
@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; }
}
.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); }
.acct-alts{ display: flex; flex-direction: column; gap: 8px; max-width: 520px; margin-top: 10px; }
.acct-alt{ display: flex; align-items: center; gap: 8px; min-height: 44px; box-sizing: border-box; padding: 6px 6px 6px 16px;
  border-radius: 999px; background: var(--fl-bg); box-shadow: var(--shadow-card), inset 0 0 0 1px var(--fl-edge); }
.acct-alt a{ flex: 1 1 auto; min-width: 0; color: var(--ink); font: 700 var(--fs-2)/1.2 var(--body); text-decoration: none; overflow-wrap: anywhere; }
.acct-alt a:hover{ color: var(--gold); }
.acct-alt-add{ margin-top: 10px; }
@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; }
.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-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-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; }
: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));
  }
}
.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; }
.is-thin{ opacity: .92; --dim: var(--mute); }
.fc-opt{ min-width: 44px; min-height: 40px; padding: 4px 12px; border: 0; border-radius: 999px; background: var(--row); color: var(--mute); font: 600 var(--fs-2)/1.2 var(--body); cursor: pointer; }
.fc-opt[aria-pressed="true"]{ background: var(--gold); color: var(--bg); }
.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-tab:focus-visible, .fc-pick:focus-visible, .fc-chip:focus-visible, .fc-seg-b:focus-visible, .fc-premium:focus-visible,
.fc-face:focus-visible, .fc-build-t:focus-visible, .fc-step-b:focus-visible, .fc-opt:focus-visible, .fc-arena:focus-visible,
.fc-next-b:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference){
.fc-opt, .fc-seg-b, .fc-arena, .fc-step-b, .fc-next-b{ transition: background-color .15s, box-shadow .15s, color .15s; }
}
@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; }
: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; } }
#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; }
.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); }
: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-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;
}
:root[data-theme="light"]{
  --lk-luck: #2E8C58; --lk-jack: #A86A0E; --lk-bad: #B8443E;
  --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: #B0388E; --lk-t4: #A86A0E; --lk-t3: #7449C2; --lk-t2: #2563C4; --lk-t1: #2E7F52;
  --lk-on-jack: #FFFFFF;
}
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){
    --lk-luck: #2E8C58; --lk-jack: #A86A0E; --lk-bad: #B8443E;
    --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: #B0388E; --lk-t4: #A86A0E; --lk-t3: #7449C2; --lk-t2: #2563C4; --lk-t1: #2E7F52;
    --lk-on-jack: #FFFFFF;
  }
}
.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; }