/* views/raids.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-who-text{ display: grid; gap: 1px; min-width: 0; }
.pvp-who-text b{ font: 600 var(--fs-2) var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pvp-who-text small{ color: var(--dim); font: var(--fs-1) var(--mono); }
.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-tile-text{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; min-width: 0; }
.pvp-tile-text b{ font: 600 var(--fs-2) var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pvp-tile-text small{ color: var(--dim); font: var(--fs-1) var(--mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.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); }
.tl-text{ display: grid; gap: 1px; min-width: 0; }
@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; }
.mini{ display: grid; }
.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-peak .div-detail-text{ display: inline-block; white-space: nowrap; }
.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; }
}
.item-facts{ display: grid; gap: 5px; margin-top: 9px; }
.item-fact{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.item-fact-k{
  font-family: var(--cond); font-size: var(--fs-1); font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--dim);
  min-width: 74px;
}
.item-fact-v{
  font-family: var(--mono); font-size: var(--fs-2); color: var(--ink);
}
.item-effect{
  padding: 0 var(--gutter) 14px; max-width: 76ch;
  font-family: var(--mono); font-size: var(--fs-2); line-height: 1.7; color: var(--ink);
}
@media (max-width: 640px){
.item-effect{ padding-left: var(--gutter); padding-right: var(--gutter); }
}
.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; }
}
.item-effect.is-none{ color: var(--dim); }
.badge.is-provisional-peak .badge-kind::after{
  content: " · provisional"; color: var(--dim); letter-spacing: 0.08em;
}
.cell-sub{ display: block; font: var(--fs-1) var(--mono); color: var(--dim); margin-top: 1px; }
.rank-1 .cell-sub, .rank-2 .cell-sub, .rank-3 .cell-sub{ color: var(--mute); }
tbody tr.rank-1 td.support, tbody tr.rank-2 td.support, tbody tr.rank-3 td.support{ color: var(--mute); }
.meta-tag{ margin-left: 8px; font: var(--fs-1) var(--mono); color: var(--dim); border: 1px solid var(--rule); border-radius: var(--r-sm); padding: 1px 5px; white-space: nowrap; }
.badge.is-owner{ position: relative; }
.badge-rank{
  margin-left: auto; padding-left: 8px; flex-shrink: 0;
  font: 700 var(--fs-5)/1 var(--cond); color: var(--mute); font-variant-numeric: tabular-nums;
}
.badge.is-top .badge-rank{ color: var(--ink); }
.badge.is-first .badge-rank{ color: var(--gold); }
.thumb.is-blank{ display: inline-block; width: 26px; height: 26px; border-radius: 50%; background: var(--panel); }
.anon-name{ font-style: italic; padding-right: .12em; }
.thumb.anon-pic{
  display: inline-grid; place-items: center; flex: none; overflow: hidden;
  background: var(--row); color: var(--dim);
  container-type: size;
}
:where(.thumb.anon-pic){ border-radius: 50%; }
.anon-pic-q{ font-size: clamp(var(--fs-1), 72cqh, 48px); line-height: 1; font-weight: 700; font-style: normal; user-select: none; }
@media (min-width: 700px){
.pane .wrap table{ min-width: 0; }
}
.pane td.stars{ color: var(--acc-amber); letter-spacing: 1px; }
:root{ --page-max: 1320px; --page-side: max(0px, calc((100% - var(--page-max)) / 2)); }
:where(body:not(.ops)) #view{ max-width: var(--page-max); margin-inline: auto; }
#view[data-route="meta"], #view[data-route="dex"]{ max-width: 1440px; }
.ss-page, .eqb, .tt, .pvp-gate{ margin-inline: auto; }
@media (min-width: 1321px){
:where(body:not(.ops)) .chrome{ padding-inline: calc(var(--page-side) + 12px); }
:where(body:not(.ops)) footer{ padding-inline: calc(var(--page-side) + var(--gutter)); }
}
html{ overflow-x: clip; }
@media (min-width: 1321px){
#view.is-centered{ border-left: 1px solid var(--rule); border-right: 1px solid var(--rule); }
}
a.alliance-link{ color: inherit; text-decoration: none; display: inline-block; }
a.alliance-link:hover .alliance-name{ color: var(--gold); }
td b.up{ color: var(--good); }
td b.down{ color: var(--bad); }
.hero-patch{ display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin: 10px 0 0; font-size: var(--fs-3); }
.hero-patch .flabel{ border-left: 0; padding: 0; color: var(--mute); position: static; background: none; }
.hero-patch span:last-child{ color: var(--mute); font-size: var(--fs-2); white-space: nowrap; }
.alliance-dot{ display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: var(--dim); flex-shrink: 0; }
.alliance-desc{ color: var(--mute); max-width: 640px; margin: 4px 0 10px; }
tr.clickable{ cursor: pointer; }
.strong-cp{ font: 600 var(--fs-3) var(--mono); }
.effect-term{ background: none; border: 0; padding: 0; font: inherit; color: var(--gold);
  text-decoration: underline dotted; text-underline-offset: 3px; cursor: pointer; }
.alliance-dot.is-small{ width: 10px; height: 10px; }
.ball-stats b.up{ color: var(--good); }
.ball-stats b.down{ color: var(--bad); }
.fx-tools{ display: flex; align-items: center; gap: 16px; padding: 12px var(--gutter); border-bottom: 1px solid var(--rule); }
.fx-search{ flex: 0 1 340px; min-width: 0; box-sizing: border-box; background: var(--panel); color: var(--ink);
  border: 1px solid var(--rule); border-radius: var(--r); font: var(--fs-3) var(--body); padding: 8px 10px; }
.fx-search:focus{ border-color: var(--gold); }
.fx-count-wrap{ display: flex; align-items: center; gap: 6px; margin-left: auto; }
.bm{ margin: 14px 0 4px; }
.bm .boss-col-title{ margin-bottom: 8px; }
.bm-lead{ font: var(--fs-2)/1.5 var(--body); color: var(--ink); margin-bottom: 8px; }
.bm-lead.is-bad{ color: var(--bad); }
.bm-line{ display: flex; flex-direction: column; gap: 5px; margin-bottom: 10px; }
.bm-label{
  font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase;
  color: var(--mute);
}
.bm-run{ display: flex; flex-wrap: wrap; gap: 5px; }
.bm-none{ font: var(--fs-2) var(--mono); color: var(--dim); }
.bm-chip{
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 8px 3px 5px; border: 1px solid var(--rule); border-radius: 999px;
  background: var(--panel);
}
.bm-chip b{ font: 600 var(--fs-1) var(--mono); }
.bm-chip.is-good b{ color: var(--good); }
.bm-chip.is-bad b{ color: var(--bad); }
.eq-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.eq-card{
  display: flex; flex-direction: column; gap: 8px;
  padding: 13px 15px 15px; background: var(--bg);
  border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
}
.eq-head{ display: flex; align-items: center; gap: 10px; }
.eq-head .thumb{ width: 38px; height: 38px; flex: none; border-radius: var(--r-sm); }
.eq-titles{ min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.eq-name{
  font: 600 var(--fs-3) var(--body); color: var(--ink); text-decoration: none;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.eq-name:hover{ color: var(--gold); }
.eq-marks{ display: flex; align-items: center; gap: 6px; }
.eq-tier{ font: 600 var(--fs-1) var(--mono); color: var(--gold); }
.eq-stats{ display: flex; flex-wrap: wrap; gap: 4px 12px; font: var(--fs-1) var(--mono); color: var(--mute); }
.eq-added{ margin-left: auto; color: var(--dim); }
.eq-effect{ font: var(--fs-2)/1.5 var(--body); color: var(--ink); }
.eq-effect.is-unknown{ color: var(--dim); font-style: italic; }
.eq-req{ font: var(--fs-1) var(--mono); color: var(--mute); }
.eq-from{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: auto; padding-top: 4px; }
.eq-from-label{
  font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase;
  color: var(--mute); width: 100%;
}
.eq-chance{ font: var(--fs-1) var(--mono); color: var(--dim); font-style: normal; }
.eq-rates{
  display: grid; grid-template-columns: minmax(5.5em, 1fr) auto auto; column-gap: 10px; row-gap: 7px;
  align-items: center; padding-top: 10px; border-top: 1px solid var(--rule);
}
.eq-rates > .eq-from-label, .eq-rates > .eq-rates-none, .eq-rates > .eq-rates-shop, .eq-rates > .eq-rate-more{ grid-column: 1 / -1; }
.eq-rate{ display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; min-width: 0; }
.eq-rate-boss{ font-size: var(--fs-2); color: var(--ink); text-decoration: none; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eq-rate-boss:hover{ color: var(--gold); }
.eq-rate-lvl{
  display: inline-flex; align-items: center; gap: 5px; justify-self: stretch; box-sizing: border-box;
  padding: 2px 9px 2px 7px; border-radius: 999px; background: var(--pill-on);
  font-size: var(--fs-1); line-height: 1.4; color: var(--mute); white-space: nowrap;
}
.eq-rate-lvl.is-empty{ background: none; padding: 0; }
.eq-rate-fig{
  justify-self: end; text-align: right; white-space: nowrap; font-size: var(--fs-2); color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.eq-rate-fig b{ font-family: var(--mono); font-weight: 500; }
.eq-rate-under{ margin-right: 4px; font-size: var(--fs-1); color: var(--mute); }
.eq-rate-fig.is-clear{ font-size: var(--fs-1); font-weight: 600; }
.eq-rate-fig.is-thin{ white-space: normal; line-height: 1.25; font-size: var(--fs-1); color: var(--mute); }
.eq-rates-none{ justify-self: start; }
.eq-rates-shop{ justify-self: start; }
.eq-rate-more{ justify-self: start; margin-top: -1px; font: var(--fs-1) var(--body); color: var(--mute); text-decoration: none; }
a.eq-rate-more:hover{ color: var(--gold); }
@media (max-width: 640px){
.fx-tools{ flex-wrap: wrap; gap: 8px; }
.fx-search{ flex: 1 1 100%; }
.eq-grid{ grid-template-columns: minmax(0, 1fr); }
}
.fx-count{ font: var(--fs-2) var(--mono); color: var(--mute); white-space: nowrap; }
.fx-row{ display: grid; grid-template-columns: minmax(200px, 250px) minmax(0, 1fr) minmax(150px, 240px);
  column-gap: 24px; row-gap: 6px; align-items: start; padding: 10px 16px; border-bottom: 1px solid var(--hairline-2); }
.fx-row[hidden]{ display: none; }
.fx-row:not(.fx-head):hover{ background: var(--row); }
.fx-head{ background: var(--panel); border-bottom: 1px solid var(--rule); padding-top: 9px; padding-bottom: 9px;
  font: 700 var(--fs-1) var(--body); letter-spacing: 0.06em; text-transform: uppercase; color: var(--mute); }
.fx-name{ display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: var(--fs-3); color: var(--ink); min-width: 0; }
.fx-name .fx-icon{ width: 28px; height: 28px; border-radius: var(--r); }
.fx-icon.is-empty{ display: block; visibility: hidden; }
.fx-desc{ margin: 0; padding-top: 5px; color: var(--mute); font-size: var(--fs-3); line-height: 1.5; }
.fx-mymics{ display: flex; flex-wrap: wrap; gap: 6px 12px; padding-top: 3px; }
.fx-mymic{ display: inline-flex; align-items: center; gap: 6px; color: var(--ink); text-decoration: none; font-size: var(--fs-2); }
.fx-mymic .thumb{ width: 22px; height: 22px; border-radius: var(--r-sm); }
.fx-mymic:hover span{ color: var(--gold); }
.fx-none{ color: var(--dim); font: var(--fs-2) var(--mono); padding-top: 3px; }
@media (max-width: 760px){
.fx-tools{ flex-wrap: wrap; gap: 8px; }
.fx-search{ flex: 1 1 100%; }
.fx-count-wrap{ margin-left: 0; }
.fx-head{ display: none; }
.fx-row{ grid-template-columns: minmax(0, 1fr); padding: 12px 16px; }
.fx-desc, .fx-mymics{ padding-left: 38px; padding-top: 0; }
.fx-mymics.is-empty{ display: none; }
}
.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-cols{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 4px 16px 18px;
  border: 1px solid var(--rule); border-radius: var(--r); background: var(--panel); }
.boss-col{ padding: 14px 14px 16px; min-width: 0; }
.boss-col + .boss-col{ border-left: 1px solid var(--rule); }
.boss-col-head{ display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
.boss-col-head .thumb{ width: 64px; height: 64px; }
.boss-col-head h2{ margin: 0 0 6px; font: 700 var(--fs-5) var(--cond); letter-spacing: .04em; text-transform: uppercase; }
.boss-col .ball-stats{ padding: 6px 0 4px; }
.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; }
.boss-drops{ display: grid; gap: 6px; padding: 0 16px 12px; }
.boss-col .boss-drops{ padding: 0; }
.lobby-fx > .wm-switch{ margin: 0 16px 10px; }
.lobby-fx .boss-cols{ margin-bottom: 10px; }
.lobby-fx-name{ margin: 0; font: 700 var(--fs-4) var(--cond); letter-spacing: .04em; text-transform: uppercase; }
.lobby-fx .boss-col-head .thumb{ width: 44px; height: 44px; }
.lobby-fx-list{ grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 6px 0 0; }
.lobby-fx-orders{ margin: 0 16px 18px; }
.lobby-fx-orders .boss-col-title{ margin-top: 4px; }
.lobby-fx-order{ display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border-bottom: 1px solid var(--rule); }
.lobby-fx-order:last-child{ border-bottom: 0; }
.boss-drop{ display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: center;
  color: var(--ink); text-decoration: none; }
.boss-drop .thumb{ grid-row: span 2; }
.boss-drop:hover span:first-of-type{ color: var(--gold); }
.dr-tiles{ display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; padding: 0 var(--gutter, 16px) 14px; }
.dr-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);
  color: var(--ink); text-decoration: none;
}
a.dr-tile:hover{ border-color: var(--gold); }
.dr-tile .thumb{ width: 44px; height: 44px; flex: none; object-fit: contain; }
.dr-words{ display: grid; gap: 5px; min-width: 0; }
.dr-name{ font-weight: 600; font-size: var(--fs-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dr-name-line{ display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.dr-rank, .item-rank{ flex: none; color: var(--gold); font-weight: 600; letter-spacing: 1px; white-space: nowrap; }
.dr-rank{ font-size: var(--fs-1); }
.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-tile.is-thin .dr-rank{ color: var(--mute); }
.dr-pills{ display: flex; flex-wrap: wrap; gap: 4px; }
.dr-pills{ row-gap: 5px; }
.dr-pill{
  display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px 2px 8px; white-space: nowrap;
  border-radius: 999px; background: var(--pill-on); font-size: var(--fs-1); line-height: 1.4; color: var(--mute);
}
.dr-pill b{ font-family: var(--mono); font-weight: 500; color: var(--ink); font-variant-numeric: tabular-nums; }
.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; }
.dr-pill.is-thin b{ font-family: inherit; color: var(--mute); }
.dr-tile.is-thin .dr-name{ color: var(--mute); }
.dr-cell{ position: relative; display: grid; min-width: 0; }
.dr-cell > .dr-tile{ padding-right: 40px; }
.dr-cell > .dr-info{ position: absolute; top: 50%; right: 9px; margin: -16px 0 0; width: 32px; height: 32px;
  border: 0; background: transparent; }
.dr-cell > .dr-info::before{ content: ""; position: absolute; inset: 8px; border: 1px solid var(--rule); border-radius: 50%; }
.dr-cell > .dr-info:hover::before, .dr-cell > .dr-info:focus-visible::before{ border-color: var(--gold); }
.ball-stats .mm-defeated{ min-width: 0; max-width: 100%; }
.mm-defeated-badge{
  display: inline-flex; align-items: baseline; gap: 5px; flex: none; padding: 3px 10px;
  border-radius: 999px; background: var(--pill-on); color: var(--mute); font-size: var(--fs-1);
}
.mm-defeated-badge b{ font-family: var(--mono); font-weight: 500; font-size: var(--fs-2); color: var(--ink); }
.title-row:has(.mm-defeated-badge){ flex-wrap: wrap; row-gap: 6px; }
.mm-defeated-line{ margin-top: 10px; color: var(--mute); font-size: var(--fs-2); }
.mm-defeated-line b{ font-family: var(--mono); font-weight: 500; color: var(--ink); }
.mm-defeated-chip{
  display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 4px 11px 4px 8px;
  border-radius: 999px; border: 1px solid var(--rule); background: var(--row); color: var(--mute);
  font-size: var(--fs-1); max-width: 100%;
}
.mm-defeated-chip b{ font-family: var(--mono); font-weight: 500; font-size: var(--fs-2); color: var(--ink); }
.mm-defeated-icon{ display: inline-grid; place-items: center; color: var(--gold); }
.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;
  }
}
@media (max-width: 640px){
.dr-tiles{ grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px){
.boss-cols{ grid-template-columns: minmax(0, 1fr); }
.boss-col + .boss-col{ border-left: 0; border-top: 1px solid var(--rule); }
}
.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-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.first-clear-badge{ font: 700 var(--fs-2) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--bg);
  background: var(--acc-amber); border-radius: var(--r-sm); padding: 3px 8px; }
.first-clear-crew{ display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; font-size: var(--fs-3); }
.first-clear-crew a{ color: var(--ink); text-decoration: none; font-weight: 600; }
.first-clear-crew a:hover{ color: var(--acc-amber); }
.first-clear.is-quiet{ border-color: var(--rule); background: var(--panel); }
.first-clear.is-quiet .first-clear-badge{ background: var(--rule); color: var(--ink); }
.first-clear.is-quiet .first-clear-crew a:hover{ color: var(--gold); }
.first-clear.is-provisional{ border-color: var(--rule); background: var(--panel); }
.first-clear.is-provisional .first-clear-badge{ background: var(--rule); color: var(--mute); }
.first-clear.is-provisional .first-clear-crew a:hover{ color: var(--ink); }
@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; }
.dv-chip, .fx-modes button, .pvp-pick-ball{ min-height: 34px; }
.fx-mymic{ padding-top: 8px; padding-bottom: 8px; margin-top: -8px; margin-bottom: -8px; }
.fx-desc, .fx-tile-desc{ line-height: 1.95; }
.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; }
.rr-top > .rr-boss{ position: relative; padding: 6px 4px; margin: -6px -4px; }
.rh-who-btn, a.rr-drop:not(.is-p4), a.rr-foe, .rd-pill{ position: relative; }
.rh-who-btn::after{ content: ""; position: absolute; inset: -2px 0; }
a.rr-drop:not(.is-p4)::before{ content: ""; position: absolute; inset: -4px 0; }
a.rr-foe::after{ content: ""; position: absolute; inset: -5px 0; }
.share-btn.rr-share::after{ content: ""; position: absolute; inset: -4px 0; }
.rd-pill::before{ content: ""; position: absolute; inset: -4px 0; }
}
.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); }
.first-clear-row{ display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; align-items: center; padding: 10px 0 0; margin-top: 10px; border-top: 1px solid color-mix(in srgb, var(--acc-amber) 25%, transparent); }
.first-clear-row .first-clear-crew{ grid-column: 1 / -1; margin-top: 2px; }
.place-tag{ font: 700 var(--fs-2) var(--cond); letter-spacing: .08em; text-transform: uppercase; border-radius: var(--r-sm); padding: 2px 7px; color: var(--bg); background: var(--acc-amber); }
.place-tag.is-2{ background: #B8C2CC; }
.place-tag.is-3{ background: #B87A4B; }
.place-tag.is-2, .place-tag.is-3{ color: #0B0D12; }
.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);
  }
.mt:hover, .fx-tile:hover, .pvp-choice:hover, .pvp-tile.is-bench:hover{
    transform: translateY(-2px);
  }
.mt img, .fx-tile .fx-icon, .pvp-tile .thumb{
    transition: transform 220ms var(--ease);
  }
.mt:hover img{ transform: scale(1.07) rotate(-2deg); }
.fx-tile:hover .fx-icon{ transform: scale(1.1) rotate(-3deg); }
.mt-grid > *, .fx-grid > *, .comparts > *{
    animation: tile-in 320ms var(--ease) both;
  }
.mt-grid > :nth-child(1),  .fx-grid > :nth-child(1){ animation-delay: 0ms; }
.mt-grid > :nth-child(2),  .fx-grid > :nth-child(2){ animation-delay: 26ms; }
.mt-grid > :nth-child(3),  .fx-grid > :nth-child(3){ animation-delay: 52ms; }
.mt-grid > :nth-child(4),  .fx-grid > :nth-child(4){ animation-delay: 78ms; }
.mt-grid > :nth-child(5),  .fx-grid > :nth-child(5){ animation-delay: 104ms; }
.mt-grid > :nth-child(6),  .fx-grid > :nth-child(6){ animation-delay: 130ms; }
.mt-grid > :nth-child(7),  .fx-grid > :nth-child(7){ animation-delay: 156ms; }
.mt-grid > :nth-child(8),  .fx-grid > :nth-child(8){ animation-delay: 182ms; }
.mt-grid > :nth-child(9),  .fx-grid > :nth-child(9){ animation-delay: 208ms; }
.mt-grid > :nth-child(10), .fx-grid > :nth-child(10){ animation-delay: 234ms; }
.mt-grid > :nth-child(11), .fx-grid > :nth-child(11){ animation-delay: 260ms; }
.mt-grid > :nth-child(n+12), .fx-grid > :nth-child(n+12){ animation-delay: 286ms; }
@keyframes tile-in{ from { opacity: 0; transform: translateY(8px) scale(.985); } }
.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; }
.psuggest-text{ display: grid; min-width: 0; }
.psuggest-text b{ font-weight: 600; font-size: var(--fs-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.psuggest-text small{ color: var(--mute); font-size: var(--fs-2); }
.mt-group{
  display: flex; gap: 9px; align-items: baseline; padding: 18px var(--gutter) 9px;
  font: 700 var(--fs-3) var(--cond); letter-spacing: 0.12em; text-transform: uppercase;
}
.mt-group i{ color: var(--dim); font: normal var(--fs-1) var(--mono); }
.mt-stars{ color: var(--acc-amber, var(--gold)); letter-spacing: 0.06em; }
.mt-grid{
  display: grid; grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
  gap: 9px; padding: 0 var(--gutter) 8px;
}
.mt{
  display: grid; gap: 6px; justify-items: center; text-align: center; padding: 12px 10px;
  min-width: 0;
  background: var(--panel); color: var(--ink); box-shadow: var(--shadow-card);
  border-radius: var(--r-lg); cursor: pointer;
}
.mt:hover{
  background: var(--panel);
  box-shadow: var(--shadow-card), 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent);
}
.mt:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.mt-art{ display: flex; gap: 3px; justify-content: center; flex-wrap: wrap; }
.mt-art .thumb{ width: 52px; height: 52px; }
.mt-name{ font: 600 var(--fs-2) var(--body); line-height: 1.25; overflow-wrap: anywhere; }
.mt .chips{ justify-content: center; flex-wrap: wrap; }
.mt-stats{ flex-wrap: wrap; justify-content: center; }
.mt-stats{ display: flex; gap: 12px; margin-top: 2px; }
.mt-stat{ display: grid; gap: 0; }
.mt-stat b{ font: 600 var(--fs-2) var(--mono); }
.mt-stat i{ color: var(--dim); font: normal var(--fs-1) var(--cond);
  letter-spacing: 0.1em; text-transform: uppercase; }
.mt-fx{ color: var(--dim); font: var(--fs-1) var(--mono); }
.mt-drops{ display: flex; flex-wrap: wrap; gap: 4px; align-items: center; margin-top: 2px; }
.mt-drop{ width: 22px; height: 22px; }
.mt-drop-more{ color: var(--dim); font: var(--fs-1) var(--mono); }
.mt-drop-names{ color: var(--dim); font: var(--fs-1) var(--body); line-height: 1.3; }
.mt.is-vengeful .mt-art{ flex-wrap: nowrap; gap: 0; }
.mt.is-vengeful .mt-art .thumb{ width: 44px; height: 44px; }
.mt.is-vengeful .mt-art .thumb + .thumb{ margin-left: -12px; }
#view > .vengeful-tabs{ padding: 4px var(--gutter) 10px; --scroll-ground: var(--bg); }
@media (max-width: 560px){
.mt-grid{ grid-template-columns: repeat(auto-fill, minmax(144px, 1fr)); gap: 7px; padding: 0 var(--gutter) 8px; }
.mt-art .thumb{ width: 44px; height: 44px; }
.mt.is-vengeful .mt-art .thumb{ width: 36px; height: 36px; }
.mt-group{ padding: 14px var(--gutter) 8px; }
}
.pvp-counter-text{ display: grid; gap: 0; min-width: 0; flex: 1; }
.pvp-counter-text b{ font: 600 var(--fs-1) var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pvp-counter-text small{ color: var(--dim); font: var(--fs-1) var(--mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.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));
}
.early-text{ display: flex; align-items: baseline; gap: 7px; }
.duel-hp-text, .duel-charges{ font-family: var(--mono); font-size: var(--fs-1); color: var(--dim); }
.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-modes{ display: inline-flex; border: 1px solid var(--rule); border-radius: var(--r); overflow: hidden; }
.fx-modes button{
  background: transparent; border: 0; color: var(--mute); cursor: pointer;
  font: 700 var(--fs-1) var(--cond); letter-spacing: .1em; text-transform: uppercase;
  padding: 7px 12px; transition: background .14s var(--ease), color .14s var(--ease);
}
.fx-modes button + button{ border-left: 1px solid var(--rule); }
.fx-modes button:hover{ color: var(--ink); }
.fx-modes button[aria-pressed="true"]{ background: var(--gold); color: var(--bg); }
.fx-grid{
  display: grid; gap: 1px; background: var(--rule);
  border-bottom: 1px solid var(--rule);
  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
}
.fx-grid[hidden], .fx[hidden]{ display: none; }
.fx-tile{
  background: var(--bg); padding: 13px 16px 15px;
  display: flex; flex-direction: column; gap: 8px;
  transition: background .16s var(--ease);
}
.fx-tile[hidden]{ display: none; }
.fx-tile:hover{ background: var(--row); }
.fx-tile-head{ display: flex; align-items: center; gap: 10px; }
.fx-tile-head .fx-icon{ width: 30px; height: 30px; border-radius: var(--r); flex: none; }
.fx-tile-head h2{ font: 600 var(--fs-3) var(--body); color: var(--ink); }
.fx-tile-desc{ margin: 0; color: var(--mute); font-size: var(--fs-2); line-height: 1.5; }
.fx-tile-mymics{
  display: flex; flex-wrap: wrap; gap: 5px 10px; margin-top: auto;
  padding-top: 8px; border-top: 1px solid var(--rule);
}
.fx-tile-mymics .fx-mymic{ font-size: var(--fs-2); }
.fx-tile-mymics .thumb{ width: 20px; height: 20px; border-radius: var(--r-sm); }
@media (max-width: 760px){
.fx-modes{ order: 3; }
}
.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{
  display: grid; gap: 1px; background: var(--rule);
  border-block: 1px solid var(--rule); margin-bottom: 4px;
}
.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-head-text{ display: grid; gap: 1px; }
.dv-head-text h3{
  font: 700 var(--fs-2) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--ink);
}
.dv-head-text span{ font: var(--fs-1) var(--mono); color: var(--dim); }
.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; }
.rh-who{ position: relative; }
.rh-who-btn{
  display: flex; align-items: center; gap: 6px; max-width: 160px;
  background: none; border: 1px solid var(--hairline); border-radius: 999px;
  color: var(--ink); cursor: pointer; font: inherit; font-size: var(--fs-2); padding: 3px 10px 3px 3px;
}
.rh-who-btn:hover, .rh-who-btn:focus-visible{ border-color: var(--rule); background: var(--row); }
.rh-who-btn .thumb{ width: 22px; height: 22px; border-radius: 50%; flex: none; }
.rh-who-name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rh-pop{
  position: absolute; z-index: 40; top: calc(100% + 6px); left: 0;
  min-width: 210px; max-width: min(280px, 82vw);
  padding: 10px 12px; border: 1px solid var(--rule); border-radius: var(--r);
  background: var(--bg); box-shadow: var(--shadow-1);
}
.rh-pop-head{ display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.rh-pop-head .thumb{ width: 28px; height: 28px; border-radius: 50%; flex: none; }
.rh-pop-head b{ display: block; font-size: var(--fs-2); }
.rh-pop-head small{ color: var(--dim); font-size: var(--fs-1); }
.rh-pop-lines{ display: grid; gap: 3px; }
.rh-pop-line{ display: flex; justify-content: space-between; gap: 12px; font-size: var(--fs-2); }
.rh-pop-line span{ color: var(--mute); }
.rh-pop-line b{ font-variant-numeric: tabular-nums; }
.rh-pop-items{ margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--hairline); display: grid; gap: 5px; }
.rh-pop-item{ display: flex; align-items: center; gap: 7px; font-size: var(--fs-2); }
.rh-pop-item .thumb{ width: 20px; height: 20px; flex: none; }
.rh-pop-item i{ color: var(--dim); font-style: normal; margin-left: auto; }
.rh-pop-none{ margin: 0; color: var(--dim); font-size: var(--fs-1); line-height: 1.5; }
.rh-more{ margin-top: 14px; }
@media (pointer: coarse){
.rh-who-btn{ min-height: 34px; }
}
.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-text{ min-width: 0; font-variant-numeric: tabular-nums; }
.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-bring{ display: flex; align-items: center; gap: 4px; margin-top: 4px; }
.mt-bring-label{
  font-size: 0.72em;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--mute);
}
.mt-bring.is-doubled .mt-bring-label{ color: var(--gold); font-weight: 600; }
.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; }
}
.beta-text{ color: var(--mute); }
.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%; }
}
tbody tr.rank-1{ --podium: var(--medal-gold); }
tbody tr.rank-2{ --podium: var(--medal-silver); }
tbody tr.rank-3{ --podium: var(--medal-bronze); }
tbody tr.rank-1 td, tbody tr.rank-2 td, tbody tr.rank-3 td,
.wrap > table:not(.grid) tbody tr.rank-1 td,
.wrap > table:not(.grid) tbody tr.rank-2 td,
.wrap > table:not(.grid) tbody tr.rank-3 td{
  background: color-mix(in srgb, var(--podium) var(--podium-mix), var(--bg));
}
tbody tr.rank-1:hover td, tbody tr.rank-2:hover td, tbody tr.rank-3:hover td,
.wrap > table:not(.grid) tbody tr.rank-1:hover td,
.wrap > table:not(.grid) tbody tr.rank-2:hover td,
.wrap > table:not(.grid) tbody tr.rank-3:hover td{
  background: color-mix(in srgb, var(--podium) var(--podium-mix-hover), var(--panel));
}
tbody tr.rank-1 td.rank, tbody tr.rank-2 td.rank, tbody tr.rank-3 td.rank{
  color: var(--podium); font-weight: 700;
}
.ssr{ padding: 10px var(--gutter) 0; max-width: 70ch; }
.ssr-lead{ color: var(--mute); font-size: var(--fs-3); line-height: 1.6; margin: 0 0 8px; }
.ssr-table{ border-collapse: collapse; width: 100%; font-size: var(--fs-2); }
.ssr-table caption{ text-align: left; font: 700 var(--fs-2) var(--cond); text-transform: uppercase;
                     letter-spacing: 0.04em; padding: 0 0 6px; }
.ssr-table th, .ssr-table td{ text-align: left; padding: 4px 8px 4px 0; border-bottom: 1px solid var(--rule);
                               overflow-wrap: anywhere; }
.ssr-table th{ color: var(--mute); font-weight: 600; }
.ssr-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); }
@media (max-width: 640px){
.war-stats-text{
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
  }
}
.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-who{ display: grid; min-width: 0; }
.wrs-bench-title{
  margin: 14px 0 6px; font: 600 var(--fs-2)/1.2 var(--body); color: var(--mute);
}
.wrs-model-tag{
  font: 700 var(--fs-1) var(--mono); letter-spacing: .08em; text-transform: uppercase;
  color: var(--mute); padding: 2px 7px; border-radius: 999px; box-shadow: 0 0 0 1px var(--rule);
}
.wrs-model-title{ color: var(--mute); font-size: var(--fs-2); }
.war-hub-live-vs{ grid-area: vs; font: 700 var(--fs-4)/1.2 var(--body); }
.upd-notice{ display: flex; flex-direction: column; align-items: center; gap: .5rem; text-align: center; }
.upd-notice p{ margin: 0; }
.upd-title{ font-weight: 600; color: var(--ink); }
.upd-notice .btn{ margin-top: .5rem; }
@keyframes wstrike-ring{
  0%   { opacity: .9; transform: translate(-50%, -50%) scale(.25); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(2.2); }
}
@keyframes wstrike-bit{
  0%   { opacity: 1; transform: translate(-50%, -50%) rotate(var(--a)) translateY(0) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -50%) rotate(var(--a)) translateY(-30px) scale(.3); }
}
@keyframes wstrike-row{
  0%   { opacity: 0; transform: translateX(-22px); background: color-mix(in srgb, var(--bad) 22%, transparent); }
  45%  { opacity: 1; transform: none; background: color-mix(in srgb, var(--bad) 16%, transparent); }
  100% { background: transparent; }
}
@keyframes wlive-glow{
  0% { box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent); }
  100% { box-shadow: 0 0 0 1px transparent; }
}
.war-hub-live-vs{ min-width: 0; overflow-wrap: anywhere; }
.war-phase{
  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; }
.wl-name-text{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@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; }
.rh-dot{ fill: var(--panel); stroke: var(--gold); stroke-width: 2; cursor: pointer; }
.rh-dot.is-up{ stroke: var(--good); }
.rh-dot.is-down{ stroke: var(--bad); }
.rh-dot.is-picked{ fill: var(--gold); }
.rh-dot.is-up.is-picked{ fill: var(--good); }
.rh-dot.is-down.is-picked{ fill: var(--bad); }
.rh-dot:focus{ outline: none; }
.rh-dot:focus-visible{ stroke-width: 3; }
.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-beta-text{ color: var(--ink); font: 600 var(--fs-3) var(--body); }
.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-ball-text{ display: grid; gap: 2px; min-width: 0; }
.ws-ball-text b{ font: 600 var(--fs-2)/1.25 var(--body); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
.ws-ball-text small{ color: var(--dim); font: var(--fs-1) var(--mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.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-foe-text{ display: grid; gap: 1px; min-width: 0; flex: 1 1 120px; }
.ws-foe-text b{ font: 600 var(--fs-2) var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-foe-text small{ color: var(--dim); font: var(--fs-1) var(--body); }
.ws-dp-title{ margin: 0; color: var(--mute); font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; }
.ws-dp-text{ display: grid; gap: 2px; flex: 1; min-width: 0; }
.ws-ap-title{ margin: 0; color: var(--ink); font: 700 var(--fs-2)/1.3 var(--body); }
.wsl-item-text{ display: grid; justify-items: start; gap: 2px; min-width: 0; flex: 1; }
@media (max-width: 560px){
.wsl-item-text{ justify-items: center; }
}
.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-rung-text{ display: grid; min-width: 0; }
.ws-rung-text b{ font: 600 var(--fs-2)/1.25 var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-rung-text small{ color: var(--dim); font: var(--fs-1) var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-mu-def-text{ display: grid; min-width: 0; }
.ws-mu-def-text b, .ws-mu-def > b{ font: 600 var(--fs-2)/1.25 var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-mu-def-text small, .ws-mu-def > small{ color: var(--dim); font: var(--fs-1) var(--body); }
.ws-squad-best{ font: 700 var(--fs-2) var(--body); }
.ws-squad-best.is-good{ color: var(--good); }
.ws-squad-best.is-bad{ color: var(--bad); }
.ws-left-text{ display: grid; gap: 4px; min-width: 0; }
.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-att-text{ display: grid; gap: 1px; min-width: 0; }
.ws-att-name b, .ws-att-text > b{ font: 600 var(--fs-2)/1.25 var(--body); overflow-wrap: anywhere; }
.ws-att-text small{ color: var(--dim); font: var(--fs-1) var(--body); }
.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; }
.pvp-opt-text{ display: grid; gap: 1px; min-width: 0; }
.pvp-opt-text b{ font: 600 var(--fs-2) var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pvp-opt-text small{ color: var(--dim); font: var(--fs-1) var(--mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
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; }
}
#view > .bm{ padding: 0 var(--gutter); }
@media (max-width: 560px){
.to-top{
    width: 34px; height: 34px;
    right: max(8px, env(safe-area-inset-right));
    bottom: max(12px, calc(8px + env(safe-area-inset-bottom)));
  }
}
@media (max-width: 430px){
tbody tr.thin-xs td, tbody tr.thin-xs td.wr.hi, tbody tr.thin-xs td.wr.lo{ color: var(--dim); }
}
.cellflex > div{ min-width: 0; }
@media (max-width: 560px){
.cellflex > div > .chips{ flex-wrap: wrap; max-width: 100%; row-gap: 3px; }
}
@keyframes wsb-glow{ 0% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 0; } }
@keyframes wsb-ribbon{
  0% { opacity: 0; transform: translate(-50%, -8px) scale(.9); } 15%, 80% { opacity: 1; transform: translate(-50%, 0) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -4px); }
}
@keyframes wsb-confetti{
  0% { opacity: 1; transform: rotate(var(--a)) translateX(2px) rotate(0); }
  100% { opacity: 0; transform: rotate(var(--a)) translateX(var(--d)) rotate(200deg); }
}
@keyframes wsb-crown{
  0% { opacity: 0; transform: translateY(8px) scale(.6); } 18% { opacity: 1; transform: translateY(-2px) scale(1.1); }
  30%, 80% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(-6px); }
}
@keyframes wsb-stamp{
  0% { opacity: 0; transform: rotate(-12deg) scale(1.8); } 14% { opacity: 1; transform: rotate(-12deg) scale(1); }
  80% { opacity: 1; transform: rotate(-12deg) scale(1); } 100% { opacity: 0; transform: rotate(-12deg) scale(1); }
}
@media (max-width: 640px){
.top{ padding-bottom: 5px; }
.top .nav{ padding-bottom: 0; overflow: hidden; max-height: var(--nav-h, 200px); }
.top.is-collapsed{ margin-bottom: var(--nav-h, 0px); }
.top.is-collapsed .nav{ max-height: 0; opacity: 0; visibility: hidden; }
.top.is-linked{ margin-bottom: calc(var(--nav-h, 0px) - var(--nav-shown, var(--nav-h, 0px))); }
.top.is-linked .nav{ max-height: var(--nav-shown, var(--nav-h, 200px)); }
.top.is-linked .nav > a{ transform: translateY(calc(var(--nav-shown, var(--nav-h, 0px)) - var(--nav-h, 0px))); }
}
@media (max-width: 640px) and (prefers-reduced-motion: no-preference){
.top{ transition: margin-bottom .26s var(--ease); }
.top .nav{ transition: max-height .26s var(--ease), opacity .2s var(--ease), visibility 0s; }
.top.is-collapsed .nav{ transition: max-height .26s var(--ease), opacity .16s var(--ease), visibility 0s .26s; }
.top.is-easing .nav > a{ transition: transform .26s var(--ease); }
.top.is-linked:not(.is-easing), .top.is-linked:not(.is-easing) .nav{ transition: none; }
}
.wstock-side{ display: grid; gap: 8px; min-width: 0; }
.wstock-side.is-a{ --side: var(--wf-a); }
.wstock-side.is-b{ --side: var(--wf-b); }
.wpod-title{ margin: 0 0 4px; text-align: center; font: 600 var(--fs-3)/1.2 var(--cond); letter-spacing: .08em;
  text-transform: uppercase; color: var(--mute); }
@keyframes wpod-confetti{
  0% { opacity: 0; transform: translateY(0) rotate(var(--r)); }
  10% { opacity: 1; }
  100% { opacity: 0; transform: translateY(150px) translateX(calc((var(--c) - 1.5) * 14px)) rotate(calc(var(--r) + 300deg)); }
}
.wr-hero-tools:empty{ display: none; }
.war-field-wrap{ margin-top: 6px; }
@media (min-width: 900px){
.war-field-wrap, .wr-links{ max-width: 980px; margin-left: auto; margin-right: auto; }
}
.wat-board-title{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0;
  font: 700 var(--fs-3) var(--cond); letter-spacing: .05em; text-transform: uppercase; color: var(--ink); }
.wat-progress-text{ font: var(--fs-1) var(--body); color: var(--mute); }
.ptease-grid{
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
  margin: 18px var(--gutter) 0;
}
.ptease-title{ margin: 0; }
@media (min-width: 900px){
.ptease-grid{ max-width: 980px; margin-left: auto; margin-right: auto; }
}
@media (max-width: 640px){
.ptease-grid{ grid-template-columns: minmax(0, 1fr); }
}
:root{ --res-def: #5AA2F0; --res-elim: #EF6A5E; }
:root[data-theme="light"]{ --res-def: #1F5FAE; --res-elim: #B2392D; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){ --res-def: #1F5FAE; --res-elim: #B2392D; }
}
.war-hp-text{ font: 600 var(--fs-1) var(--body); font-variant-numeric: tabular-nums; color: var(--mute); }
.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-pick-text{ font: 700 var(--fs-1) var(--body); color: var(--good); white-space: nowrap; flex: none; }
.ws-pick-text.is-even{ color: var(--mute); }
.ws-pick-text.is-bad{ color: var(--bad); }
.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; }
.ws-rung-text b{ white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
}
.tr-who a.plain, td:has(> .tr-and) > a.plain, .trade-note a.plain{
  color: var(--ink); text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 50%, transparent);
  text-decoration-thickness: 1px; text-underline-offset: 3px;
}
.tr-who a.plain:hover, td:has(> .tr-and) > a.plain:hover, .trade-note a.plain:hover{ color: var(--gold); }
.tb-title{ font-family: var(--cond); font-weight: 800; font-size: clamp(40px, 7vw, 64px); font-style: italic; line-height: .9; letter-spacing: .01em; text-transform: uppercase; margin: 6px 0 0; color: var(--ink); }
.tb-title em{ font-style: inherit; color: var(--gold); text-shadow: 0 0 24px var(--tb-glow); }
.tb-search-wrap{ position: relative; z-index: 2; }
.tb-up{ color: var(--c); font-family: var(--mono); font-weight: 600; font-size: var(--fs-1); }
@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; }
.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-text{ display: grid; line-height: 1.15; }
.pv2-early-text b{ font-family: var(--mono); font-size: var(--fs-1); color: var(--dim); }
.pv2-early-text span{ font-size: var(--fs-2); font-weight: 600; white-space: nowrap; }
.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); }
.pv2-tball-text{ display: grid; min-width: 0; line-height: 1.25; }
.pv2-tball-text i{ font-style: normal; font: 700 var(--fs-1) var(--cond); letter-spacing: 0.12em; text-transform: uppercase; color: var(--dim); }
.pv2-tball-text b{ font-size: var(--fs-2); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv2-tball-text span{ font-size: var(--fs-1); color: var(--mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.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); }
}
.eqb{ padding: 10px var(--gutter) 28px; max-width: 980px; }
.eqb > .eqb-switch{ padding: 0 0 10px; --scroll-ground: var(--bg); }
.eqb > .board-search{ padding: 0 0 12px; border-bottom: 0; }
.eqb-podium{ display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 14px; }
.eqb-top{
  --medal: var(--dim);
  position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto auto;
  column-gap: 12px; row-gap: 2px; align-items: center; padding: 14px 14px 12px;
  background: linear-gradient(160deg, color-mix(in srgb, var(--medal) 12%, var(--panel)), var(--panel) 60%);
  border: 1px solid color-mix(in srgb, var(--medal) 40%, var(--rule));
  border-radius: var(--r-lg); box-shadow: var(--shadow-card); min-width: 0;
}
.eqb-top.is-1{ --medal: #E3B341; }
.eqb-top.is-2{ --medal: #B9C2CF; }
.eqb-top.is-3{ --medal: #C98A5A; }
.eqb-top > .eqb-medal{ position: absolute; top: -8px; left: 10px; padding: 1px 8px; }
.eqb-top-pic{ grid-row: 1 / span 3; width: 56px; height: 56px; border-radius: var(--r); }
.eqb-top-name{
  grid-column: 2; font: 600 var(--fs-4)/1.2 var(--body); color: var(--ink);
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.eqb-top > .eqb-ally{ grid-column: 2; }
.eqb-top-foot{ grid-column: 2; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; min-width: 0; margin-top: 4px; }
.eqb-top-fig .eqb-num{ font-size: var(--fs-5); }
.eqb-num{ font: 600 var(--fs-4)/1 var(--mono); color: var(--ink); font-variant-numeric: tabular-nums; }
.eqb-unit{
  margin-left: 5px; font: 600 var(--fs-1)/1 var(--mono); letter-spacing: .08em; text-transform: uppercase;
  color: var(--gold);
}
.eqb-sub{ font: var(--fs-1)/1.4 var(--mono); color: var(--mute); white-space: nowrap; }
.eqb-ally{ font-size: var(--fs-2); color: var(--mute); min-width: 0; gap: 6px; }
.eqb-ally > a, .eqb-ally > span:last-child{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eqb-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.eqb-row{
  display: grid; grid-template-columns: 24px 34px minmax(0, 1fr) auto; align-items: center; column-gap: 10px;
  padding: 9px 12px 9px 8px; background: var(--panel); border: 1px solid var(--rule); border-radius: var(--r);
}
.eqb-row.clickable, .eqb-top.clickable{ cursor: pointer; }
.eqb-row.clickable:hover, .eqb-top.clickable:hover{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.eqb-row.clickable:hover .eqb-name, .eqb-top.clickable:hover .eqb-top-name{ color: var(--gold); }
.eqb-rank{ font: 600 var(--fs-2)/1 var(--mono); color: var(--dim); text-align: center; }
.eqb-pic{ width: 34px; height: 34px; border-radius: var(--r-sm); }
@media (max-width: 759px){
.eqb-row .eqb-unit{ display: none; }
}
.eqb-who{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.eqb-name{
  font: 500 var(--fs-3)/1.25 var(--body); color: var(--ink);
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.eqb-figs{ display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.eqb-fig{ display: flex; align-items: baseline; }
.eqb .eqb-row[hidden], .eqb .eqb-top[hidden]{ display: none; }
@media (min-width: 760px){
.eqb-podium{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.eqb-top{ grid-template-columns: 1fr; grid-template-rows: none; justify-items: center; text-align: center;
             padding: 20px 14px 14px; row-gap: 6px; }
.eqb-top > *{ grid-column: 1 !important; grid-row: auto !important; justify-self: center !important; }
.eqb-top-foot{ flex-direction: column; align-items: center; gap: 6px; }
.eqb-top-fig .eqb-num{ font-size: var(--fs-5); }
.eqb-top > .eqb-medal{ left: 50%; transform: translateX(-50%); }
.eqb-top-pic{ width: 64px; height: 64px; }
.eqb-top-name{ max-width: 100%; }
.eqb-row{ grid-template-columns: 40px 36px minmax(0, 1.3fr) minmax(0, 1fr) auto; padding: 8px 14px; }
.eqb-pic{ width: 36px; height: 36px; }
.eqb-who{ display: contents; }
.eqb-who > .eqb-ally{ grid-column: 4; }
.eqb-figs{ grid-column: 5; flex-direction: row; align-items: baseline; gap: 14px; }
.eqb-figs .eqb-sub{ min-width: 9ch; text-align: right; }
}
.rank-medal{
  --medal: var(--dim);
  display: inline-block; min-width: 1.75em; padding: 1px 6px; border-radius: 999px;
  font: 600 var(--fs-1)/1.5 var(--mono); font-variant-numeric: tabular-nums;
  text-align: center; white-space: nowrap; color: #0B0D12; background: var(--medal);
}
.rank-medal.is-1{ --medal: #E3B341; }
.rank-medal.is-2{ --medal: #B9C2CF; }
.rank-medal.is-3{ --medal: #C98A5A; }
td.rank > .rank-medal{ vertical-align: middle; }
.rd-pill{
  display: inline-flex; align-items: center; gap: 6px; width: max-content;
  padding: 3px 11px; border: 1px solid var(--rule); border-radius: 999px;
  font-size: var(--fs-1); color: var(--mute); background: var(--row);
  list-style: none; cursor: pointer; user-select: none;
}
.rd-pill.is-none{ cursor: default; color: var(--dim); border-style: dashed; background: none; }
.rd-pill.is-top{ cursor: default; padding: 1px 8px; color: var(--gold); border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.rd{ display: grid; gap: 14px; margin-top: 10px; }
.rd-players{ display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.rd-p{
  display: grid; gap: 6px; padding: 10px 12px; border-radius: var(--r);
  background: var(--row); border: 1px solid var(--hairline);
}
.rd-p.is-me{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.rd-p-head{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.rd-p-name{ font-weight: 600; font-size: var(--fs-3); color: var(--ink); text-decoration: none;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.rd-p-name:hover{ color: var(--gold); }
.rd-bar{ height: 5px; border-radius: 999px; background: var(--rule); overflow: hidden; }
.rd-bar i{ display: block; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 55%, transparent), var(--gold)); }
.rd-p-figs{ display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: var(--fs-1); color: var(--mute); }
.rd-p-figs b{ font-family: var(--mono); font-size: var(--fs-2); color: var(--ink); font-weight: 600; }
.rd-floors{ list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.rd-floor{ display: grid; gap: 6px; }
.rd-floor-n{ font-family: var(--cond); font-size: var(--fs-1); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.rd-fights{ display: grid; grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); gap: 6px; }
.rd-fight{
  position: relative; display: flex; align-items: center; gap: 8px; min-width: 0;
  padding: 7px 9px 7px 7px; border-radius: var(--r); border: 1px solid var(--hairline);
  background: var(--panel); color: var(--ink); text-decoration: none;
}
a.rd-fight:hover{ border-color: var(--rule); background: var(--row); }
.rd-fight.is-boss{ border-color: color-mix(in srgb, var(--acc-violet) 55%, var(--rule)); }
.rd-fight.is-mine small{ color: var(--gold); }
.rd-fight .thumb{ width: 32px; height: 32px; flex: none; }
.rd-order{
  flex: none; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px;
  display: grid; place-items: center; font-family: var(--mono); font-size: var(--fs-1);
  background: var(--row); color: var(--mute); border: 1px solid var(--rule);
}
.rd-fight-text{ display: grid; min-width: 0; }
.rd-fight-text b{ font-size: var(--fs-2); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rd-fight-text small{ font-size: var(--fs-1); color: var(--dim); overflow-wrap: anywhere; line-height: 1.3; }
@media (max-width: 720px){
.rd-players{ grid-template-columns: minmax(0, 1fr); }
.rd-fights{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (pointer: coarse){
.rd-pill{ min-height: 32px; }
}
.rr-list{ display: grid; gap: 10px; padding: 10px var(--gutter) 18px; }
.rr-list + .rh-more{ margin: 0 var(--gutter) 18px; }
.rr{
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr);
  padding: 12px 14px; border-radius: var(--r-lg);
  border: 1px solid var(--rule); background: var(--panel); box-shadow: var(--shadow-card);
}
.rr > .rr-body, .rr > .rr-actions{ margin-top: 10px; }
.rr-main{ display: flex; align-items: center; gap: 12px; min-width: 0; }
.rr-art{
  flex: none; width: 52px; height: 52px; display: grid; place-items: center;
  border-radius: var(--r-lg); background: var(--row); border: 1px solid var(--hairline);
}
.rr-art > .thumb{ width: 44px; height: 44px; object-fit: contain; }
.rr-art-i, .rr-mate-i{
  display: grid; place-items: center; border-radius: 999px; font-weight: 600;
  color: var(--gold); background: color-mix(in srgb, var(--gold) 14%, transparent);
}
.rr-art-i{ width: 36px; height: 36px; font-size: var(--fs-3); }
.rr-head{ display: grid; gap: 3px; min-width: 0; flex: 1; }
.rr-top{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.info.rift-noname{ position: relative; width: 16px; height: 16px; margin-left: 0; font-style: normal; font-weight: 600; vertical-align: 1px; }
.info.rift-noname::after{ content: ""; position: absolute; inset: -10px; border-radius: 50%; }
.rbk-h .info.rift-noname{ margin-left: 8px; letter-spacing: 0; }
.rr-boss{
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: var(--fs-3); font-weight: 600; color: var(--ink); text-decoration: none;
}
a.rr-boss:hover{ color: var(--gold); }
.rr-boss.is-none{ color: var(--dim); font-weight: 400; }
.rr-state{
  flex: none; margin-left: auto; padding: 2px 9px; border-radius: 999px; white-space: nowrap;
  font-size: var(--fs-1); color: var(--mute); border: 1px solid var(--rule);
}
.rr-state.is-first{
  color: var(--gold); border-color: color-mix(in srgb, var(--gold) 50%, var(--rule));
  background: color-mix(in srgb, var(--gold) 12%, transparent);
}
.rr-mega{
  padding: 0 8px; border-radius: 999px; white-space: nowrap; font-weight: 600;
  color: var(--acc-amber); border: 1px solid color-mix(in srgb, var(--acc-amber) 50%, var(--rule));
  background: color-mix(in srgb, var(--acc-amber) 12%, transparent);
}
.rr-state.is-solo{ color: var(--acc-violet); border-color: color-mix(in srgb, var(--acc-violet) 50%, var(--rule)); }
.rr-sub{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; font-size: var(--fs-1); color: var(--mute); }
.rr-stars{ color: var(--gold); letter-spacing: 1px; font-size: var(--fs-2); }
.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; }
.mt-group .mt-lvl{ align-self: center; width: 9px; height: 9px; }
.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); }
.rr-time{ font-variant-numeric: tabular-nums; }
.rr-note{ color: var(--dim); }
.rr-lost-at{ color: var(--dim); font-size: var(--fs-2); }
.rr-boss.is-fell{ color: color-mix(in srgb, var(--bad) 70%, var(--ink)); }
.rr-boss.is-abandoned{ color: var(--mute); }
.rr-art-i.is-fell{ color: var(--bad); background: color-mix(in srgb, var(--bad) 14%, transparent); }
.rr-body{ display: grid; gap: 8px; min-width: 0; }
.rr-party{ display: flex; flex-wrap: wrap; gap: 6px; }
.rr-mate{
  display: inline-flex; align-items: center; gap: 6px; max-width: 180px; min-width: 0;
  padding: 3px 10px 3px 3px; border-radius: 999px; border: 1px solid var(--hairline);
  background: var(--row); color: var(--ink); font-size: var(--fs-2); text-decoration: none;
}
a.rr-mate:hover, a.rr-mate:focus-visible{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); color: var(--gold); }
.rr-mate.is-me{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.rr-mate > .thumb{ width: 22px; height: 22px; border-radius: 50%; flex: none; object-fit: cover; }
.rr-mate-i{ width: 22px; height: 22px; flex: none; font-size: var(--fs-1); }
.rr-mate-name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rr-party .rh-who-btn{ background: var(--row); }
.rr-foes{ display: flex; flex-wrap: wrap; gap: 5px; }
.rr-foe{
  font-size: var(--fs-1); color: var(--mute); text-decoration: none;
  padding: 2px 8px; border: 1px solid var(--hairline); border-radius: 999px;
}
a.rr-foe:hover{ color: var(--gold); border-color: var(--rule); }
.rr-foe.is-more{ color: var(--dim); border-style: dashed; }
.rr-party.has-drops{ display: grid; gap: 6px; }
.rr-member{ display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: start; gap: 4px 10px; min-width: 0; }
.rr-member > :first-child{ min-width: 0; max-width: 100%; justify-self: start; }
.rr-member .rh-who-btn, .rr-member .rr-mate{ max-width: 100%; }
.rr-drops{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-width: 0; margin: 0; padding: 3px 0 0; list-style: none; }
.rr-drop-li{ display: flex; min-width: 0; max-width: 100%; }
.rr-drop{
  display: inline-flex; align-items: center; gap: 3px; min-width: 0; max-width: 100%; min-height: 26px;
  padding: 2px 7px 2px 3px; border-radius: 999px; border: 1px solid transparent;
  background: var(--row); color: var(--ink); font-size: var(--fs-1); text-decoration: none;
}
.rr-drop.is-icon{ padding-right: 3px; }
.rr-drop > .thumb{ width: 18px; height: 18px; flex: none; object-fit: contain; background: none; border: 0; }
.rr-drop.is-gear{ gap: 5px; padding-right: 9px; }
.rr-drop.is-gear > .thumb{ width: 20px; height: 20px; }
.rr-drop-name{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rr-drop i{ font-style: normal; font-family: var(--mono); color: var(--mute); }
.rr-drop.is-gear{
  border-color: color-mix(in srgb, var(--gold) 45%, var(--rule));
  background: color-mix(in srgb, var(--gold) 10%, var(--row));
}
.rr-drop.is-currency{
  padding-left: 8px; padding-right: 8px;
  border-color: color-mix(in srgb, var(--tier-rift-gold) 45%, var(--rule));
  background: color-mix(in srgb, var(--tier-rift-gold) 10%, var(--row));
}
a.rr-drop:hover, a.rr-drop:focus-visible{ color: var(--gold); }
.rr-drops-none{ align-self: center; color: var(--dim); font-size: var(--fs-1); }
@media (max-width: 480px){
.rr-member{ grid-template-columns: 118px minmax(0, 1fr); gap: 4px 8px; }
}
@media (max-width: 359px){
.rr-member{ grid-template-columns: minmax(0, 1fr); gap: 2px; }
.rr-drops{ padding: 0 0 2px 30px; }
}
.rr-drop.is-p3, .rh-pop-item.is-p3, .rr-drop.is-p4, .rh-pop-item.is-p4{
  border-radius: 999px; color: var(--ink);
}
.rh-pop-item.is-p3, .rh-pop-item.is-p4{ padding: 2px 8px 2px 2px; border: 1px solid transparent; }
.rr-drop.is-p3 i, .rh-pop-item.is-p3 i, .rr-drop.is-p4 i, .rh-pop-item.is-p4 i{ color: var(--ink); }
.rr-drop.is-p3, .rh-pop-item.is-p3{
  border-color: var(--prestige-gold);
  background: color-mix(in srgb, var(--prestige-gold) var(--prestige-mix), var(--row));
}
.rr-drop.is-p4, .rh-pop-item.is-p4{
  position: relative; overflow: hidden; isolation: isolate;
  border: 1px solid transparent;
  background:
    linear-gradient(110deg,
      color-mix(in srgb, var(--aurora-1) var(--prestige-mix), var(--row)),
      color-mix(in srgb, var(--aurora-2) var(--prestige-mix), var(--row)),
      color-mix(in srgb, var(--aurora-3) var(--prestige-mix), var(--row)),
      color-mix(in srgb, var(--aurora-4) var(--prestige-mix), var(--row)),
      color-mix(in srgb, var(--aurora-1) var(--prestige-mix), var(--row))) padding-box,
    linear-gradient(110deg, var(--aurora-1), var(--aurora-2), var(--aurora-3), var(--aurora-4), var(--aurora-1)) border-box;
  background-size: 220% 100%, 220% 100%;
  box-shadow: 0 0 8px -1px color-mix(in srgb, var(--aurora-3) var(--aurora-glow), transparent),
              0 0 3px color-mix(in srgb, var(--aurora-1) var(--aurora-glow), transparent);
}
a.rr-drop.is-p3:hover, a.rr-drop.is-p3:focus-visible,
a.rr-drop.is-p4:hover, a.rr-drop.is-p4:focus-visible{ color: var(--ink); text-decoration: underline; }
@media (prefers-reduced-motion: no-preference){
.rr-drop.is-p4, .rh-pop-item.is-p4, .pi-item.is-p4{ animation: prestige-aurora 9s ease-in-out infinite alternate; }
.rr-drop.is-p4::after, .rh-pop-item.is-p4::after, .pi-item.is-p4::after{
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.22) 50%, transparent 65%);
    transform: translateX(-120%); animation: prestige-sheen 4.2s ease-in-out infinite;
  }
}
@keyframes prestige-aurora{
  from { background-position: 0% 50%, 0% 50%; }
  to { background-position: 100% 50%, 100% 50%; }
}
@keyframes prestige-sheen{
  0%, 55% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}
.pi-text{ display: grid; gap: 1px; min-width: 0; flex: 1; }
.rr-drop.is-first, .rh-pop-item.is-first{
  --first-c: var(--gold);
  --first-halo: color-mix(in srgb, var(--first-c) 42%, transparent);
  --first-more: 0 0 0 transparent;
  border-radius: 999px;
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--first-c) 75%, transparent), 0 0 8px 1px var(--first-halo), var(--first-more);
}
.rr-drop.is-first-1, .rh-pop-item.is-first-1{
  --first-c: var(--medal-gold);
  --first-halo: color-mix(in srgb, var(--first-c) 60%, transparent);
}
.rr-drop.is-p4.is-first, .rh-pop-item.is-p4.is-first{
  --first-more: 0 0 8px -1px color-mix(in srgb, var(--aurora-3) var(--aurora-glow), transparent);
}
.rh-pop-item.is-first:not(.is-p3):not(.is-p4){ padding: 2px 3px 2px 2px; }
.rr-first{
  display: inline-flex; align-items: center; flex: none; gap: 1px;
  margin-left: 1px; padding: 0 5px; border-radius: 999px;
  font-family: var(--mono); font-weight: 700; font-size: var(--fs-1); line-height: 16px; letter-spacing: 0;
  background: var(--gold); color: var(--bg);
}
.is-first-1 > .rr-first{ background: var(--medal-gold); color: var(--bg); }
.is-first-1 > .rr-first::before{ content: "\2726"; content: "\2726" / ""; font-size: .8em; }
@media (prefers-reduced-motion: no-preference){
.rr-drop.is-first, .rh-pop-item.is-first{ animation: first-glow 2.8s ease-in-out infinite; }
.rr-drop.is-first-1, .rh-pop-item.is-first-1{ animation-name: first-glow-1; animation-duration: 2.2s; }
.rr-drop.is-p4.is-first, .rh-pop-item.is-p4.is-first{
    animation: prestige-aurora 9s ease-in-out infinite alternate, first-glow 2.8s ease-in-out infinite;
  }
.rr-drop.is-p4.is-first-1, .rh-pop-item.is-p4.is-first-1{
    animation: prestige-aurora 9s ease-in-out infinite alternate, first-glow-1 2.2s ease-in-out infinite;
  }
.is-first-1 > .rr-first::before{ display: inline-block; animation: first-twinkle 2.2s ease-in-out infinite; }
}
@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); }
}
@keyframes first-twinkle{
  0%, 100% { opacity: .55; transform: scale(.8) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.15) rotate(45deg); }
}
.rr-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rr-toggle{ font: inherit; font-size: var(--fs-1); }
.rr-toggle::after{
  content: ""; width: 6px; height: 6px; margin: -3px 1px 0 2px;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg); transition: transform .28s var(--ease, ease);
}
.rr-toggle[aria-expanded="true"]::after{ transform: translateY(3px) rotate(-135deg); }
.rr-toggle[aria-expanded="true"], .rr-toggle:hover, .rr-toggle:focus-visible{
  color: var(--gold); border-color: color-mix(in srgb, var(--gold) 45%, var(--rule));
}
.rr-share{ padding: 4px 11px; }
.rr-more{
  display: grid; grid-template-rows: 0fr; visibility: hidden;
  transition: grid-template-rows .32s var(--ease, ease), visibility 0s linear .32s;
}
.rr-more.is-open{ grid-template-rows: 1fr; visibility: visible; transition: grid-template-rows .32s var(--ease, ease), visibility 0s; }
.rr-more-in{ min-height: 0; overflow: hidden; opacity: 0; transition: opacity .2s ease; }
.rr-more.is-open > .rr-more-in{ opacity: 1; transition: opacity .28s ease .06s; }
.rr-more-in > .rd{ margin-top: 12px; }
.rr-more-foot{ display: flex; justify-content: flex-end; padding-top: 10px; }
.rr-more-in > .rd-loading, .rr-more-in > .rd-none, .rr-more-in > .rd-failed{ margin: 12px 0 0; font-size: var(--fs-2); color: var(--mute); }
.rd-failed{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rd-failed p{ margin: 0; }
.rh-who.is-me .rh-who-btn{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
@media (min-width: 900px){
.rr{ grid-template-columns: minmax(230px, 1fr) minmax(0, 1.35fr) auto; column-gap: 20px; align-items: center; }
.rr > .rr-body, .rr > .rr-actions{ margin-top: 0; }
.rr > .rr-main{ grid-column: 1; }
.rr > .rr-body{ grid-column: 2; }
.rr > .rr-actions{ grid-column: 3; justify-content: flex-end; }
.rr > .rr-more{ grid-column: 1 / -1; }
.rr-main:only-child{ grid-column: 1 / -1; }
}
@media (pointer: coarse){
.rr-mate{ min-height: 34px; }
.rr-foe{ padding: 6px 9px; }
a.rr-drop{ min-height: 32px; }
}
.rr-refresh{ display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-height: 32px; }
.rh-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding-top: 8px; padding-bottom: 8px; }
.rh-head > .rr-refresh{ margin-left: auto; flex-direction: row-reverse; font-family: var(--body); }
.rr-refresh-btn{
  display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px;
  border: 1px solid var(--rule); background: var(--row); color: var(--ink); cursor: pointer;
  font: 600 var(--fs-1) var(--body);
}
.rr-refresh-btn:hover, .rr-refresh-btn:focus-visible{ color: var(--gold); border-color: color-mix(in srgb, var(--gold) 50%, var(--rule)); }
.rr-refresh-btn:disabled{ cursor: progress; opacity: .75; }
.rr-refresh-status{ font-size: var(--fs-1); color: var(--mute); }
.rr-refresh-status:empty{ display: none; }
.rr-refresh-status.is-updated{ color: var(--gold); font-weight: 600; }
.rr-refresh-status.is-recent{ color: var(--dim); }
.rr-refresh-status.is-error{ color: var(--bad); }
@media (prefers-reduced-motion: no-preference){
.rr-list.is-moving > .rr{
    transition: opacity .5s var(--ease, ease) var(--rr-d, 0ms), translate .5s var(--ease, ease) var(--rr-d, 0ms),
      transform .2s var(--ease, ease), box-shadow .2s ease, border-color .2s ease;
  }
.rr-list.is-moving > .rr:not(.is-in){ opacity: 0; translate: 0 14px; }
.rr-refresh-btn.is-working svg{ animation: rr-spin .8s linear infinite; }
.rr-refresh-status:not(:empty){ animation: rr-fade .25s ease both; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference){
.rr{ transition: transform .2s var(--ease, ease), box-shadow .2s ease, border-color .2s ease; }
.rr:hover{ transform: translateY(-2px); box-shadow: var(--shadow-1); border-color: color-mix(in srgb, var(--gold) 26%, var(--rule)); }
}
@keyframes rr-spin{ to { transform: rotate(360deg); } }
@keyframes rr-fade{ from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce){
.rr, .rr-more, .rr-more-in, .rr-more.is-open, .rr-more.is-open > .rr-more-in, .rr-toggle::after{ transition: none; }
.rr-list.is-moving > .rr{ opacity: 1; translate: none; }
}
.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; }
.eqb-row{ padding-top: 11px; padding-bottom: 11px; }
.eqb-row .eqb-ally > a{ padding: 2px 0 13px; margin: -2px 0 -13px; }
.btn-small{ min-height: 32px; }
}
.mt-bring-label, .mt-double{ font-size: var(--fs-1); }
.ad{ padding: 8px var(--gutter) 28px; max-width: 1080px; }
.wnote-text{ min-width: 0; color: var(--ink); font: var(--fs-3) var(--body); }
: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; }
.whl-text{ flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
.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; }
.owners-title .ot-mark{
  width: 22px; height: 22px; flex: none; color: var(--gold);
  fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
@media (max-width: 560px){
.owners-title .st-label{ font-size: 16px; }
.owners-title .ot-mark{ width: 20px; height: 20px; }
}
.section-title.board-title{ padding-top: 12px; }
.board-title .bt-mark{ display: inline-flex; flex: none; }
.board-title .st-label{ min-width: 0; overflow-wrap: anywhere; }
.eqb > .board-title{ padding: 2px 0 10px; }
.board-optout{
  margin: 10px 0 4px; color: var(--mute);
  font: 400 var(--fs-1)/1.4 var(--body); letter-spacing: 0; text-transform: none;
}
.board-blurb{
  margin: -4px 0 12px; color: var(--mute);
  font: 400 var(--fs-1)/1.4 var(--body); letter-spacing: 0; text-transform: none;
}
.board-blurb:has(+ .board-since){ margin-bottom: 2px; }
.board-since{ margin-top: 0; }
.board-refresh{
  display: inline-flex; align-items: center; gap: 8px; margin-left: auto; flex: none;
  letter-spacing: 0; text-transform: none;
}
.br-btn{
  display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 0; flex: none;
  border-radius: 999px; border: 1px solid var(--rule); background: transparent; color: var(--mute);
  cursor: pointer;
}
.br-btn svg{ display: block; }
.br-btn:hover:not([aria-disabled="true"]){ color: var(--ink); border-color: var(--mute); }
.br-btn:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.br-btn[aria-disabled="true"]{ cursor: default; opacity: .5; }
.br-btn.is-working{ cursor: progress; opacity: .8; }
@media (prefers-reduced-motion: no-preference){
.br-btn.is-working svg{ animation: br-spin .8s linear infinite; }
}
@keyframes br-spin{ to { transform: rotate(360deg); } }
.br-pill{
  display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; white-space: nowrap;
  font: 600 var(--fs-1)/1.4 var(--body); color: var(--mute); background: var(--hairline-2);
}
.br-pill[hidden]{ display: none; }
.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; }
}
#view .bm > h2.cl-head.is-collapsed{ margin: 0; border: 0; background: none; }
#view .bm > .cl-head.is-collapsed > .cl-toggle{ min-height: 0; padding: 0; }
.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; }
.lr-glow{ position: absolute; left: 50%; bottom: 12%; width: 62%; height: 18%; transform: translateX(-50%);
  border-radius: 50%; background: radial-gradient(closest-side, rgba(0,0,0,.45), transparent); }
#view .lr-title{ font: 800 var(--fs-5)/1.05 var(--cond); color: var(--ink); text-decoration: none; }
#view .lr-title:hover{ color: var(--gold); }
.lr-boss-floor{ font-size: var(--fs-1); color: var(--mute); }
.lr-ball-text{ display: grid; gap: 4px; min-width: 0; }
.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); }
.pc{ display: grid; gap: 10px; min-width: 0; max-width: 720px; padding: 0 var(--gutter) 24px; }
#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){
.eq-name{ padding: 7px 0; margin: -7px 0; }
.eqb-top .eqb-ally > a{ padding: 2px 0 13px; margin: -2px 0 -13px; }
}
: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%; }
.mm-history th.stars, .mm-history td.stars{ width: 1%; white-space: nowrap; }
@media (max-width: 640px){
.mm-history th.stars, .mm-history td.stars{ padding-left: 6px; padding-right: 6px; }
}
@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){
.effect-term{ position: relative; }
.effect-term::after{ content: ""; position: absolute; inset: -8px -2px; }
.first-clear-crew{ row-gap: 0; margin-top: 3px; }
.first-clear-crew > *{ padding-block: 7px; }
.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; } }
tbody tr.rank-1:not(.thin-xs) td.wr.hi, tbody tr.rank-2:not(.thin-xs) td.wr.hi, tbody tr.rank-3:not(.thin-xs) td.wr.hi{ color: color-mix(in srgb, var(--good) 70%, var(--ink)); }
tbody tr.rank-1:not(.thin-xs) td.wr.lo, tbody tr.rank-2:not(.thin-xs) td.wr.lo, tbody tr.rank-3:not(.thin-xs) td.wr.lo{ color: color-mix(in srgb, var(--bad) 70%, var(--ink)); }
.tc-grid{ grid-template-columns: minmax(0, 1fr); }
@media (pointer: coarse){
#view .lr-title{ padding: 2px 0; margin: -2px 0; }
.rh-boss-line > .rh-boss, .rd-run-title > .rh-boss{ padding: 6px 0; margin: -6px 0; }
}
.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-page{ --fx-bad-ink: #FFB4B4; --fx-good-ink: #8FE0C8; --fx-warn-ink: #F2C98A;
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 12px var(--gutter) 28px; max-width: 1180px; margin: 0 auto; box-sizing: border-box; width: 100%; }
:root[data-theme="light"] .fx-page{ --fx-bad-ink: #A23A2E; --fx-good-ink: #1F6B5B; --fx-warn-ink: #7A5410; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .fx-page{ --fx-bad-ink: #A23A2E; --fx-good-ink: #1F6B5B; --fx-warn-ink: #7A5410; }
}
.fx-mast{ display: grid; gap: 10px; }
.fx-mast-top{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; }
.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-mast-pills, .fx-line-pills{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.fx-pill{ display: inline-flex; align-items: center; min-height: 24px; padding: 2px 10px; border-radius: 999px; white-space: nowrap; box-sizing: border-box;
  font: 600 var(--fs-1) var(--body); color: var(--mute); background: var(--lift); border: 1px solid var(--rule); }
.fx-pill.is-open{ color: var(--gold); border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); background: color-mix(in srgb, var(--gold) 14%, transparent); }
.fx-pill.is-live{ color: var(--fx-bad-ink); border-color: color-mix(in srgb, var(--bad) 55%, var(--rule)); background: color-mix(in srgb, var(--bad) 18%, transparent); }
.fx-pill.is-final, .fx-pill.is-won{ color: var(--fx-good-ink); border-color: color-mix(in srgb, var(--good) 55%, var(--rule)); background: color-mix(in srgb, var(--good) 20%, transparent); }
.fx-pill.is-warn{ color: var(--fx-warn-ink); border-color: color-mix(in srgb, var(--acc-amber) 50%, var(--rule)); background: color-mix(in srgb, var(--acc-amber) 12%, transparent); }
.fx-pill.is-lost{ color: var(--mute); }
.fx-pill.is-score{ font-family: var(--mono); color: var(--ink); }
.fx-pill.is-demo{ color: var(--fx-warn-ink); border-color: color-mix(in srgb, var(--acc-amber) 55%, var(--rule)); background: color-mix(in srgb, var(--acc-amber) 16%, transparent); }
.fx-pill.is-big{ min-height: 32px; padding: 4px 14px; font-size: var(--fs-3); }
.fx-tabs{ display: grid; grid-template-columns: repeat(4, auto); justify-content: start; gap: 6px; }
.fx-tab, .fx-seg-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 4px 14px; border-radius: 999px; box-sizing: border-box;
  cursor: pointer; white-space: nowrap; text-decoration: none; font: 600 var(--fs-2) var(--body); color: var(--mute); background: transparent; border: 1px solid var(--rule); }
.fx-tab:hover, .fx-seg-btn:hover{ color: var(--ink); border-color: color-mix(in srgb, var(--gold) 40%, var(--rule)); }
.fx-tab[aria-current="page"], .fx-seg-btn[aria-current="true"], .fx-seg-btn[aria-pressed="true"]{
  color: var(--ink); background: color-mix(in srgb, var(--gold) 16%, transparent); border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.fx-tab-short{ display: none; }
.fx-seg{ display: flex; flex-wrap: wrap; gap: 6px; }
.fx-seg-btn{ min-height: 32px; padding: 4px 12px; }
.fx-card{ display: grid; gap: 10px; padding: 14px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); min-width: 0; }
.fx-empty{ justify-items: start; padding: 22px 18px; }
.fx-big{ margin: 0; font: 700 var(--fs-4) var(--body); color: var(--ink); }
.fx-muted{ color: var(--mute); font-size: var(--fs-1); }
.fx-k{ font: 700 var(--fs-1) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.fx-h2{ margin: 0; font: 700 var(--fs-2) var(--cond); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
.fx-sub-head{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.fx-link{ color: var(--mute); font-size: var(--fs-2); min-height: 32px; display: inline-flex; align-items: center; }
.fx-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 18px; border-radius: 999px; cursor: pointer; box-sizing: border-box;
  text-decoration: none; white-space: nowrap; font: 700 var(--fs-3) var(--body); color: var(--bg); background: var(--gold); border: 1px solid var(--gold); }
.fx-btn:hover{ filter: brightness(1.08); }
.fx-btn:disabled{ opacity: .45; cursor: default; filter: none; }
.fx-btn-ghost{ color: var(--ink); background: var(--lift); border-color: var(--rule); }
.fx-btn:focus-visible, .fx-tab:focus-visible, .fx-seg-btn:focus-visible, .fx-pick:focus-visible, .fx-league:focus-visible, .fx-slot:focus-visible,
.fx-cap:focus-visible, .fx-x:focus-visible, .fx-dock-sum:focus-visible, .fx-beta-pill:focus-visible, .fx-beta-close:focus-visible, .fx-parts summary:focus-visible,
.fx-scoring summary:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.fx-input{ box-sizing: border-box; flex: 1 1 160px; min-width: 0; height: 40px; padding: 0 12px; border-radius: var(--r);
  font: 500 var(--fs-3) var(--body); color: var(--ink); background: var(--row); border: 1px solid var(--rule); }
.fx-input:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
@media (pointer: coarse){
.fx-input{ font-size: 1rem; }
}
.fx-inline{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.fx-actions{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.fx-dot{ --size: 36px; --dot: var(--mute); display: grid; place-items: center; flex: none; width: var(--size); height: var(--size); border-radius: 50%;
  background: color-mix(in srgb, var(--dot) 30%, var(--panel)); box-shadow: inset 0 0 0 2px var(--dot); color: var(--ink); font: 700 calc(var(--size) * .42)/1 var(--cond);
  font-size: clamp(var(--fs-1), calc(var(--size) * .42), 40px); }
.fx-dot-player{ --dot: var(--acc-violet); border-radius: 30%; }
.fx-crest{ flex: none; }
.fx-stage{ grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px 16px; }
.fx-stage-main{ display: grid; gap: 4px; justify-items: start; min-width: 0; }
.fx-stage-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.fx-stage-count{ font: 700 var(--fs-5)/1.05 var(--cond); font-size: clamp(26px, 7.5vw, 34px); font-variant-numeric: tabular-nums; color: var(--ink); }
.fx-stage-note{ color: var(--mute); font-size: var(--fs-2); }
.fx-stage.is-draft{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.fx-beta{ display: grid; justify-items: end; gap: 8px; min-width: 0; }
.fx-beta-pill{ display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 3px 12px; border-radius: 999px; cursor: pointer; box-sizing: border-box; max-width: 100%;
  font: 700 var(--fs-1) var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--fx-warn-ink);
  background: transparent; border: 1px dashed color-mix(in srgb, var(--acc-amber) 60%, var(--rule)); }
.fx-beta-pill:hover{ background: color-mix(in srgb, var(--acc-amber) 10%, transparent); }
.fx-beta-pill[aria-expanded="true"]{ background: color-mix(in srgb, var(--acc-amber) 14%, transparent); }
.fx-beta-status{ padding: 1px 8px; border-radius: 999px; font: 600 var(--fs-1) var(--body); letter-spacing: 0; text-transform: none; color: var(--ink);
  background: color-mix(in srgb, var(--acc-amber) 18%, transparent); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-beta-panel{ justify-self: end; width: min(100%, 560px); display: grid; gap: 10px; padding: 12px; border-radius: var(--r-lg); box-sizing: border-box; min-width: 0;
  border: 1px dashed color-mix(in srgb, var(--acc-amber) 55%, var(--rule)); background: color-mix(in srgb, var(--acc-amber) 5%, var(--bg)); }
.fx-beta-panel[hidden]{ display: none; }
@media (min-width: 720px){
.fx-beta{ position: relative; }
.fx-beta-panel{ position: absolute; top: calc(100% + 6px); right: 0; z-index: 30; width: 520px; box-shadow: var(--shadow-2); }
}
.fx-beta-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fx-beta-title{ font: 700 var(--fs-1) var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--fx-warn-ink); }
.fx-beta-close{ margin-left: auto; min-height: 32px; padding: 4px 12px; border-radius: 999px; cursor: pointer; font: 600 var(--fs-2) var(--body);
  color: var(--ink); background: var(--lift); border: 1px solid var(--rule); }
.fx-beta-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; }
.fx-beta-k{ flex: 0 0 84px; font: 600 var(--fs-1) var(--mono); color: var(--mute); }
.fx-beta-run{ min-height: 36px; padding: 6px 16px; color: var(--bg); background: var(--acc-amber); border-color: var(--acc-amber); }
.fx-beta-link{ color: var(--fx-warn-ink); font-size: var(--fs-2); min-height: 32px; display: inline-flex; align-items: center; }
.fx-beta-act{ min-height: 36px; padding: 6px 14px; font-size: var(--fs-2); }
.fx-beta-confirm{ flex: 1 1 220px; min-width: 0; font: 600 var(--fs-2) var(--body); color: var(--ink); }
.fx-beta-danger{ min-height: 36px; padding: 6px 16px; font-size: var(--fs-2); color: var(--fx-bad-ink);
  background: color-mix(in srgb, var(--bad) 18%, transparent); border-color: color-mix(in srgb, var(--bad) 55%, var(--rule)); }
.fx-beta-card{ border-style: dashed; border-color: color-mix(in srgb, var(--acc-amber) 50%, var(--rule)); background: color-mix(in srgb, var(--acc-amber) 4%, var(--panel)); }
.fx-facts{ display: flex; flex-wrap: wrap; gap: 8px 18px; }
.fx-fact{ display: grid; gap: 2px; }
.fx-fact b{ font: 600 var(--fs-3) var(--body); }
.fx-draft{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: start; }
.fx-board{ display: grid; gap: 10px; min-width: 0; align-content: start; }
.fx-board-head{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.fx-board-tabs .fx-seg-btn{ min-height: 40px; padding: 4px 18px; font-size: var(--fs-3); }
.fx-toolbar{ display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.fx-find{ flex: 1 1 200px; }
.fx-select{ flex: 0 1 210px; cursor: pointer; }
.fx-chips{ gap: 6px; }
.fx-picks{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.fx-pick{ display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; width: 100%; min-width: 0; min-height: 64px;
  padding: 10px 12px; border-radius: var(--r-lg); box-sizing: border-box; cursor: pointer; text-align: left; font: inherit; color: var(--ink);
  background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); }
.fx-pick:hover:not(:disabled){ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.fx-pick.is-on{ border-color: var(--gold); background: color-mix(in srgb, var(--gold) 10%, var(--panel)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 40%, transparent); }
.fx-pick.is-blocked{ opacity: .5; cursor: not-allowed; box-shadow: none; }
.fx-pick.is-over .fx-pick-price b{ color: var(--mute); }
.fx-pick-who{ display: grid; gap: 1px; min-width: 0; }
.fx-pick-name{ font: 600 var(--fs-3) var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-pick-sub, .fx-pick-line{ color: var(--mute); font-size: var(--fs-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-pick-tags{ display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.fx-pick-tags .fx-pill{ min-height: 20px; padding: 0 8px; }
.fx-pick-price{ display: grid; justify-items: end; gap: 2px; line-height: 1; }
.fx-pick-price b{ font: 700 var(--fs-4) var(--mono); color: var(--gold); }
.fx-pick-price span{ font-size: var(--fs-1); color: var(--mute); }
.fx-more{ display: flex; justify-content: center; }
.fx-more:empty{ display: none; }
.fx-none-card{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 16px; border-radius: var(--r-lg); border: 1px dashed var(--rule); }
.fx-tray{ gap: 14px; align-content: start; }
.fx-tray-head{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.fx-meter{ display: grid; gap: 6px; }
.fx-meter-nums{ display: flex; align-items: baseline; gap: 8px; }
.fx-meter-left{ font: 700 var(--fs-5)/1 var(--cond); font-size: clamp(30px, 8vw, 36px); color: var(--ink); font-variant-numeric: tabular-nums; }
.fx-meter-left.is-over{ color: var(--fx-bad-ink); }
.fx-meter-word{ color: var(--mute); font-size: var(--fs-2); }
.fx-bar{ height: 8px; border-radius: 999px; background: var(--row); overflow: hidden; }
.fx-bar-fill{ display: block; height: 100%; border-radius: 999px; background: var(--gold); }
.fx-bar-fill.is-over{ background: var(--bad); }
.fx-slot-group{ display: grid; gap: 6px; }
.fx-slot-head{ display: flex; align-items: center; gap: 8px; }
.fx-slot-count{ font: 700 var(--fs-2) var(--mono); color: var(--mute); }
.fx-slot-count.is-full{ color: var(--gold); }
.fx-slots{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.fx-slot:not(.is-empty){ grid-column: 1 / -1; }
.fx-slot{ display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 4px 6px 4px 8px; border-radius: var(--r); background: var(--row); border: 1px solid var(--rule);
  min-width: 0; box-sizing: border-box; font: inherit; color: var(--ink); }
.fx-slot.is-empty{ justify-content: center; border-style: dashed; background: transparent; cursor: pointer; color: var(--dim); font: 600 var(--fs-2) var(--body); }
.fx-slot.is-empty:hover{ color: var(--ink); border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.fx-slot-who{ display: flex; flex-direction: column; flex: 1; min-width: 0; }
.fx-slot-name{ font: 600 var(--fs-3) var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-slot-price{ font: 600 var(--fs-1) var(--mono); color: var(--mute); }
.fx-cap{ min-height: 32px; padding: 2px 10px; border-radius: 999px; cursor: pointer; font: 600 var(--fs-1) var(--body); color: var(--mute);
  background: transparent; border: 1px solid var(--rule); white-space: nowrap; }
.fx-cap.is-on{ color: var(--gold); border-color: color-mix(in srgb, var(--gold) 50%, var(--rule)); background: color-mix(in srgb, var(--gold) 14%, transparent); }
.fx-x{ min-width: 32px; min-height: 32px; border-radius: 999px; cursor: pointer; font: 700 var(--fs-3) var(--body); color: var(--mute);
  background: transparent; border: 1px solid transparent; }
.fx-x:hover{ color: var(--ink); border-color: var(--rule); }
.fx-remove{ font-size: var(--fs-1); padding: 0 10px; border-color: var(--rule); }
.fx-remove[data-armed="1"]{ color: var(--fx-bad-ink); border-color: color-mix(in srgb, var(--bad) 55%, var(--rule)); }
.fx-check{ margin: 0; font: 600 var(--fs-3) var(--body); color: var(--mute); }
.fx-check.is-bad{ color: var(--fx-bad-ink); }
.fx-check.is-ok{ color: var(--fx-good-ink); }
.fx-tray-actions{ display: flex; flex-wrap: wrap; gap: 8px; }
.fx-tray > .fx-save{ width: 100%; }
.fx-tray > .fx-save{ display: none; }
.fx-scoring{ border-top: 1px solid var(--rule); padding-top: 4px; }
.fx-scoring summary{ cursor: pointer; min-height: 32px; display: flex; align-items: center; color: var(--mute); font: 600 var(--fs-2) var(--body); }
.fx-scoring[open]{ display: grid; gap: 10px; }
.fx-scoring-group{ display: grid; gap: 4px; }
.fx-dock{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 55; display: flex; align-items: center; gap: 10px; box-sizing: border-box;
  padding: 8px max(12px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
  background: var(--panel); box-shadow: 0 -1px 0 var(--rule), 0 -10px 24px -16px rgba(0, 0, 0, .7); }
.fx-dock-sum{ flex: 1; min-width: 0; min-height: 44px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; column-gap: 6px; padding: 0;
  cursor: pointer; text-align: left; font: inherit; color: var(--ink); background: none; border: 0; }
.fx-dock-left{ font: 700 var(--fs-5)/1 var(--cond); font-size: clamp(24px, 7vw, 26px); font-variant-numeric: tabular-nums; }
.fx-dock-left.is-over{ color: var(--fx-bad-ink); }
.fx-dock-word{ color: var(--mute); font-size: var(--fs-2); }
.fx-dock-counts{ grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 2px 10px; color: var(--mute); font-size: var(--fs-1); }
.fx-dock .fx-save{ flex: none; }
body:has(.fx-dock){ padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
body:has(.fx-dock) .to-top{ bottom: 84px; }
.fx-hero{ grid-template-columns: minmax(0, 1fr) auto; align-items: center;
  background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 60%), var(--panel); }
.fx-hero-main{ display: grid; gap: 2px; }
.fx-hero-pts{ font: 700 var(--fs-5)/1 var(--cond); font-size: clamp(44px, 14vw, 56px); font-variant-numeric: tabular-nums; }
.fx-hero-side{ display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.fx-lines{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.fx-line{ display: grid; gap: 8px; padding: 12px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); min-width: 0; }
.fx-line.is-captain{ border-color: color-mix(in srgb, var(--gold) 55%, var(--rule)); }
.fx-line-top{ display: flex; align-items: center; gap: 10px; min-width: 0; }
.fx-line-right{ display: flex; flex-direction: column; align-items: flex-end; }
.fx-line-pts{ font: 700 var(--fs-5)/1 var(--cond); font-variant-numeric: tabular-nums; }
.fx-side-who{ display: flex; flex-direction: column; min-width: 0; flex: 1; }
.fx-side-name{ font: 600 var(--fs-3) var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-parts summary{ cursor: pointer; min-height: 32px; display: flex; align-items: center; color: var(--mute); font-size: var(--fs-2); }
.fx-parts-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.fx-parts-list li{ display: flex; justify-content: space-between; gap: 8px; padding: 4px 8px; border-radius: var(--r-sm); background: var(--row); font-size: var(--fs-2); }
.fx-parts-list b{ font-family: var(--mono); }
.fx-parts-list li.is-cap b{ color: var(--gold); }
.fx-lgrid{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.fx-league{ display: grid; gap: 8px; padding: 14px; min-height: 44px; border-radius: var(--r-lg); text-decoration: none; color: var(--ink);
  background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); }
.fx-league:hover{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.fx-league.is-public{ background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--acc-violet) 16%, transparent), transparent 60%), var(--panel); }
.fx-league-name, .fx-lname{ margin: 0; font: 700 var(--fs-4) var(--body); overflow-wrap: anywhere; }
.fx-forms{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.fx-form{ align-content: start; }
.fx-invite{ display: grid; gap: 6px; }
.fx-invite-url{ flex: 1 1 200px; min-width: 0; padding: 9px 12px; border-radius: var(--r); background: var(--row); border: 1px solid var(--rule);
  font: 500 var(--fs-2) var(--mono); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-standings{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.fx-row-card{ display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 12px; border-radius: var(--r); background: var(--row); border: 1px solid transparent; box-sizing: border-box; }
.fx-row-card.is-me{ border-color: color-mix(in srgb, var(--gold) 55%, var(--rule)); background: color-mix(in srgb, var(--gold) 9%, var(--row)); }
.fx-row-card.is-bot{ border-style: dashed; border-color: color-mix(in srgb, var(--acc-amber) 40%, var(--rule)); }
.fx-place{ min-width: 28px; font: 700 var(--fs-3) var(--mono); color: var(--dim); text-align: center; }
.fx-row-card.is-p1 .fx-place{ color: var(--medal-gold); }
.fx-row-card.is-p2 .fx-place{ color: var(--medal-silver); }
.fx-row-card.is-p3 .fx-place{ color: var(--medal-bronze); }
.fx-row-name{ flex: 1; min-width: 0; font: 600 var(--fs-3) var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-row-pts{ font: 700 var(--fs-4) var(--cond); font-variant-numeric: tabular-nums; }
.fx-me-row{ margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--rule); }
.fx-admin .fx-k{ margin-top: 4px; }
.fx-join{ justify-items: start; padding: 22px 18px; background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 60%), var(--panel); }
.fx-note-card{ justify-items: start; color: var(--mute); font-size: var(--fs-2); }
.fx-lock{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.fx-leave{ justify-items: start; }
.fx-leave-note{ font-size: var(--fs-2); }
.fx-podium{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; align-items: end; }
.fx-pod{ display: grid; justify-items: center; gap: 4px; padding: 14px 8px; border-radius: var(--r-lg); text-align: center; min-width: 0;
  background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); }
.fx-pod.is-p1{ order: 2; padding-top: 22px; background: radial-gradient(100% 120% at 50% 0%, rgba(242,193,78,.22), transparent 70%), var(--panel); }
.fx-pod.is-p2{ order: 1; background: radial-gradient(100% 120% at 50% 0%, rgba(201,209,220,.16), transparent 70%), var(--panel); }
.fx-pod.is-p3{ order: 3; background: radial-gradient(100% 120% at 50% 0%, rgba(208,140,90,.18), transparent 70%), var(--panel); }
.fx-pod.is-me{ border-color: var(--gold); }
.fx-pod-place{ font: 700 var(--fs-4) var(--cond); color: var(--mute); }
.fx-pod.is-p1 .fx-pod-place{ color: var(--medal-gold); font-size: var(--fs-5); }
.fx-pod-name{ max-width: 100%; font: 700 var(--fs-3) var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-pod-pts{ font: 600 var(--fs-1) var(--mono); color: var(--mute); }
.fx-share{ justify-items: stretch; }
.fx-share-img{ width: 100%; height: auto; border-radius: var(--r); background: var(--row); aspect-ratio: 1200 / 630; }
@media (max-width: 520px){
.fx-tabs{ grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: auto; justify-content: stretch; }
.fx-tab{ padding: 4px 6px; }
.fx-tab-long{ display: none; }
.fx-tab-short{ display: inline; }
.fx-stage{ grid-template-columns: minmax(0, 1fr); }
.fx-stage-go{ width: 100%; }
.fx-select{ flex: 1 1 calc(50% - 4px); min-width: 0; }
}
@media (max-width: 640px){
html.nav-eh .fx-dock{ bottom: calc(62px + env(safe-area-inset-bottom)); padding-bottom: 8px; }
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: 640px){
.fx-picks{ grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.fx-slots{ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.fx-slot:not(.is-empty){ grid-column: auto; }
}
@media (min-width: 720px){
.fx-lines{ grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.fx-lgrid{ grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.fx-forms{ grid-template-columns: 1fr 1fr; }
}
@media (min-width: 960px){
.fx-draft{ grid-template-columns: minmax(0, 1fr) 340px; }
.fx-tray{ grid-column: 2; grid-row: 1; position: sticky; top: calc(var(--sticky-top) + 12px);
    max-height: calc(100vh - var(--sticky-top) - 24px); overflow-y: auto; overscroll-behavior: contain; }
.fx-board{ grid-column: 1; grid-row: 1; }
.fx-slots{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fx-slot:not(.is-empty){ grid-column: 1 / -1; }
.fx-dock{ display: none; }
.fx-tray > .fx-save{ display: inline-flex; }
body:has(.fx-dock){ padding-bottom: 0; }
body:has(.fx-dock) .to-top{ bottom: 16px; }
}
@media (prefers-reduced-motion: no-preference){
.fx-bar-fill{ transition: width .25s ease; }
}
body:has(.fx-page) #view.is-swapping{ animation-fill-mode: backwards; }
.fx-glyph{ width: 1em; height: 1em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.fx-ball{ --size: 36px; display: grid; place-items: center; flex: none; width: var(--size); height: var(--size); border-radius: 50%; overflow: hidden; box-sizing: border-box;
  background: color-mix(in srgb, var(--acc-violet) 14%, var(--row)); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--acc-violet) 55%, var(--rule)); }
.fx-ball .thumb{ width: 92%; height: 92%; object-fit: contain; background: none; border: 0; }
.fx-pick-pic .fx-ball{ box-shadow: none; }
.fx-pick-pic{ position: relative; display: grid; place-items: center; flex: none; padding: 3px; border-radius: 50%;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ally, var(--rule)) 70%, transparent); }
.fx-pick-mark{ position: absolute; right: -4px; bottom: -4px; display: none; place-items: center; width: 20px; height: 20px; border-radius: 50%;
  font-size: var(--fs-1); color: var(--bg); background: var(--gold); box-shadow: 0 0 0 2px var(--panel); }
.fx-pick.is-on .fx-pick-mark{ display: grid; }
.fx-pick.is-on .fx-pick-pic{ box-shadow: 0 0 0 2px var(--gold); }
.fx-pick.is-full{ opacity: .62; }
.fx-pick.is-full .fx-pick-price b{ color: var(--mute); }
.fx-pick:hover:not(:disabled){ box-shadow: var(--shadow-1); }
.fx-pick.is-on .fx-pick-price b{ color: var(--ink); }
@media (prefers-reduced-motion: no-preference){
.fx-pick{ transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background-color .14s ease; }
}
@media (prefers-reduced-motion: no-preference){
.fx-pick:hover:not(:disabled){ transform: translateY(-2px); }
}
@media (prefers-reduced-motion: no-preference){
.fx-pick.is-pop{ animation: fx-pop .32s cubic-bezier(.2, .9, .3, 1.3); }
}
@media (prefers-reduced-motion: no-preference){
.fx-pick.is-pop .fx-pick-mark{ animation: fx-stamp .36s .06s cubic-bezier(.2, .9, .3, 1.4) both; }
}
@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; } }
.fx-meter-foot{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; }
.fx-progress{ display: inline-flex; align-items: center; }
.fx-pips{ display: inline-flex; align-items: center; gap: 4px; }
.fx-pip{ display: block; width: 14px; height: 8px; border-radius: 999px; background: var(--row); box-shadow: inset 0 0 0 1px var(--rule); }
.fx-pip.is-on{ background: var(--gold); box-shadow: none; }
.fx-pip.is-opt{ width: 10px; }
.fx-pip.is-opt.is-on{ background: var(--acc-violet); }
.fx-pip-gap{ display: block; width: 4px; }
.fx-pip-cap{ display: inline-grid; place-items: center; margin-left: 4px; font-size: var(--fs-3); color: var(--dim); }
.fx-pip-cap.is-on{ color: var(--medal-gold); }
.fx-progress.is-complete .fx-pip.is-on:not(.is-opt){ background: var(--good); }
.fx-ready{ display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: var(--r); font-size: var(--fs-4);
  color: var(--fx-good-ink); background: color-mix(in srgb, var(--good) 14%, transparent); border: 1px solid color-mix(in srgb, var(--good) 45%, var(--rule)); }
.fx-ready b{ font: 700 var(--fs-3) var(--body); }
.fx-save.is-ready{ box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 30%, transparent); }
@media (prefers-reduced-motion: no-preference){
.fx-save.is-ready{ animation: fx-ready 1.2s ease-out 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); } }
.fx-slot{ --ally: var(--rule); }
.fx-slot > .fx-crest{ box-shadow: 0 0 0 2px var(--panel), 0 0 0 4px color-mix(in srgb, var(--ally) 65%, transparent); border-radius: 50%; }
.fx-slot.is-captain{ border-color: color-mix(in srgb, var(--medal-gold) 55%, var(--rule)); background: color-mix(in srgb, var(--medal-gold) 8%, var(--row)); }
.fx-cap{ display: inline-flex; align-items: center; gap: 5px; }
.fx-cap.is-on{ color: var(--medal-gold); border-color: color-mix(in srgb, var(--medal-gold) 55%, var(--rule)); background: color-mix(in srgb, var(--medal-gold) 14%, var(--panel)); }
.fx-cap-crown{ width: 15px; height: 15px; }
@media (prefers-reduced-motion: no-preference){
.fx-cap.is-crowned .fx-cap-crown{ animation: fx-crown .5s cubic-bezier(.2, .9, .3, 1.4) both; }
}
@media (prefers-reduced-motion: no-preference){
.fx-slot.is-pop{ animation: fx-slot-in .28s ease-out both; }
}
@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-dock-pips{ grid-column: 1 / -1; margin-top: 3px; }
.fx-dock-pips .fx-pip{ width: 10px; height: 6px; }
.fx-dock-pips .fx-pip.is-opt{ width: 7px; }
.fx-dock-pips .fx-pip-cap{ font-size: var(--fs-1); }
.fx-dock.is-ready{ box-shadow: 0 -1px 0 color-mix(in srgb, var(--good) 60%, var(--rule)), 0 -10px 24px -16px rgba(0, 0, 0, .7); }
.fx-stage-side{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.fx-clock{ display: inline-flex; align-items: baseline; gap: 10px; color: var(--ink); }
.fx-clock-seg{ display: inline-flex; align-items: baseline; gap: 2px; }
.fx-clock-seg b{ font: 700 var(--fs-5)/1 var(--cond); font-size: clamp(30px, 8.5vw, 40px); font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.fx-clock-seg span{ font: 700 var(--fs-2) var(--cond); text-transform: uppercase; letter-spacing: .08em; color: var(--mute); }
.fx-stage.is-draft .fx-stage-note{ font-weight: 600; }
@media (max-width: 520px){
.fx-stage-side{ justify-content: stretch; }
.fx-stage-side .fx-btn{ flex: 1 1 140px; }
}
.fx-walk, .fx-saved{ position: fixed; inset: 0; z-index: 70; width: auto; height: auto; max-width: none; max-height: none; margin: 0; padding: 0;
  border: 0; background: transparent; color: var(--ink); overflow: visible; }
.fx-walk::backdrop, .fx-saved::backdrop{ background: transparent; }
.fx-walk:not([open]), .fx-saved:not([open]){ display: none; }
.fx-walk-hole{ position: fixed; border-radius: var(--r-lg); pointer-events: none; box-shadow: 0 0 0 200vmax rgba(5, 8, 12, .66), 0 0 0 2px var(--gold); }
.fx-walk.is-docked .fx-walk-hole{ inset: 0; border-radius: 0; box-shadow: none; background: rgba(5, 8, 12, .66); }
.fx-walk-card{ position: fixed; width: min(360px, calc(100vw - 24px)); box-sizing: border-box; display: grid; gap: 10px; padding: 16px;
  border-radius: var(--r-lg); background: var(--panel); color: var(--ink); border: 1px solid color-mix(in srgb, var(--gold) 45%, var(--rule)); box-shadow: var(--shadow-3); }
.fx-walk.is-docked .fx-walk-card, .fx-walk.is-bottom .fx-walk-card{ top: auto; left: 12px; right: 12px; width: auto; margin: 0 auto; max-width: 460px;
  bottom: calc(12px + env(safe-area-inset-bottom)); }
.fx-walk.is-top .fx-walk-card{ top: calc(var(--sticky-top) + 8px); left: 12px; right: 12px; width: auto; margin: 0 auto; max-width: 460px; }
.fx-walk-top{ display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.fx-walk-count{ font: 700 var(--fs-1) var(--mono); letter-spacing: .06em; color: var(--gold); text-transform: uppercase; }
.fx-walk-skip{ min-height: 32px; padding: 4px 12px; border-radius: 999px; cursor: pointer; font: 600 var(--fs-2) var(--body); color: var(--mute); background: none; border: 1px solid var(--rule); }
.fx-walk-skip:hover{ color: var(--ink); }
.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-body{ margin: 0; font: 500 var(--fs-3)/1.5 var(--body); color: var(--ink); }
.fx-walk-note{ margin: 0; font: 500 var(--fs-1)/1.4 var(--body); color: var(--mute); }
.fx-walk-note[hidden]{ display: none; }
.fx-walk-foot{ display: flex; align-items: center; gap: 8px; }
.fx-walk-dots{ display: inline-flex; gap: 5px; margin-right: auto; }
.fx-walk-dots i{ display: block; width: 8px; height: 8px; border-radius: 50%; background: var(--rule); }
.fx-walk-dots i.is-done{ background: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.fx-walk-dots i.is-on{ width: 20px; border-radius: 999px; background: var(--gold); }
.fx-walk-back[hidden], .fx-walk-skip[hidden]{ display: none; }
.fx-walk-skip:focus-visible, .fx-walk-title:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
@media (max-width: 640px){
html.nav-eh .fx-walk.is-bottom .fx-walk-card, html.nav-eh .fx-walk.is-docked .fx-walk-card{ bottom: calc(74px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: no-preference){
.fx-walk-hole{ transition: top .28s ease, left .28s ease, width .28s ease, height .28s ease; }
}
@media (prefers-reduced-motion: no-preference){
.fx-walk-card{ animation: fx-walk-in .22s ease-out both; }
}
@keyframes fx-walk-in{ from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.fx-saved[open]{ display: grid; place-items: center; padding: 16px; box-sizing: border-box; background: rgba(5, 8, 12, .66); }
.fx-saved-card{ width: min(520px, 100%); box-sizing: border-box; display: grid; justify-items: center; gap: 12px; padding: 24px 18px; text-align: center;
  border-radius: var(--r-lg); background: var(--panel); color: var(--ink); border: 1px solid color-mix(in srgb, var(--medal-gold) 45%, var(--rule)); box-shadow: var(--shadow-3); }
.fx-saved-crown{ width: 40px; height: 40px; color: var(--medal-gold); }
.fx-saved-title{ margin: 0; font: 700 var(--fs-5)/1.05 var(--cond); letter-spacing: .02em; }
.fx-saved-title:focus{ outline: none; }
.fx-saved-row{ list-style: none; margin: 0; padding: 12px 0 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 22px 10px; }
.fx-saved-pick{ position: relative; display: grid; justify-items: center; gap: 4px; width: 76px; }
.fx-saved-name{ max-width: 100%; font: 600 var(--fs-1) var(--body); color: var(--mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-saved-cap{ position: absolute; top: -12px; left: 50%; transform: translateX(-50%); font-size: var(--fs-4); color: var(--medal-gold); }
.fx-saved-pick.is-captain .fx-crest{ box-shadow: 0 0 0 2px var(--panel), 0 0 0 4px var(--medal-gold); border-radius: 50%; }
.fx-saved-note{ margin: 0; font: 600 var(--fs-3) var(--body); color: var(--mute); }
.fx-saved-actions{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
@media (prefers-reduced-motion: no-preference){
.fx-saved-pick{ animation: fx-saved-rise .42s calc(var(--i, 0) * 70ms + 120ms) cubic-bezier(.2, .8, .3, 1.15) both; }
}
@media (prefers-reduced-motion: no-preference){
.fx-saved-crown{ animation: fx-crown .6s cubic-bezier(.2, .9, .3, 1.4) both; }
}
@keyframes fx-saved-rise{ from { opacity: 0; transform: translateY(12px) scale(.9); } to { opacity: 1; transform: none; } }
.fx-soon{ padding: 12px var(--gutter) 28px; max-width: 1180px; margin: 0 auto; box-sizing: border-box; width: 100%; }
.fx-soon-stage{
  position: relative; overflow: hidden; isolation: isolate;
  display: grid; place-content: center; justify-items: center; text-align: center;
  min-height: max(420px, calc(100svh - 200px)); padding: 48px 16px; box-sizing: border-box;
  border-radius: var(--r-lg); color: #F4F7FB;
  background: radial-gradient(120% 90% at 50% 40%, #0F2433 0%, #0A111A 55%, #05070B 100%);
  box-shadow: 0 0 0 1px rgba(53, 198, 224, .18) inset, var(--shadow-card);
}
.fx-soon-glow{
  position: absolute; inset: -25%; z-index: -1; pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(53, 198, 224, .24), transparent 42%);
}
.fx-soon-mark{ width: clamp(60px, 11vw, 84px); height: auto; margin: 0 0 14px; }
.fx-soon-name{
  margin: 0 0 14px; padding-left: .5em;
  font-family: var(--cond); font-weight: 700; font-size: clamp(14px, 2.2vw, 20px); line-height: 1;
  letter-spacing: .5em; text-transform: uppercase; color: #35C6E0;
}
.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);
}
.fx-soon-word:last-child{
  background: linear-gradient(180deg, #F4F7FB 10%, #35C6E0 120%); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.fx-soon-rule{ display: block; width: min(260px, 60%); height: 2px; margin-top: 30px;
  background: linear-gradient(90deg, transparent, #35C6E0, transparent); }
.fx-soon-tag{ margin: 26px auto 0; max-width: 22em; padding-left: .16em;
  font-family: var(--cond); font-weight: 600; font-size: clamp(15px, 2.2vw, 22px); line-height: 1.4;
  letter-spacing: .16em; text-transform: uppercase; text-align: center; color: #DCE3EC; }
@media (prefers-reduced-motion: no-preference){
.fx-soon-glow{ animation: fx-soon-breathe 7s ease-in-out 3 forwards; }
.fx-soon-name, .fx-soon-mark{ animation: fx-soon-in 1.6s cubic-bezier(.2, .7, .2, 1) both; }
.fx-soon-word{ animation: fx-soon-rise 1.4s cubic-bezier(.2, .7, .2, 1) both; }
.fx-soon-word:first-child{ animation-delay: .5s; }
.fx-soon-word:last-child{ animation-delay: .9s; }
.fx-soon-rule{ animation: fx-soon-sweep 1.6s 1.5s cubic-bezier(.2, .7, .2, 1) both; }
.fx-soon-tag{ animation: fx-soon-in-tag 1.2s 2.4s cubic-bezier(.2, .7, .2, 1) both; }
}
@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); } }
@media (max-width: 639px), (max-height: 500px){
.fx-page .fx-btn{ min-height: 44px; }
}
.fx-row-card.is-me .fx-pill.is-open{ background: color-mix(in srgb, var(--gold) 14%, var(--panel)); }
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 .fx-dock{ bottom: 0; padding-bottom: calc(8px + env(safe-area-inset-bottom)); }
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 .fx-walk.is-bottom .fx-walk-card, html.nav-eh .fx-walk.is-docked .fx-walk-card{ bottom: calc(12px + env(safe-area-inset-bottom)); }
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));
  }
}
.fx-wl{ --size: 32px; --wl-rim: color-mix(in srgb, var(--gold) 62%, var(--rule)); --wl-face: color-mix(in srgb, var(--gold) 10%, var(--panel));
  position: relative; display: inline-grid; place-items: center; flex: none; width: var(--size); height: calc(var(--size) * 1.15); }
.fx-wl-svg{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.fx-wl-face{ fill: var(--wl-face); stroke: var(--wl-rim); stroke-width: 2.4; }
.fx-wl-initial{ position: relative; margin-top: -12%; font: 700 calc(var(--size) * .46)/1 var(--cond); color: var(--ink); }
.fx-wl-pic{ position: absolute; inset: 0; clip-path: polygon(50% 9.9%, 88.3% 19.1%, 88.3% 42.8%, 86.3% 55.7%, 80.9% 67.1%, 72.6% 76.7%,
  62.1% 84.5%, 50% 90.1%, 37.9% 84.5%, 27.4% 76.7%, 19.1% 67.1%, 13.7% 55.7%, 11.7% 42.8%, 11.7% 19.1%); }
.fx-wl-img{ position: absolute; left: 5%; top: 5.4%; width: 90%; height: 78.3%; object-fit: contain; }
.fx-wl.is-me{ --wl-rim: var(--medal-gold); --wl-face: color-mix(in srgb, var(--medal-gold) 14%, var(--panel)); }
.fx-wl.is-me .fx-wl-initial{ color: var(--medal-gold); }
.fx-wl.is-bot .fx-wl-face{ stroke: #C8933C; stroke-dasharray: 4 2.5; }
.fx-wl.is-open .fx-wl-face{ fill: var(--row); stroke: var(--rule); stroke-dasharray: 3 3; }
.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-text{ flex: 1 1 auto; height: auto; min-height: 40px; padding: 8px 12px; resize: vertical; line-height: 1.4; }
.wcs-bell-title{ font: 700 var(--fs-2) var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.wcs-alert-text{ font: 500 var(--fs-2)/1.35 var(--body); }
.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; }
.rluck{
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; width: fit-content; max-width: calc(100% - 2 * var(--gutter));
  margin: 10px var(--gutter) 4px; padding: 6px 14px; border-radius: 999px;
  border: 1px solid var(--rule); background: var(--pill-on); font-size: var(--fs-2); color: var(--mute); cursor: default;
}
.rluck-label{ font: 700 var(--fs-2)/1.2 var(--cond); letter-spacing: .02em; text-transform: uppercase; }
.rluck-fig b{ font-family: var(--mono); font-weight: 500; color: var(--ink); font-variant-numeric: tabular-nums; }
.rluck.is-up{ border-color: color-mix(in srgb, var(--good) 50%, var(--rule)); background: color-mix(in srgb, var(--good) 10%, var(--pill-on)); }
.rluck.is-up .rluck-label{ color: var(--good); }
.rluck.is-down{ border-color: color-mix(in srgb, var(--bad) 50%, var(--rule)); background: color-mix(in srgb, var(--bad) 10%, var(--pill-on)); }
.rluck.is-down .rluck-label{ color: var(--bad); }
.lkb-line{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.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)); }
.eqb-top > .lkb-pill, .eqb-top > .lkb-tier{ grid-column: 2; }
.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; }
@media (max-width: 759px){
.lkb .eqb-row .lkb-sd-long{ display: none; }
.lkb .eqb-row .lkb-sd-short{ display: inline; }
}
.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 (max-width: 759px){
.lkb .eqb-row .eqb-unit{ display: inline; }
.lkb .eqb-figs .lkb-sub{ display: flex; flex-direction: column; align-items: flex-end; }
.lkb .eqb-figs .lkb-sep{ display: none; }
}
@media (min-width: 760px){
.lkb-figs{ align-items: center; }
.lkb .eqb-who > .lkb-line{ grid-column: 4; }
}
.lkb-open{
  appearance: none; margin: 0; padding: 4px 8px; border: 1px solid transparent; border-radius: var(--r-lg);
  background: transparent; color: inherit; font: inherit; text-align: inherit; min-height: 32px;
}
.lkb .lkb-open{ cursor: pointer; }
.lkb-open:hover{ border-color: var(--rule); background: var(--row); }
.lkb-open:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
dialog.lkd{ width: min(560px, calc(100vw - 32px)); }
.lkd-title .lkd-pic{ width: 36px; height: 36px; border-radius: 999px; flex: none; object-fit: cover; }
.lkd-body{ display: flex; flex-direction: column; gap: 12px; }
.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){
dialog.lkd{ width: 100%; }
.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; }
}
.lkd-tools{ display: flex; align-items: center; gap: 8px; margin-left: auto; }
.lkd-tools:empty{ display: none; }
.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; }
.pc-hero-glow, .pc-hero-band{ position: absolute; background: var(--pc-hero-g); }
.pc-hero-glow{ inset: 0; opacity: .42;
  -webkit-mask-image: linear-gradient(90deg, transparent 40%, #000); mask-image: linear-gradient(90deg, transparent 40%, #000); }
:root[data-theme="light"] .pc-hero-glow{ opacity: .3; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .pc-hero-glow{ opacity: .3; }
}
@media (max-width: 640px){
.pc-hero-glow{ -webkit-mask-image: linear-gradient(90deg, transparent 60%, #000); mask-image: linear-gradient(90deg, transparent 60%, #000); }
}
.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){
.rr-top > .rr-boss{ padding-block: 6px; margin-block: -6px; }
.rr-foe{ display: inline-flex; align-items: center; min-height: 32px; }
.rr-refresh-btn, .pv2-mate, .pv2-more{ position: relative; }
.rr-refresh-btn::after{ content: ""; position: absolute; inset: -3px 0; border-radius: 999px; }
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-hero-glow{
  position: absolute; inset: -40% -20% auto auto; width: 70%; aspect-ratio: 1; z-index: -1; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--wm-atk) 22%, transparent), transparent 62%);
}
.wm-hero-glow::after{
  content: ""; position: absolute; inset: 55% auto auto -80%; width: 90%; aspect-ratio: 1;
  background: radial-gradient(circle, color-mix(in srgb, var(--wm-def) 18%, transparent), transparent 60%);
}
.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-switch{ display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 999px; background: var(--row); box-shadow: inset 0 0 0 1px var(--hairline-2); }
.wm-switch-btn{
  min-height: 32px; padding: 0 14px; border: 0; border-radius: 999px; background: transparent; cursor: pointer;
  color: var(--mute); font: 600 var(--fs-2) var(--body);
}
.wm-switch-btn:hover{ color: var(--ink); }
.wm-switch-btn[aria-pressed="true"]{ background: var(--panel); color: var(--ink); box-shadow: var(--shadow-card); }
.wm-switch-btn:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.wm-card-note{ display: flex; justify-content: flex-end; }
.wm-row-text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; }
.wm-row-text, .wm-pod-name{
  white-space: normal; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.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-glow{
  position: absolute; inset: -25%; z-index: -1; pointer-events: none;
  background: radial-gradient(circle at 42% 50%, rgba(53, 198, 224, .2), transparent 40%),
    radial-gradient(circle at 60% 55%, rgba(155, 123, 212, .2), transparent 42%);
}
.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);
}
@media (prefers-reduced-motion: no-preference){
.wm-switch-btn{ transition: background .2s, color .2s, box-shadow .2s; }
.wm-hero-glow{ animation: wm-drift 14s ease-in-out 2 alternate; }
.wm-soon-glow{ animation: fx-soon-breathe 7s ease-in-out 3 forwards; }
}
@keyframes wm-drift{ from { transform: translate(0, 0) scale(1); } to { transform: translate(-6%, 8%) scale(1.12); } }
@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); }
}
.fxp{
  display: grid; margin: 0 var(--gutter) 16px; padding: 4px 18px;
  border-radius: var(--r-lg); background: var(--panel); box-shadow: var(--shadow-card); min-width: 0;
}
.fxp.is-flat{ margin: 0; padding: 0; background: none; box-shadow: none; border-radius: 0; }
.fxp-lines{ display: grid; gap: 4px; padding: 12px 0; }
.fxp-line{ display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 4px 14px; align-items: baseline; padding: 4px 0; }
.fxp-when{
  font: 700 var(--fs-2)/1.4 var(--cond); letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold);
  overflow-wrap: anywhere;
}
.fxp-text{ margin: 0; font: 500 var(--fs-4)/1.45 var(--body); color: var(--ink); }
.fxp-term{ font-weight: 700; }
a.fxp-term, a.fxp-name{
  color: inherit; text-decoration: underline; text-decoration-color: var(--gold);
  text-decoration-thickness: 1px; text-underline-offset: 3px;
}
a.fxp-term:hover, a.fxp-name:hover{ color: var(--gold); }
.fxp-tag{
  display: inline-block; padding: 1px 7px; border-radius: var(--r-sm); vertical-align: 2px;
  background: var(--pill-on); color: var(--ink); font: 600 var(--fs-1)/1.6 var(--body); white-space: nowrap;
}
.fxp-list{
  list-style: none; margin: 0; padding: 14px 0 16px; display: grid; gap: 16px 32px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr));
}
.fxp-lines + .fxp-list{ border-top: 1px solid var(--rule); }
.fxp-row{ display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; align-items: start; min-width: 0; }
.fxp-icon{ width: 36px; height: 36px; border-radius: var(--r-sm); object-fit: contain; }
.fxp-icon.is-empty{ display: block; }
.fxp-body{ display: grid; gap: 3px; min-width: 0; }
.fxp-name{ font: 600 var(--fs-3)/1.3 var(--body); color: var(--ink); }
.fxp-desc{ margin: 0; font: 400 var(--fs-3)/1.5 var(--body); color: var(--mute); }
.fxp-facts{ margin: 0; font: 400 var(--fs-2)/1.5 var(--body); color: var(--mute); }
.fxp-meta{ display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 4px 0 0; }
.fxp-pair{ display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.fxp-meta dt{
  font: 700 var(--fs-1)/1.5 var(--cond); letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); flex: none;
}
.fxp-meta dd{ margin: 0; font: 400 var(--fs-2)/1.5 var(--body); color: var(--ink); min-width: 0; }
.fxp-meta dd.fxp-num{ font-family: var(--mono); font-variant-numeric: tabular-nums; }
.fxp-group{
  margin: 0; padding: 14px 0 0; border-top: 1px solid var(--rule);
  font: 700 var(--fs-2)/1.4 var(--cond); letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute);
}
.fxp > .fxp-group:first-child{ border-top: 0; }
.fxp-group + .fxp-list{ padding-top: 10px; }
.fxp.is-flat .fxp-list{ grid-template-columns: minmax(0, 1fr); padding: 6px 0 12px; }
.fxp.is-flat > .fxp-group:first-child{ padding-top: 4px; }
@media (max-width: 560px){
.fxp{ padding: 2px 14px; }
.fxp.is-flat{ padding: 0; }
.fxp-line{ grid-template-columns: minmax(0, 1fr); gap: 2px; }
.fxp-text{ font-size: var(--fs-3); line-height: 1.5; }
.fxp-row{ grid-template-columns: 32px minmax(0, 1fr); gap: 10px; }
.fxp-icon{ width: 32px; height: 32px; }
}
.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%; }
}
.rr-bosses{
  display: flex; gap: 6px; padding: 4px var(--gutter) 6px; overflow-x: auto; overscroll-behavior-x: contain;
  scrollbar-width: thin; scroll-snap-type: x proximity; scroll-padding-inline: var(--gutter);
}
@media (min-width: 641px){
.rr-bosses{ flex-wrap: wrap; overflow-x: visible; }
}
.rr-boss-pick{
  display: inline-flex; align-items: center; gap: 6px; flex: none; min-height: 34px; scroll-snap-align: start;
  padding: 3px 12px 3px 4px; border-radius: 999px; border: 1px solid var(--hairline);
  background: var(--row); color: var(--mute); font: inherit; font-size: var(--fs-2); cursor: pointer; white-space: nowrap;
}
.rr-tutors-pick{ padding-left: 12px; }
.rr-boss-pick:only-of-type, .rr-boss-pick > .rr-boss-name:only-child{ padding-left: 8px; }
.rr-boss-pick:hover, .rr-boss-pick:focus-visible{ color: var(--ink); border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.rr-boss-pick[aria-pressed="true"]{ color: var(--ink); border-color: var(--gold); background: color-mix(in srgb, var(--gold) 14%, var(--row)); }
.rr-size-pick{ padding-left: 12px; }
.rr-bosses + .rr-sizes{ padding-top: 0; }
.rr-bosses.rr-mega-row{ padding-top: 0; }
.rr-mega-pick{ padding-left: 12px; }
.rr-boss-pick.rr-mega-pick, .rr-boss-pick.is-riftbreaker{
  color: color-mix(in srgb, var(--mute) 75%, var(--ink));
  border-color: color-mix(in srgb, var(--tier-rift-gold) 45%, var(--hairline));
  background: color-mix(in srgb, var(--tier-rift-a) 16%, var(--row)); }
.rr-boss-pick.is-herald{
  border-color: color-mix(in srgb, var(--tier-herald-a) 50%, var(--hairline));
  background: color-mix(in srgb, var(--tier-herald-a) 12%, var(--row)); }
.rr-boss-pick.rr-mega-pick[aria-pressed="true"], .rr-boss-pick.is-riftbreaker[aria-pressed="true"]{
  color: var(--ink); border-color: var(--tier-rift-gold); background: color-mix(in srgb, var(--tier-rift-a) 38%, var(--row)); }
.rr-boss-pick.is-herald[aria-pressed="true"]{
  color: var(--ink); border-color: var(--tier-herald-edge); background: color-mix(in srgb, var(--tier-herald-a) 32%, var(--row)); }
.rr-list[data-party="solo"] > .rr:not([data-party="solo"]),
.rr-list[data-party="party"] > .rr:not([data-party="party"]),
.rr-list[data-party="mega"] > .rr:not([data-party="mega"]){ display: none; }
.rr-party > [hidden]{ display: none; }
.rr-mates-more{ font: inherit; font-size: var(--fs-1); background: none; cursor: pointer; align-self: center; justify-self: start; }
.rr-mates-more:hover, .rr-mates-more:focus-visible{ color: var(--ink); border-color: var(--rule); }
@media (min-width: 900px){
.rr-party.has-drops.is-big{ grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
.rr-party.has-drops.is-big > .rr-mates-more{ grid-column: 1 / -1; }
}
.rr-boss-arts{ display: inline-flex; }
.rr-boss-arts > .thumb{ width: 26px; height: 26px; border-radius: 50%; object-fit: cover; background: var(--panel); }
.rr-boss-arts > .thumb + .thumb{ margin-left: -10px; }
.rh-filters{ padding: 6px var(--gutter) 8px; }
.rh-levels{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.rh-pill{
  --c: var(--gold);
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 4px 14px;
  border: 0; border-radius: 999px; cursor: pointer; white-space: nowrap;
  color: var(--mute); font: 600 var(--fs-2)/1.2 var(--body);
  background: var(--panel); box-shadow: var(--shadow-card), inset 0 0 0 1px var(--hairline-2);
}
.rh-pill:hover{ color: var(--ink); box-shadow: var(--shadow-card), inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 60%, transparent); }
.rh-pill:focus-visible, .rh-chip-x:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.rh-pill[aria-pressed="true"]{ color: var(--ink); background: var(--pill-on); box-shadow: inset 0 0 0 1.5px var(--c); }
.rh-pill[data-level=""][aria-pressed="true"]{ color: var(--gold); }
.rh-pill.is-s1{ --c: var(--lvl-1); }
.rh-pill.is-s2{ --c: var(--lvl-2); }
.rh-pill.is-s3{ --c: var(--lvl-3); }
.rh-pill.is-mega{ --c: var(--lvl-mega); }
.rh-pill.rh-tutors{ --c: var(--lvl-tutor); }
.rh-dot{ flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--c); }
.rh-pill.is-mega[aria-pressed="true"]{ background: color-mix(in srgb, var(--tier-rift-a) 30%, var(--panel)); box-shadow: inset 0 0 0 1.5px var(--tier-rift-gold); }
.rh-adv-btn{ margin-left: auto; padding-right: 10px; }
.rh-filters.is-open .rh-adv-btn{ color: var(--ink); background: var(--pill-on); box-shadow: inset 0 0 0 1.5px var(--gold); }
.rh-caret{ color: var(--mute); display: inline-grid; place-items: center; }
.rh-caret > svg{ display: block; }
.rh-filters.is-open .rh-caret{ transform: rotate(180deg); }
.rh-chip{
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 3px 4px 3px 4px; max-width: 100%;
  border-radius: 999px; color: var(--ink); font: 600 var(--fs-2)/1.2 var(--body);
  background: color-mix(in srgb, var(--gold) 14%, var(--panel)); box-shadow: inset 0 0 0 1.5px var(--gold);
}
.rh-chip > .rh-chip-name:first-child{ padding-left: 10px; }
.rh-chip-name{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rh-chip.is-riftbreaker{ background: color-mix(in srgb, var(--tier-rift-a) 30%, var(--panel)); box-shadow: inset 0 0 0 1.5px var(--tier-rift-gold); }
.rh-chip.is-herald{ background: color-mix(in srgb, var(--tier-herald-a) 26%, var(--panel)); box-shadow: inset 0 0 0 1.5px var(--tier-herald-edge); }
.rh-chip-x{
  display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; border: 0; border-radius: 50%;
  cursor: pointer; color: var(--ink); background: color-mix(in srgb, var(--ink) 10%, transparent); font: 600 var(--fs-3)/1 var(--body);
}
.rh-chip-x:hover{ color: var(--ink); background: color-mix(in srgb, var(--ink) 16%, transparent); }
.rh-adv{
  margin-top: 10px; padding: 12px; border-radius: var(--r-lg); background: var(--panel);
  border: 1px solid var(--rule); box-shadow: var(--shadow-card);
  display: grid; gap: 14px;
}
.rh-adv[hidden]{ display: none; }
.rh-adv-group{ --c: var(--gold); min-width: 0; }
.rh-adv-group.is-s1{ --c: var(--lvl-1); }
.rh-adv-group.is-s2{ --c: var(--lvl-2); }
.rh-adv-group.is-s3{ --c: var(--lvl-3); }
.rh-adv-group.is-tutor{ --c: var(--lvl-tutor); }
.rh-adv-group.is-mega{ --c: var(--lvl-mega); }
.rh-adv-head{
  display: flex; align-items: center; gap: 7px; margin: 0 0 8px;
  font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--dim);
}
.rh-adv-sub{ margin: 4px 0 6px; font: 600 var(--fs-1) var(--body); color: var(--mute); }
.rh-adv-pills{ display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.rh-adv-pills + .rh-adv-sub{ margin-top: 10px; }
.rh-adv-pills > .rr-boss-pick{ max-width: 100%; }
.rh-adv-pills .rr-boss-name{ min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.rh-filters + .rr-sizes{ padding-top: 0; }
@media (prefers-reduced-motion: no-preference){
.rh-caret{ transition: transform .18s ease; }
.rh-adv:not([hidden]){ animation: mx-pop .16s ease-out; }
}
@media (max-width: 640px){
.rh-pill{ min-height: 40px; padding: 4px 12px; }
.rh-chip{ min-height: 40px; }
.rh-adv{ padding: 12px 10px; }
.rh-adv-pills > .rr-boss-pick{ min-height: 38px; }
}
.rd-fight-head{ display: flex; align-items: baseline; gap: 4px; min-width: 0; }
.rd-fight.is-many{ grid-column: 1 / -1; }
.rd-times{ flex: none; font-style: normal; font-family: var(--mono); font-weight: 600; font-size: var(--fs-1); color: var(--gold); white-space: nowrap; }
.rd-p-blows{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: var(--fs-1); color: var(--dim); }
.rd-p-blows-k{ font-family: var(--cond); letter-spacing: .08em; text-transform: uppercase; }
.rd-blows{ display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.rd-blow{
  display: inline-flex; align-items: center; gap: 3px; min-height: 26px; padding: 2px 8px 2px 3px;
  border-radius: 999px; background: var(--panel); border: 1px solid var(--hairline); color: var(--ink); text-decoration: none;
}
.rd-blow > .thumb{ width: 20px; height: 20px; flex: none; object-fit: contain; background: none; border: 0; }
.rd-blow i{ font-style: normal; font-family: var(--mono); color: var(--mute); }
.rd-blow-name{ white-space: nowrap; }
a.rd-blow:hover, a.rd-blow:focus-visible{ color: var(--gold); border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
@media (pointer: coarse){
a.rd-blow{ min-height: 32px; }
}
.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 .fx-search{ flex: 1 1 calc(100% - 40px); }
.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); } }
.ws-atk-ball-text{ display: grid; gap: 1px; min-width: 0; }
.adv-open-text{ display: grid; gap: 2px; min-width: 0; flex: 1; }
.adv-open-text b{ font: 700 var(--fs-3)/1.2 var(--body); }
.adv-open-text span{ color: var(--mute); font-size: var(--fs-1); }
.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); }
.adv-hero-glow{
  position: absolute; inset: 10px; border-radius: 999px;
  background: radial-gradient(circle, color-mix(in srgb, var(--c, var(--gold)) 55%, transparent), transparent 68%);
}
.adv-text{ display: grid; gap: 5px; min-width: 0; }
.adv-plan-text{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; min-width: 0; font-size: var(--fs-2); overflow-wrap: anywhere; }
.adv-choice-text{ display: grid; gap: 2px; min-width: 0; }
.adv-choice-text b{ font: 700 var(--fs-2)/1.2 var(--body); overflow-wrap: anywhere; }
.adv-choice-text span{ color: var(--mute); font-size: var(--fs-1); }
@media (prefers-reduced-motion: no-preference){
.is-revealed .adv-hero-glow{ animation: adv-glow 2400ms ease-in-out 600ms infinite; }
@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-card{ position: relative; border: 1px solid var(--fl-edge); border-radius: var(--r-lg); background: var(--fl-bg);
  -webkit-backdrop-filter: var(--fl-blur); backdrop-filter: var(--fl-blur); box-shadow: var(--fl-shadow); }
.fl-tile{ display: grid; align-content: start; gap: 4px; min-width: 0; padding: 10px 12px; border-radius: var(--r);
  background: var(--fl-tile); box-shadow: var(--fl-tile-shadow); }
.fl-pills{ display: flex; flex-wrap: wrap; gap: 6px; }
.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; }
}
#view.fl-scope .fl-hero{ margin: 8px var(--gutter) 4px; border: 1px solid var(--fl-edge); border-radius: var(--r-lg);
  background: radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 60%),
    radial-gradient(90% 80% at 100% 0%, color-mix(in srgb, var(--acc-violet) 12%, transparent), transparent 60%), var(--fl-bg);
  box-shadow: var(--fl-shadow); }
#view.fl-scope .ball-hero.fl-hero:not(.player-hero) > .si-trigger > img, #view.fl-scope .ball-hero.fl-hero:not(.player-hero) > img{
  width: 132px; height: 132px; filter: drop-shadow(0 10px 14px color-mix(in srgb, var(--ink) 22%, transparent)); }
.ball-stats.has-gauge > :first-child, #view.fl-scope .fl-hero .ball-stats.has-gauge > :first-child{ display: none; }
#view.fl-scope .fl-hero .ball-stats{ display: flex; flex-wrap: wrap; gap: 8px; }
#view.fl-scope .fl-hero .ball-stats > *{ flex: 1 1 auto; min-width: 104px; }
#view.fl-scope .fl-hero .ball-stats b{ white-space: nowrap; }
#view.fl-scope .fl-hero .ball-stats > div, #view.fl-scope .fl-hero .ball-stats > .cpp-toggle{
  display: grid; align-content: start; gap: 4px; min-width: 0; margin: 0; padding: 10px 12px; border-radius: var(--r);
  background: var(--fl-tile); box-shadow: var(--fl-tile-shadow); text-align: left; }
#view.fl-scope .fl-hero .ball-stats b{ font-size: var(--fs-5); line-height: 1.05; }
#view.fl-scope .fl-hero .ball-stats div.is-thin b{ font-size: var(--fs-2); line-height: 1.6; }
@media (min-width: 900px){
#view.fl-scope .ball-hero.fl-hero:not(.player-hero) > .si-trigger > img, #view.fl-scope .ball-hero.fl-hero:not(.player-hero) > img{ width: 176px; height: 176px; }
}
#view.fl-scope .fl-hero[data-item-tier="4"]{ --aura: var(--rar-mythical); --aura-k: .8; --aura-r: 128px; --aura-t: 10s; }
#view.fl-scope .fl-hero[data-item-tier="5"]{ --aura: var(--prestige-gold); --aura-k: 1; --aura-r: 160px; --aura-t: 8s; }
#view.fl-scope .fl-hero[data-item-tier="4"], #view.fl-scope .fl-hero[data-item-tier="5"]{ position: relative; isolation: isolate;
  background: radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--aura) calc(var(--aura-k) * 22%), transparent), transparent 62%),
    radial-gradient(90% 80% at 100% 0%, color-mix(in srgb, var(--aura) calc(var(--aura-k) * 12%), transparent), transparent 60%),
    radial-gradient(80% 70% at 100% 100%, color-mix(in srgb, var(--aura) calc(var(--aura-k) * 8%), transparent), transparent 65%), var(--fl-bg); }
#view.fl-scope .fl-hero[data-item-tier="4"]::after, #view.fl-scope .fl-hero[data-item-tier="5"]::after{ content: ""; position: absolute; inset: 0; z-index: -1;
  border-radius: inherit; pointer-events: none; opacity: var(--aura-k);
  background: radial-gradient(circle var(--aura-r) at var(--aura-at, calc(var(--gutter) + 66px) 50%),
      color-mix(in srgb, var(--aura) 42%, transparent), color-mix(in srgb, var(--aura) 16%, transparent) 50%, transparent 100%); }
@media (max-width: 700px){
#view.fl-scope .fl-hero[data-item-tier="4"], #view.fl-scope .fl-hero[data-item-tier="5"]{ --aura-at: calc(var(--gutter) + 66px) 86px; }
}
@media (prefers-reduced-motion: no-preference){
#view.fl-scope .fl-hero[data-item-tier="4"]::after, #view.fl-scope .fl-hero[data-item-tier="5"]::after{ animation: item-tier-aura var(--aura-t) ease-in-out infinite; }
}
@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); }
}
@media (max-width: 600px){
#view.fl-scope .fl-hero{ padding-top: 16px; padding-bottom: 16px; }
}
#view.fl-scope .fl-card :focus-visible, #view.fl-scope .fl-hero :focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
@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"] .hero.fl-hero{ overflow: hidden; border-bottom: 1px solid var(--fl-edge); }
#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 .fl-hero .ball-stats > .is-gauged{ display: none; }
#view.fl-scope[data-fl="item"] .fl-hero > img, #view.fl-scope[data-fl="mymic"] .fl-hero > img{
  filter: drop-shadow(0 10px 14px color-mix(in srgb, var(--ink) 22%, transparent)); }
#view.fl-scope .dr-tile{ background: var(--fl-bg); border-color: var(--fl-edge); box-shadow: var(--shadow-card); }
#view.fl-scope[data-fl="mymic"] > .bm{ margin: 12px var(--gutter) 4px; padding: 12px 14px 4px; border: 1px solid var(--fl-edge);
  border-radius: var(--r-lg); background: var(--fl-bg); box-shadow: var(--fl-shadow); }
#view.fl-scope[data-fl="mymic"] > .bm > .boss-col-title{ margin-top: 0; }
#view.fl-scope[data-fl="raids"] .mt-grid{ gap: 12px; }
#view.fl-scope[data-fl="raids"] .mt{ border-radius: var(--r-lg); }
#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); }
@media (max-width: 600px){
#view.fl-scope[data-fl="mymic"] > .bm{ padding: 10px 12px 2px; }
}
.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; }
}
.pc.ts{ max-width: 1080px; }
#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-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-backdrop{ position: absolute; inset: -8px 0 auto; height: 520px; z-index: -1; pointer-events: none; border-radius: var(--r-lg); background:
    radial-gradient(60% 40% at 50% 0%, color-mix(in srgb, var(--lvl-3) 12%, transparent), transparent 70%),
    radial-gradient(40% 30% at 0% 30%, color-mix(in srgb, var(--gold) 10%, 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);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%); }
.rs-card{ position: relative; display: grid; gap: 12px; min-width: 0; padding: 14px; border-radius: var(--r-lg); border: 1px solid var(--hairline);
  background: color-mix(in srgb, var(--panel) 94%, transparent); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: var(--shadow-card), var(--shadow-2); }
.rs-card-h{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; flex-wrap: wrap; }
#view .rs-card-t{ margin: 0; color: var(--mute); font: 700 var(--fs-2)/1.2 var(--body); text-transform: uppercase; letter-spacing: .08em; }
.rs-setup{ background: radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 60%),
  color-mix(in srgb, var(--panel) 94%, transparent); }
.rs-field{ display: grid; gap: 6px; min-width: 0; }
.rs-label{ font: 600 var(--fs-1)/1.3 var(--body); color: var(--mute); text-transform: uppercase; letter-spacing: .06em; }
.rs-none, .rs-note{ margin: 0; font-size: var(--fs-2); color: var(--dim); }
.rs-src{ font: 600 var(--fs-1)/1.3 var(--body); color: var(--dim); }
.rs-seg{ display: flex; flex-wrap: wrap; gap: 6px; }
.rs-seg-b{ min-height: 36px; min-width: 52px; padding: 6px 14px; border: 0; border-radius: 999px; background: var(--row); color: var(--mute);
  font: 600 var(--fs-2)/1.2 var(--body); letter-spacing: 0; text-transform: none; cursor: pointer; }
.rs-seg-b[aria-pressed="true"]{ background: var(--pill-on); color: var(--ink); box-shadow: inset 0 0 0 1px var(--gold); }
.rs-seg-b.is-lvl-0[aria-pressed="true"]{ box-shadow: inset 0 0 0 1px var(--lvl-tutor); }
.rs-seg-b.is-lvl-1[aria-pressed="true"]{ box-shadow: inset 0 0 0 1px var(--lvl-1); }
.rs-seg-b.is-lvl-2[aria-pressed="true"]{ box-shadow: inset 0 0 0 1px var(--lvl-2); }
.rs-seg-b.is-lvl-3[aria-pressed="true"], .rs-seg-b.is-lvl-4[aria-pressed="true"]{ box-shadow: inset 0 0 0 1px var(--lvl-3); }
.rs-seg-b:focus-visible, .rs-boss:focus-visible, .rs-ball:focus-visible, .rs-chip:focus-visible, .rs-go:focus-visible, .rs-ctl-b:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.rs-bosses{ display: grid; grid-auto-flow: column; grid-auto-columns: 112px; gap: 8px; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
.rs-boss{ display: grid; justify-items: center; align-content: start; gap: 4px; min-height: 132px; padding: 10px 6px; border: 1px solid var(--hairline); border-radius: var(--r-lg);
  background: var(--row); color: var(--ink); text-align: center; letter-spacing: 0; text-transform: none; cursor: pointer; scroll-snap-align: start; }
.rs-boss[aria-pressed="true"]{ background: var(--pill-on); border-color: color-mix(in srgb, var(--gold) 70%, transparent); box-shadow: var(--shadow-card); }
.rs-boss-img{ width: 56px; height: 56px; object-fit: contain; }
.rs-boss-name{ font: 700 var(--fs-2)/1.2 var(--body); overflow-wrap: anywhere; }
.rs-boss-sub{ font: 500 var(--fs-1)/1.2 var(--body); color: var(--dim); }
.rs-noart{ display: inline-block; border-radius: 50%; background: color-mix(in srgb, var(--ink) 10%, transparent); }
.rs-pill{ display: inline-block; padding: 1px 8px; border-radius: 999px; background: var(--row); color: var(--mute); font: 600 var(--fs-1)/1.5 var(--body); white-space: nowrap; }
.rs-pill.is-lead{ background: color-mix(in srgb, var(--acc-violet) 18%, transparent); color: color-mix(in srgb, var(--acc-violet) 70%, var(--ink)); }
.rs-pill.is-ok{ color: var(--good); background: color-mix(in srgb, var(--good) 14%, transparent); }
.rs-pill.is-bad{ color: var(--bad); background: color-mix(in srgb, var(--bad) 14%, transparent); }
.rs-squad-h{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rs-count{ font: 600 var(--fs-1)/1.3 var(--mono); color: var(--dim); }
.rs-presets{ display: flex; gap: 6px; margin-left: auto; flex-wrap: wrap; }
.rs-chip{ min-height: 32px; padding: 4px 12px; border: 0; border-radius: 999px; background: var(--row); color: var(--mute); font: 600 var(--fs-1)/1.2 var(--body);
  letter-spacing: 0; text-transform: none; cursor: pointer; }
.rs-squad{ display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 6px; max-height: 320px; overflow: auto; padding: 2px; overscroll-behavior: contain; }
.rs-ball{ position: relative; display: grid; justify-items: center; gap: 2px; min-height: 96px; padding: 8px 4px 6px; border: 1px solid transparent; border-radius: var(--r);
  background: var(--row); color: var(--ink); text-align: center; letter-spacing: 0; text-transform: none; cursor: pointer; opacity: .55; }
.rs-ball[aria-pressed="true"]{ opacity: 1; background: var(--pill-on); border-color: color-mix(in srgb, var(--gold) 55%, transparent); }
.rs-ball-art{ position: relative; width: 44px; height: 44px; }
.rs-ball-img{ width: 44px; height: 44px; object-fit: contain; }
.rs-ball-item{ position: absolute; right: -6px; bottom: -4px; width: 20px; height: 20px; object-fit: contain; border-radius: var(--r-sm); background: var(--panel); box-shadow: var(--shadow-1); }
.rs-ball-name{ max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 var(--fs-1)/1.2 var(--body); }
.rs-ball-cp{ font: 600 var(--fs-1)/1.2 var(--mono); color: var(--dim); font-variant-numeric: tabular-nums; }
.rs-go-row{ display: flex; align-items: end; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.rs-settings summary{ cursor: pointer; font: 600 var(--fs-2)/1.4 var(--body); color: var(--mute); }
.rs-fields{ display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.rs-input{ width: 7.5em; min-height: 36px; box-sizing: border-box; padding: 6px 12px; font: var(--fs-3)/1.2 var(--mono); color: var(--ink); background: var(--bg);
  border: 1px solid var(--rule); border-radius: 999px; }
.rs-input:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.rs-go{ min-height: 44px; padding: 8px 24px; border: 0; border-radius: 999px; background: var(--gold); color: var(--bg); font: 700 var(--fs-3)/1.2 var(--body);
  letter-spacing: 0; text-transform: none; cursor: pointer; box-shadow: var(--shadow-card); }
.rs-go.is-quiet{ min-height: 36px; padding: 6px 18px; background: var(--row); color: var(--ink); box-shadow: none; font-size: var(--fs-2); }
.rs-go:disabled{ opacity: .6; cursor: progress; }
.rs-results{ display: grid; gap: 14px; min-width: 0; }
.rs-results:empty{ display: none; }
.rs-summary{ justify-items: center; text-align: center; }
.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; }
.rs-sum-r{ display: grid; gap: 8px; width: 100%; min-width: 0; }
.rs-sum-h{ display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
.rs-sum-boss{ font: 700 var(--fs-4)/1.2 var(--body); }
.rs-ci{ color: var(--dim); font: 500 var(--fs-1)/1.3 var(--mono); }
.rs-lvl{ padding: 1px 8px; border-radius: 999px; font: 700 var(--fs-1)/1.5 var(--body); background: var(--row); color: var(--ink); }
.rs-lvl.is-lvl-0{ color: var(--lvl-tutor); }
.rs-lvl.is-lvl-1{ color: var(--lvl-1); }
.rs-lvl.is-lvl-2{ color: var(--lvl-2); }
.rs-lvl.is-lvl-3, .rs-lvl.is-lvl-4{ color: var(--lvl-3); }
.rs-tag{ padding: 1px 7px; border-radius: var(--r-sm); font: 700 var(--fs-1)/1.6 var(--body); text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.rs-tag.is-model{ background: color-mix(in srgb, var(--acc-violet) 16%, transparent); color: color-mix(in srgb, var(--acc-violet) 75%, var(--ink)); }
.rs-tag.is-real{ background: color-mix(in srgb, var(--good) 16%, transparent); color: color-mix(in srgb, var(--good) 80%, var(--ink)); }
.rs-stats{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; }
.rs-stat{ display: grid; gap: 3px; align-content: start; padding: 10px; border-radius: var(--r); background: var(--row); text-align: left; min-width: 0; }
.rs-stat b{ font: 700 var(--fs-5)/1 var(--mono); font-variant-numeric: tabular-nums; }
.rs-stat-l{ color: var(--mute); font: 600 var(--fs-1)/1.2 var(--body); text-transform: uppercase; letter-spacing: .06em; }
.rs-stat small{ color: var(--dim); font: 500 var(--fs-1)/1.3 var(--mono); overflow-wrap: anywhere; }
.rs-stat[data-key="rows"] b{ font-size: var(--fs-3); color: var(--mute); }
.rs-group{ display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 8px; }
.rs-member .rs-pill{ white-space: normal; text-align: center; }
.rs-member{ display: grid; justify-items: center; gap: 4px; padding: 10px 6px; border-radius: var(--r); background: var(--row); text-align: center; }
.rs-member.is-lead{ background: radial-gradient(100% 80% at 50% 0%, color-mix(in srgb, var(--acc-violet) 22%, transparent), transparent 70%), var(--row);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--acc-violet) 55%, transparent); }
.rs-member-img{ width: 64px; height: 64px; object-fit: contain; }
.rs-member b{ font: 700 var(--fs-2)/1.2 var(--body); }
.rs-member small{ color: var(--dim); font: 500 var(--fs-1)/1.2 var(--mono); }
.rs-floors{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rs-floor{ display: grid; grid-template-columns: 22px auto minmax(0, 1fr) 3.2em; gap: 8px; align-items: center; padding: 6px 8px; border-radius: var(--r); background: var(--row); }
.rs-floor-n{ font: 700 var(--fs-2)/1 var(--mono); color: var(--mute); text-align: center; }
.rs-faces{ display: flex; }
.rs-face{ width: 28px; height: 28px; object-fit: contain; flex: 0 0 auto; }
.rs-faces .rs-face + .rs-face{ margin-left: -8px; }
.rs-floor-b{ display: grid; gap: 4px; min-width: 0; }
.rs-floor-name{ font: 500 var(--fs-1)/1.25 var(--body); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-meter{ position: relative; display: block; height: 6px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--ink) 10%, transparent); }
.rs-meter i{ position: absolute; inset: 0; border-radius: 999px; background: var(--gold); transform-origin: left center; transform: scaleX(var(--w, 0)); }
.rs-num{ font: 600 var(--fs-2)/1.3 var(--mono); font-variant-numeric: tabular-nums; text-align: right; }
.rs-hp{ position: relative; display: block; width: 100%; height: 6px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--ink) 12%, transparent); }
.rs-hp i{ position: absolute; inset: 0; border-radius: 999px; background: var(--good); transform-origin: left center; transform: scaleX(var(--w, 1)); }
.rs-hp i.is-mid{ background: var(--acc-amber); }
.rs-hp i.is-lo{ background: var(--bad); }
.rs-sub-h{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rs-bars{ display: grid; gap: 6px; }
.rs-bar-row{ display: grid; grid-template-columns: 3em minmax(0, 1fr) 3.2em; gap: 8px; align-items: center; }
.rs-bar-l{ font: 600 var(--fs-2)/1.2 var(--body); color: var(--mute); }
.rs-meter.is-wide{ height: 10px; }
.rs-meter.is-wide i{ background: var(--acc-violet); }
.rs-sizes{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.rs-size{ display: grid; gap: 2px; padding: 8px; border-radius: var(--r); background: var(--row); }
.rs-size b{ font: 700 var(--fs-3)/1 var(--mono); }
.rs-size span{ color: var(--dim); font: 500 var(--fs-1)/1.2 var(--body); }
.rs-real{ display: grid; gap: 4px; }
.rs-real-row{ display: grid; grid-template-columns: 6.5em 1fr 1fr; gap: 8px; font: 500 var(--fs-2)/1.35 var(--body); }
.rs-real-n{ color: var(--mute); }
.rs-scroll{ overflow: auto; max-height: 420px; border-radius: var(--r); }
.rs-table{ width: 100%; min-width: 0; border-collapse: separate; border-spacing: 0; font-size: var(--fs-2); }
.rs-table th, .rs-table td{ padding: 6px 8px; text-align: left; }
.rs-table thead th{ position: sticky; top: 0; z-index: 1; background: var(--panel); color: var(--mute); font: 600 var(--fs-1)/1.2 var(--body); }
.rs-table .is-num{ width: 1%; white-space: nowrap; text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums; }
.rs-table tbody tr + tr > *{ border-top: 1px solid var(--hairline); }
.rs-table tbody th{ font-weight: 500; overflow-wrap: anywhere; }
.rs-kname{ display: flex; align-items: center; gap: 8px; font-weight: 500; min-width: 0; }
.rs-heat{ border-radius: var(--r-sm); }
.rs-heat.is-s1{ background: color-mix(in srgb, var(--gold) 10%, transparent); }
.rs-heat.is-s2{ background: color-mix(in srgb, var(--gold) 20%, transparent); }
.rs-heat.is-s3{ background: color-mix(in srgb, var(--gold) 32%, transparent); }
.rs-heat.is-s4{ background: color-mix(in srgb, var(--gold) 46%, transparent); font-weight: 700; }
.rs-dim{ color: var(--dim); }
.rs-drops{ display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
.rs-drop{ display: grid; justify-items: center; gap: 4px; padding: 10px 6px; border-radius: var(--r); background: var(--row); text-align: center; }
.rs-drop-img{ width: 44px; height: 44px; object-fit: contain; }
.rs-drop b{ font: 700 var(--fs-3)/1 var(--mono); }
.rs-drop span{ font: 500 var(--fs-1)/1.25 var(--body); color: var(--mute); overflow-wrap: anywhere; }
.rs-stage-floor{ justify-self: start; padding: 2px 10px; border-radius: 999px; background: var(--panel); font: 700 var(--fs-1)/1.6 var(--body); color: var(--mute); text-transform: uppercase; letter-spacing: .08em; }
.rs-foe-name{ font: 600 var(--fs-1)/1.2 var(--body); overflow-wrap: anywhere; }
.rs-foe-hp{ font: 500 var(--fs-1)/1.2 var(--mono); color: var(--dim); font-variant-numeric: tabular-nums; }
.rs-fx{ display: flex; flex-wrap: wrap; justify-content: center; gap: 3px; }
.rs-fx-pill{ padding: 0 5px; border-radius: 999px; background: color-mix(in srgb, var(--acc-violet) 16%, transparent); font: 600 var(--fs-1)/1.6 var(--body); color: var(--ink); }
.rs-line{ margin: 0; min-height: 2.6em; font: 500 var(--fs-3)/1.3 var(--body); color: var(--ink); }
.rs-left{ display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.rs-left-chip{ display: inline-flex; align-items: baseline; gap: 6px; padding: 4px 10px; border-radius: 999px; background: var(--row); font: 500 var(--fs-1)/1.4 var(--body); color: var(--mute); }
.rs-left-chip b{ font: 700 var(--fs-2)/1 var(--mono); color: var(--ink); }
.rs-left-chip.is-you{ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent); }
.rs-ctl{ display: flex; align-items: center; gap: 8px; }
.rs-ctl-b{ display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; border: 0; border-radius: 50%; background: var(--row); color: var(--ink);
  font: 700 var(--fs-3)/1 var(--body); letter-spacing: 0; text-transform: none; cursor: pointer; }
.rs-ctl-b.is-main{ width: 48px; height: 48px; flex-basis: 48px; background: var(--gold); color: var(--bg); }
.rs-ctl-b:disabled{ opacity: .4; cursor: default; }
.rs-scrub{ flex: 1 1 auto; min-width: 0; height: 32px; accent-color: var(--gold); }
.rs-pos{ flex: 0 0 auto; font: 600 var(--fs-1)/1 var(--mono); color: var(--dim); font-variant-numeric: tabular-nums; }
.rs-more summary{ cursor: pointer; font: 600 var(--fs-2)/1.4 var(--body); color: var(--mute); }
.rs-more-list{ margin: 8px 0 0; padding-left: 0; list-style: none; display: grid; gap: 6px; font-size: var(--fs-2); color: var(--dim); }
.rs-more-list li{ display: flex; gap: 8px; align-items: baseline; }
.rs-basis{ flex: 0 0 auto; padding: 0 6px; border-radius: var(--r-sm); font: 700 var(--fs-1)/1.7 var(--body); text-transform: uppercase; letter-spacing: .06em; background: var(--row); color: var(--mute); }
.rs-basis.is-measured{ background: color-mix(in srgb, var(--good) 16%, transparent); color: color-mix(in srgb, var(--good) 80%, var(--ink)); }
.rs-basis.is-published{ background: color-mix(in srgb, var(--gold) 16%, transparent); color: color-mix(in srgb, var(--gold) 80%, var(--ink)); }
.rs-log{ list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.rs-log li{ display: grid; grid-template-columns: 5em minmax(0, 1fr) auto; gap: 8px; align-items: baseline; font-size: var(--fs-2); }
.rs-log li b{ color: var(--mute); font-size: var(--fs-1); }
.rs-log li small{ color: var(--dim); }
.rs-log li.is-failed small{ color: var(--bad); }
.rs-check-out{ display: grid; gap: 12px; min-width: 0; }
.rs-stats.is-wide{ grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); }
.rs-check-runs{ display: grid; gap: 4px; max-height: 320px; overflow: auto; }
.rs-check-row{ display: grid; grid-template-columns: 3.4em minmax(0, 1fr) auto auto; gap: 8px; align-items: center; padding: 4px 0; font-size: var(--fs-2); }
.rs-check-row small{ color: var(--dim); }
.rs-check-boss{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 900px){
.rs-results{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
.rs-results > .rs-summary, .rs-results > .rs-play, .rs-results > .rs-order-card{ grid-column: 1 / -1; }
.rs-summary{ grid-template-columns: auto minmax(0, 1fr); justify-items: stretch; text-align: left; align-items: center; column-gap: 24px; }
.rs-summary .rs-gauge{ width: 240px; }
.rs-summary .rs-gauge-fig{ justify-items: center; text-align: center; }
.rs-sum-h{ justify-content: flex-start; }
.rs-stats{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rs-squad{ grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); }
}
@media (max-width: 420px){
.rs-card{ padding: 12px; }
.rs-floor{ grid-template-columns: 18px auto minmax(0, 1fr) 3em; padding: 6px; }
.rs-faces .rs-face:nth-child(n+4){ display: none; }
.rs-member-img{ width: 48px; height: 48px; }
.rs-member{ padding: 8px 4px; }
.rs-real-row{ grid-template-columns: 5.5em 1fr; }
.rs-real-row > :last-child{ grid-column: 2; color: var(--dim); }
.rs-log li{ grid-template-columns: 4.5em minmax(0, 1fr); }
.rs-log li small{ grid-column: 2; }
}
@media (prefers-reduced-motion: no-preference){
.rs-seg-b, .rs-boss, .rs-ball, .rs-chip{ transition: background-color .2s, opacity .2s, transform .15s var(--ease); }
.rs-boss:active, .rs-ball:active, .rs-go:active{ transform: scale(.97); }
.rs-results.is-reveal .rs-rise{ animation: rs-rise .36s var(--ease) both; animation-delay: calc(var(--i, 0) * 70ms); }
.rs-gauge-fill{ animation: rs-fade .4s ease both; }
.rs-needle{ animation: rs-needle .5s var(--ease) both; }
.rs-meter i, .rs-hp i{ transition: transform .3s var(--ease), background-color .3s; }
}
.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-mode .rs-seg-b{ min-width: 104px; }
.rs-floorpick{ display: grid; grid-auto-flow: column; grid-auto-columns: minmax(84px, 1fr); gap: 8px; overflow-x: auto; padding: 2px 2px 8px; overscroll-behavior-x: contain; }
.rs-fl{ display: grid; justify-items: center; gap: 6px; min-height: 76px; padding: 8px 6px; border: 1px solid var(--hairline); border-radius: var(--r-lg);
  background: var(--row); color: var(--ink); letter-spacing: 0; text-transform: none; cursor: pointer; }
.rs-fl[aria-pressed="true"]{ background: var(--pill-on); border-color: color-mix(in srgb, var(--gold) 70%, transparent); box-shadow: var(--shadow-card); }
.rs-fl-n{ font: 800 var(--fs-4)/1 var(--mono); color: var(--mute); }
.rs-fl[aria-pressed="true"] .rs-fl-n{ color: var(--ink); }
.rs-fights{ display: flex; flex-wrap: wrap; gap: 6px; }
.rs-chip[aria-pressed="true"]{ background: var(--pill-on); color: var(--ink); box-shadow: inset 0 0 0 1px var(--gold); }
.rs-slot{ position: absolute; top: 4px; left: 4px; display: grid; place-items: center; min-width: 18px; height: 18px; border-radius: 999px;
  font: 700 var(--fs-1)/1 var(--mono); color: var(--bg); background: var(--gold); }
.rs-slot:empty{ display: none; }
.rs-ball:disabled{ cursor: default; opacity: .3; }
.rs-five{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rs-five-row{ display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 10px; border-radius: var(--r); background: var(--row); }
.rs-five-row.is-idle{ opacity: .55; }
.rs-five-who{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.rs-five-n{ flex: 0 0 auto; width: 1.4em; font: 700 var(--fs-2)/1 var(--mono); color: var(--mute); text-align: center; }
.rs-five-t{ display: grid; gap: 2px; min-width: 0; }
.rs-five-t b{ font: 700 var(--fs-2)/1.2 var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-five-t small{ font: 500 var(--fs-1)/1.2 var(--mono); color: var(--dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-five-share{ display: grid; gap: 4px; }
.rs-five-share b{ font: 700 var(--fs-3)/1 var(--mono); font-variant-numeric: tabular-nums; }
.rs-five-figs{ display: flex; gap: 12px; }
.rs-fig{ display: grid; gap: 1px; text-align: right; }
.rs-fig b{ font: 600 var(--fs-2)/1.1 var(--mono); font-variant-numeric: tabular-nums; }
.rs-fig small{ font: 600 var(--fs-1)/1.2 var(--body); color: var(--dim); text-transform: uppercase; letter-spacing: .06em; }
.rs-steps{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; max-height: 520px; overflow: auto; overscroll-behavior: contain; }
.rs-step{ display: grid; grid-template-columns: 1.8em 36px minmax(0, 1fr); gap: 8px; align-items: start; padding: 6px 8px; border-radius: var(--r); background: var(--row); }
.rs-step-n{ font: 700 var(--fs-2)/1 var(--mono); padding-top: 11px; color: var(--mute); text-align: center; }
.rs-step-img{ width: 36px; height: 36px; object-fit: contain; }
.rs-step-b{ display: grid; gap: 3px; min-width: 0; padding-top: 2px; }
.rs-step-ball{ font: 700 var(--fs-2)/1.2 var(--body); }
.rs-step-t{ font: 500 var(--fs-1)/1.3 var(--mono); color: var(--mute); overflow-wrap: anywhere; }
.rs-step-pills{ display: flex; flex-wrap: wrap; gap: 4px; }
.rs-pill.is-se{ color: color-mix(in srgb, var(--good) 80%, var(--ink)); background: color-mix(in srgb, var(--good) 14%, transparent); }
.rs-pill.is-kill, .rs-pill.is-exec{ color: color-mix(in srgb, var(--bad) 80%, var(--ink)); background: color-mix(in srgb, var(--bad) 12%, transparent); }
.rs-pill.is-ready{ color: color-mix(in srgb, var(--gold) 80%, var(--ink)); background: color-mix(in srgb, var(--gold) 16%, transparent); white-space: normal; }
.rs-pill.is-multi, .rs-pill.is-exhaust{ color: color-mix(in srgb, var(--acc-violet) 75%, var(--ink)); background: color-mix(in srgb, var(--acc-violet) 14%, transparent); }
.rs-pill.is-ult{ color: color-mix(in srgb, var(--acc-amber) 80%, var(--ink)); background: color-mix(in srgb, var(--acc-amber) 16%, transparent); }
.rs-pill.is-spawn{ color: var(--mute); background: var(--row); }
.rs-pill.is-why{ color: var(--ink); background: var(--pill-on, var(--row)); }
.rs-order-figs{ display: flex; flex-wrap: wrap; gap: 8px 20px; }
.rs-order-figs .rs-fig{ text-align: left; }
.rs-sends{ display: grid; gap: 6px; }
.rs-send{ display: grid; grid-template-columns: minmax(4.5em, 8em) minmax(0, 1fr); gap: 8px; align-items: center; padding: 6px 10px; border-radius: var(--r); background: var(--row); }
.rs-send-who{ font: 700 var(--fs-2)/1.2 var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-send.is-you .rs-send-who{ color: var(--gold); }
.rs-send-balls{ display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.rs-send-ball{ position: relative; display: inline-grid; place-items: center; }
.rs-send-n{ position: absolute; top: -6px; left: -6px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; background: var(--panel); color: var(--mute);
  display: grid; place-items: center; font: 700 var(--fs-1)/1 var(--mono); box-shadow: 0 0 0 1px var(--hairline); }
.rs-step-top{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.rs-pill.rs-step-who.is-you{ color: var(--gold); background: color-mix(in srgb, var(--gold) 14%, transparent); }
.rs-order-real{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding-top: 8px; border-top: 1px solid var(--hairline); }
.rs-order-real-h{ display: inline-flex; align-items: center; gap: 6px; }
.rs-order-firsts{ display: flex; flex-wrap: wrap; gap: 6px 12px; flex: 1 1 14em; min-width: 0; }
.rs-order-first{ display: inline-flex; align-items: center; gap: 6px; font: 600 var(--fs-1)/1.2 var(--body); }
.rs-seats{ display: grid; gap: 8px; }
.rs-seats:empty{ display: none; }
.rs-seat{ position: relative; display: grid; grid-template-columns: 6.5em minmax(0, 1fr); gap: 8px; align-items: center; }
.rs-seat-n{ font: 600 var(--fs-1)/1.2 var(--body); color: var(--mute); }
.rs-seat-in{ min-height: 40px; width: 100%; min-width: 0; padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--row); color: var(--ink); font: 500 var(--fs-2)/1.2 var(--body); }
.rs-seat-in:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.rs-seat-list{ grid-column: 2; display: flex; flex-wrap: wrap; gap: 6px; }
.rs-seat-list:empty{ display: none; }
.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; }
.rs-seat-chip{ justify-self: start; background: var(--pill-on); color: var(--ink); box-shadow: inset 0 0 0 1px var(--gold); cursor: pointer; }
.rs-seat-top{ display: flex; align-items: center; gap: 6px; min-width: 0; flex-wrap: wrap; }
.rs-seat-top .rs-seat-in{ flex: 1 1 10em; width: auto; }
.rs-seat-lay{ grid-column: 2; display: grid; gap: 8px; min-width: 0; }
.rs-seat-lay > summary{ justify-self: start; list-style: none; min-height: 32px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px;
  color: var(--ink); cursor: pointer; }
.rs-seat-lay > summary::-webkit-details-marker{ display: none; }
.rs-seat-lay > summary::after{ content: ""; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg); opacity: .6; }
.rs-seat-lay[open] > summary{ background: var(--pill-on); box-shadow: inset 0 0 0 1px var(--gold); }
.rs-seat-lay[open] > summary::after{ transform: translateY(2px) rotate(-135deg); }
.rs-seat-lay > summary:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.rs-seat-lay .rs-presets{ margin-left: 0; }
.rs-seg-b.is-lvl-mega[aria-pressed="true"]{ box-shadow: inset 0 0 0 1px var(--lvl-mega); }
.rs-lvl.is-lvl-mega{ color: var(--lvl-mega); }
@media (max-width: 520px){
.rs-seat{ grid-template-columns: minmax(0, 1fr); gap: 6px; }
.rs-seat-list, .rs-seat-lay{ grid-column: 1; }
}
.rs-pills{ display: flex; flex-wrap: wrap; gap: 6px; }
.rs-plan-ways{ display: grid; gap: 6px; margin: 0; }
.rs-plan-way{ display: grid; grid-template-columns: 8em minmax(0, 1fr); gap: 8px; align-items: baseline; padding: 8px 10px; border-radius: var(--r); background: var(--row); }
.rs-plan-way dd{ margin: 0; font: 700 var(--fs-2)/1.3 var(--body); color: var(--ink); }
.rs-tried{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rs-tried .rs-bar-row{ grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 3.2em; font-size: var(--fs-1); }
.rs-tried .rs-bar-row.is-best{ font-weight: 700; color: var(--ink); }
.rs-tried-n{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-plan-fight{ margin: 0; font: 600 var(--fs-2)/1.3 var(--body); color: var(--mute); }
.rs-plan-bring{ display: grid; gap: 6px; }
.rs-plan-balls{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; max-width: 400px; }
.rs-plan-ball{ display: grid; justify-items: center; gap: 2px; min-width: 0; padding: 6px 4px; border-radius: var(--r); background: var(--row); text-align: center; }
.rs-plan-ball .rs-ball-img{ width: 40px; height: 40px; object-fit: contain; }
.rs-plan-ball .rs-ball-name{ max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-1); }
.rs-plan-steps{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rs-plan-step{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding: 6px 8px; border-radius: var(--r); background: var(--row); }
.rs-plan-step .rs-step-n{ padding-top: 0; min-width: 1.4em; }
.rs-plan-step .rs-step-img{ width: 28px; height: 28px; }
.rs-plan-step .rs-step-t{ flex: 1 1 12em; min-width: 0; color: var(--ink); font-family: var(--body); font-size: var(--fs-2); }
.rs-plan-lines{ margin: 0; padding-left: 1.2em; display: grid; gap: 4px; font: 500 var(--fs-2)/1.35 var(--body); }
.rs-plan-other{ color: var(--dim); }
.rs-endleft{ display: grid; gap: 6px; }
.rs-bar-l.is-name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-endleft .rs-bar-row{ grid-template-columns: minmax(0, 8em) minmax(0, 1fr) 5.5em; }
.rs-left-row{ display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 5.5em auto; gap: 8px; align-items: center; }
.rs-floor.is-pick{ display: block; padding: 0; }
.rs-floor-btn{ display: grid; grid-template-columns: 22px auto minmax(0, 1fr) 3.2em; gap: 8px; align-items: center; width: 100%; padding: 6px 8px; border: 0; border-radius: var(--r);
  background: none; color: var(--ink); text-align: left; letter-spacing: 0; text-transform: none; cursor: pointer; font: inherit; }
.rs-floor.is-on{ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent); }
.rs-floor-btn small{ font: 500 var(--fs-1)/1.2 var(--mono); }
.rs-fl:focus-visible, .rs-floor-btn:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.rs-soon-card{ justify-items: center; gap: 14px; padding: 36px 16px; text-align: center; }
#view .rs-soon-t{ margin: 0; font: 800 var(--fs-5)/1.1 var(--body); color: var(--ink); }
.rs-pill.is-soon{ padding: 6px 16px; font-size: var(--fs-3); color: var(--ink); background: var(--pill-on); box-shadow: inset 0 0 0 1px var(--gold); }
.rf-head{ display: flex; align-items: end; gap: 8px; flex-wrap: wrap; justify-content: space-between; }
.rf-fl.is-duo .rs-fl-n{ color: var(--lvl-2); }
.rf-fl.is-squad .rs-fl-n{ color: var(--lvl-1); }
.rf-fl.is-coalition .rs-fl-n{ color: var(--lvl-mega); }
.rf-phase.is-duo{ color: var(--lvl-2); background: color-mix(in srgb, var(--lvl-2) 14%, transparent); }
.rf-phase.is-squad{ color: var(--lvl-1); background: color-mix(in srgb, var(--lvl-1) 14%, transparent); }
.rf-phase.is-coalition{ color: var(--lvl-mega); background: color-mix(in srgb, var(--lvl-mega) 14%, transparent); }
.rf-floor{ display: grid; gap: 10px; min-width: 0; padding: 12px; border-radius: var(--r); background: var(--row); }
.rf-floor-h, .rf-row-h, .rf-tile-h{ display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
.rf-floor-t{ font: 700 var(--fs-3)/1.2 var(--body); color: var(--ink); }
.rf-mymics{ display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
.rf-mymic{ display: inline-flex; align-items: center; gap: 6px; max-width: 100%; background: var(--panel); color: var(--ink); }
.rf-mymic > span:not(.rf-x){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rf-x{ color: var(--dim); }
.rf-add{ width: auto; min-height: 32px; max-width: 100%; padding: 4px 10px; border-radius: 999px; font: 600 var(--fs-1)/1.2 var(--body); }
.rf-you{ justify-self: start; }
.rs-seat-n .rf-duo{ margin-left: 6px; }
.rf-duo:empty{ display: none; }
.rf-groups{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 8px; min-width: 0; }
.rf-group{ display: grid; gap: 6px; align-content: start; min-width: 0; padding: 10px; border-radius: var(--r); background: var(--panel); border: 1px solid var(--hairline); }
.rf-group-t{ font: 700 var(--fs-1)/1.2 var(--body); color: var(--mute); text-transform: uppercase; letter-spacing: .06em; }
.rf-seat{ grid-column: auto; }
.rs-ball.is-spent{ opacity: .3; }
.rf-rows{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.rf-row{ display: grid; gap: 8px; padding: 10px; border-radius: var(--r); background: var(--row); min-width: 0; }
.rf-row.is-tight{ gap: 6px; }
.rf-row-groups{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 6px; }
.rf-tile{ display: grid; gap: 6px; padding: 8px 10px; border-radius: var(--r); background: var(--panel); border: 1px solid var(--hairline); min-width: 0; }
.rf-tile-h{ justify-content: space-between; }
.rf-tile-h b{ font: 600 var(--fs-2)/1.2 var(--body); }
.rf-tile-figs{ display: flex; justify-content: space-between; gap: 8px; }
.rf-tile-figs .rs-fig{ text-align: left; }
.rf-left{ display: flex; gap: 4px; flex-wrap: wrap; }
.rf-escaped{ display: grid; gap: 4px; }
.rf-esc{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 8px; align-items: center; }
.rf-esc .rs-hp{ grid-column: 1 / -1; }
.rf-esc-n{ font: 500 var(--fs-1)/1.25 var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rf-lobby{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 8px; min-width: 0; }
.rf-lobby-sq{ display: grid; gap: 8px; align-content: start; min-width: 0; padding: 10px; border-radius: var(--r); background: var(--panel); border: 1px solid var(--hairline); }
.rf-lobby-duo{ display: grid; grid-template-columns: 4.2em minmax(0, 1fr) minmax(0, 1fr); gap: 6px; align-items: center; min-width: 0; }
.rf-lobby-duo-n{ font: 600 var(--fs-1)/1.2 var(--body); color: var(--mute); white-space: nowrap; }
.rf-lobby-seat{ display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 44px; padding: 6px 10px; border: 1px solid var(--hairline);
  border-radius: var(--r); background: var(--row); color: var(--ink); font: 600 var(--fs-2)/1.2 var(--body); text-align: left; cursor: pointer;
  transition: background .15s, border-color .15s, box-shadow .15s; }
.rf-lobby-seat:hover{ border-color: var(--line); }
.rf-lobby-seat.is-open{ background: transparent; border-style: dashed; color: var(--dim); font-weight: 500; }
.rf-lobby-seat.is-you .rf-lobby-who{ color: var(--gold); }
.rf-lobby-seat[aria-pressed="true"]{ background: var(--pill-on); border-color: color-mix(in srgb, var(--gold) 70%, transparent); box-shadow: inset 0 0 0 1px var(--gold); }
.rf-lobby-seat:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.rf-lobby-n{ flex: none; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 999px; background: var(--panel);
  color: var(--mute); font: 700 var(--fs-1)/1 var(--mono); }
.rf-lobby-who{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-go.is-blocked:disabled{ opacity: .45; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce){
.rf-lobby-seat{ transition: none; }
}
@media (max-width: 520px){
.rs-five-row{ grid-template-columns: minmax(0, 1fr) auto; }
.rs-five-share{ grid-column: 1 / -1; grid-row: 2; }
.rs-left-row{ grid-template-columns: minmax(0, 1fr) 5em; }
.rs-left-row .rs-hp{ grid-column: 1 / -1; grid-row: 2; }
.rs-left-row small{ display: none; }
.rs-floor-btn{ grid-template-columns: 18px auto minmax(0, 1fr) 3em; padding: 6px; }
}
.rsp{ display: grid; gap: 10px; min-width: 0; --rsp-speed: 1; --lx: 0px; --ly: -16px; }
.rsp-arena{ position: relative; display: grid; gap: 10px; padding: 12px 12px 14px; overflow: hidden; border-radius: var(--r-lg);
  background:
    radial-gradient(70% 55% at 50% 18%, color-mix(in srgb, var(--bad) 10%, transparent), transparent 70%),
    radial-gradient(70% 50% at 50% 100%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 70%),
    var(--row); }
.rsp-top{ display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rsp-floor{ justify-self: auto; }
.rsp-count{ font: 600 var(--fs-1)/1 var(--mono); color: var(--dim); font-variant-numeric: tabular-nums; }
.rsp-foes{ display: grid; grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); gap: 8px; min-height: 150px; align-items: end; }
.rsp-foe{ position: relative; display: grid; justify-items: center; gap: 3px; padding: 6px 4px 8px; border-radius: var(--r); text-align: center; min-width: 0; }
.rsp-foe .rs-foe-name{ max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rsp-foe.is-hit{ background: radial-gradient(60% 60% at 50% 40%, color-mix(in srgb, var(--bad) 18%, transparent), transparent 75%); }
.rsp-foe.is-down > :not(.rsp-float){ opacity: .28; filter: grayscale(1); }
.rsp-fig{ position: relative; display: grid; place-items: center; }
.rsp-fig::after{ content: ""; position: absolute; left: 12%; right: 12%; bottom: -4px; height: 8px; border-radius: 50%;
  background: color-mix(in srgb, var(--ink) 16%, transparent); filter: blur(2px); z-index: -1; }
.rsp-foe-img{ width: 64px; height: 64px; object-fit: contain; }
.rsp-hp{ width: min(100%, 110px); height: 7px; }
.rsp-fx{ min-height: 0; }
.rsp-ground{ height: 1px; margin: 2px 8px; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 18%, transparent), transparent); }
.rsp-party{ display: grid; grid-template-columns: repeat(auto-fit, minmax(58px, 1fr)); gap: 6px; }
.rsp-ball{ position: relative; display: grid; justify-items: center; gap: 2px; padding: 6px 2px; border-radius: var(--r); text-align: center; min-width: 0; }
.rsp-ball-img{ width: 46px; height: 46px; object-fit: contain; }
.rsp-ball-name{ max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 var(--fs-1)/1.2 var(--body); }
.rsp-ball-cp, .rsp-ball-who{ font: 500 var(--fs-1)/1.2 var(--mono); color: var(--dim); }
.rsp-ball.is-spent{ opacity: .38; filter: grayscale(.9); }
.rsp-ball.is-acting{ background: color-mix(in srgb, var(--gold) 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 55%, transparent); }
.rsp-ally:empty{ display: none; }
.rsp-ally{ display: flex; justify-content: center; }
.rsp-ally .rsp-ball{ min-width: 96px; }
.rsp-float{ position: absolute; top: 18px; left: 50%; z-index: 2; display: grid; justify-items: center; gap: 1px; transform: translateX(-50%);
  pointer-events: none; white-space: nowrap; text-shadow: 0 1px 0 var(--bg), 0 0 6px var(--bg); }
.rsp-float b{ font: 800 var(--fs-4)/1 var(--mono); color: var(--bad); font-variant-numeric: tabular-nums; }
.rsp-float small{ font: 700 var(--fs-1)/1.2 var(--body); color: var(--mute); text-transform: uppercase; letter-spacing: .05em; }
.rsp-float.is-se b{ color: var(--gold); font-size: 1.3rem; }
.rsp-float.is-se small:first-of-type{ color: var(--gold); }
.rsp-float.is-block b{ color: var(--acc-violet); font-size: var(--fs-3); }
.rsp-float.is-heal b{ color: var(--good); font-size: var(--fs-3); }
.rsp-banner{ position: absolute; inset: 0; display: none; place-items: center; pointer-events: none; z-index: 3; }
.rsp-banner.is-on{ display: grid; }
.rsp-banner.is-good, .rsp-banner.is-bad{ background: color-mix(in srgb, var(--bg) 45%, transparent); }
.rsp-banner b{ padding: 10px 22px; border-radius: 999px; background: color-mix(in srgb, var(--panel) 92%, transparent);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--bg) 60%, transparent); font: 800 var(--fs-5)/1 var(--cond); letter-spacing: .02em; }
.rsp-banner.is-floor b{ color: var(--mute); font-size: var(--fs-3); text-transform: uppercase; letter-spacing: .1em; }
.rsp-banner.is-good b{ color: var(--good); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--good) 60%, transparent), 0 6px 24px color-mix(in srgb, var(--bg) 60%, transparent); }
.rsp-banner.is-bad b{ color: var(--bad); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--bad) 60%, transparent), 0 6px 24px color-mix(in srgb, var(--bg) 60%, transparent); }
.rsp-line{ min-height: 2.6em; }
.rsp > .rs-left:empty{ display: none; }
.rsp-ctl{ justify-content: center; }
.rsp-ctl2{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rsp-speed{ flex: 0 0 auto; }
.rsp-speed .rs-seg-b{ min-width: 44px; padding: 6px 10px; }
.rsp-ctl2 .rs-scrub{ flex: 1 1 140px; }
@media (min-width: 900px){
.rsp{ --lx: 18px; --ly: -4px; }
.rsp-arena{ grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.5fr); grid-template-rows: auto auto 1fr; column-gap: 16px; padding: 14px 16px 18px;
    background:
      radial-gradient(55% 80% at 82% 55%, color-mix(in srgb, var(--bad) 10%, transparent), transparent 70%),
      radial-gradient(45% 80% at 15% 60%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 70%),
      var(--row); }
.rsp-top{ grid-column: 1 / -1; }
.rsp-party{ grid-column: 1; grid-row: 2; align-content: center; grid-template-columns: repeat(auto-fit, minmax(84px, 1fr)); }
.rsp-ally{ grid-column: 1; grid-row: 3; align-self: start; }
.rsp-ground{ grid-column: 2; grid-row: 2 / 4; width: 1px; height: auto; margin: 8px 0;
    background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--ink) 18%, transparent), transparent); }
.rsp-foes{ grid-column: 3; grid-row: 2 / 4; min-height: 220px; align-content: center; align-items: center; }
.rsp-foe-img{ width: 96px; height: 96px; }
.rsp-ball-img{ width: 60px; height: 60px; }
}
@media (max-width: 420px){
.rsp-arena{ padding: 10px 8px 12px; }
.rsp-foes{ grid-template-columns: repeat(auto-fit, minmax(78px, 1fr)); min-height: 130px; }
.rsp-foe-img{ width: 52px; height: 52px; }
.rsp-ball-img{ width: 38px; height: 38px; }
.rsp-ball-cp{ display: none; }
.rsp-ctl .rs-ctl-b{ width: 38px; height: 38px; flex-basis: 38px; }
.rsp-ctl .rs-ctl-b.is-main{ width: 46px; height: 46px; flex-basis: 46px; }
}
@media (prefers-reduced-motion: no-preference){
.rsp-foe > :not(.rsp-float){ transition: opacity calc(.45s / var(--rsp-speed)), filter calc(.45s / var(--rsp-speed)), transform calc(.45s / var(--rsp-speed)) var(--ease); }
.rsp-foe.is-down > .rsp-fig{ transform: scale(.86) translateY(6px); }
.rsp-ball{ transition: opacity .3s, filter .3s, background-color .2s; }
.rsp-hp i{ transition: transform calc(.5s / var(--rsp-speed)) var(--ease), background-color .3s; }
.rsp-fig.is-lunge{ animation: rsp-lunge calc(.42s / var(--rsp-speed)) var(--ease) both; }
.rsp-fig.is-struck{ animation: rsp-struck calc(.4s / var(--rsp-speed)) ease-out both; }
.rsp-fig.is-block{ animation: rsp-block calc(.4s / var(--rsp-speed)) ease-out both; }
.rsp-foe.is-in{ animation: rsp-in calc(.5s / var(--rsp-speed)) var(--ease) both; }
.rsp-arena.is-floor .rsp-party{ animation: rsp-in calc(.5s / var(--rsp-speed)) var(--ease) both; }
.rsp-float{ animation: rsp-float calc(.95s / var(--rsp-speed)) ease-out both; }
.rsp-banner.is-on b{ animation: rsp-banner calc(.5s / var(--rsp-speed)) var(--ease) both; }
}
@keyframes rsp-lunge{ 0% { transform: none; } 40% { transform: translate(var(--lx), var(--ly)) scale(1.14); } 100% { transform: none; } }
@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-block{ 0% { filter: drop-shadow(0 0 0 var(--acc-violet)); } 40% { filter: drop-shadow(0 0 10px var(--acc-violet)); } 100% { filter: none; } }
@keyframes rsp-in{ from { opacity: 0; transform: translateY(-10px) scale(.94); } }
@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); } }
.bot-hero-text{ min-width: 0; display: grid; gap: 6px; }
#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); }
.bot-add-me{ background: transparent; border-color: #5865F2; color: var(--ink); }
.bot-add-me:hover{ background: color-mix(in srgb, #5865F2 14%, transparent); }
@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 (pointer: coarse){
.rd-p-name{ padding-block: 7px; margin-block: -7px; }
.item-fact.is-after a.plain{ position: relative; }
.item-fact.is-after a.plain::after{ content: ""; position: absolute; inset: -8px 0; }
.rr-top > .rr-boss{ padding-block: 8px; margin-block: -8px; }
}
@media (min-width: 641px) and (max-width: 1199px){
.eh-bar > .eh-dd:last-of-type > .eh-menu{ left: auto; right: 0; }
}
@media (min-width: 641px) and (max-width: 899px), (min-width: 1200px) and (max-width: 1339px){
html.nav-eh .top .omni-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; }
a.mt{ text-decoration: none; }
.eq-source + .eq-from{ margin-top: 0; }
.fx-by{ color: var(--dim); font: var(--fs-1) var(--cond); letter-spacing: 0.08em; text-transform: uppercase; }
.fx-row.is-picked, .fx-tile.is-picked{
  box-shadow: var(--shadow-card), 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent);
}
.fx-show-all{
  border: 1px solid var(--rule); border-radius: 999px; background: transparent; color: var(--ink);
  font: var(--fs-1) var(--body); padding: 4px 12px; cursor: pointer;
}
.fx-show-all:hover{ color: var(--gold); border-color: var(--gold); }
.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; }
.mm-not-final{ margin-left: 8px; font-size: var(--fs-1); }
@media (pointer: coarse){
.info::after{ inset: -15px; }
.subnav button{ min-height: 44px; }
.eq-filter, .fx-search, .fx-modes button, .fx-show-all{ 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){
.fx-tile-mymics{ row-gap: 12px; }
.fx-mymics{ row-gap: 10px; }
#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; }
.eq-titles{ gap: 8px; }
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; }
}
@media (pointer: coarse) and (max-width: 760px){
.fx-mymics{ padding-top: 12px; }
}
.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; }
.eqb-row .eqb-who:has(> .eqb-ally){ gap: 10px; }
.eqb-top{ row-gap: 10px; }
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; }
.effect-term::after{ inset: -8px -7px; }
.fx-desc, .fx-tile-desc{ line-height: 2.5; }
}
.mf-bar{ display: grid; gap: 8px; padding: 10px var(--gutter) 4px; }
.mf-row{ display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: start; gap: 8px; }
.mf-label{ padding-top: 7px; font: 600 var(--fs-1) var(--body); color: var(--dim); }
.mf-pills{ display: flex; flex-wrap: wrap; gap: 5px; min-width: 0; }
.mf-pill{
  display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 3px 10px 3px 5px;
  border: 0; border-radius: 999px; cursor: pointer; color: var(--ink); font: 600 var(--fs-1) var(--body);
  background: color-mix(in srgb, var(--c, var(--mute)) 22%, var(--panel));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c, var(--mute)) 40%, transparent);
}
.mf-pill img{ width: 22px; height: 22px; display: block; }
.mf-pill.is-all{ padding: 3px 12px; background: var(--panel); box-shadow: inset 0 0 0 1px var(--hairline-2); }
.mf-pill[aria-pressed="true"]{
  background: color-mix(in srgb, var(--c, var(--gold)) 60%, var(--panel));
  box-shadow: 0 0 0 2px var(--gold);
}
.mf-pill.is-all[aria-pressed="true"]{ color: var(--gold); background: var(--pill-on); }
.mf-pill:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.mf-row:has(.mf-pill[aria-pressed="true"]:not(.is-all)) .mf-pill:not([aria-pressed="true"]){ opacity: .6; }
@media (max-width: 640px){
.mf-row{ grid-template-columns: minmax(0, 1fr); gap: 4px; }
.mf-label{ padding-top: 0; }
.mf-pill{ min-height: 40px; padding: 4px 6px; }
.mf-pill:not(.is-all) .mf-pill-name{ display: none; }
.mf-pill.is-all{ padding: 4px 14px; }
.mf-pill img{ width: 28px; height: 28px; }
}
.mm-where{ display: inline-flex; align-items: baseline; gap: 2px; white-space: nowrap; }
.mm-floor{ color: var(--ink-2, var(--ink)); }
.mm-mates{
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px; padding: 0 var(--gutter) 10px;
}
.mm-mate{
  display: flex; align-items: center; gap: 10px; min-width: 0; padding: 8px 10px;
  background: var(--panel); color: var(--ink); box-shadow: var(--shadow-card); border-radius: var(--r-lg);
}
.mm-mate:hover{ box-shadow: var(--shadow-card), 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent); }
.mm-mate:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.mm-mate .thumb{ width: 40px; height: 40px; flex: none; }
.mm-mate-body{ display: grid; gap: 2px; min-width: 0; }
.mm-mate-name{ font: 600 var(--fs-2) var(--body); line-height: 1.2; overflow-wrap: anywhere; }
.mm-mate-rank, .mm-mate-where{ font: var(--fs-1) var(--mono); color: var(--dim); }
@media (max-width: 640px){
.mm-mates{ grid-template-columns: 1fr 1fr; }
}
.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-ptile-text{ display: grid; gap: 4px; }
.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-body-text{ display: grid; gap: 14px; max-width: 72ch; font: 400 var(--fs-3)/1.65 var(--body); color: var(--ink); }
.wk-body-text p, .wk-body-text ul{ margin: 0; }
.wk-body-text strong{ font-weight: 700; }
.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-skin-text{ min-width: 0; font-size: var(--fs-2); }
.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); }
.wk-edit-confirm-text{ flex: 1 1 100%; font: 600 var(--fs-2) var(--body); color: var(--fx-warn-ink, var(--gold)); }
.wk-diff-text{ white-space: pre-wrap; overflow-wrap: anywhere; }
.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); }
:is(.wk-delta, .wk-rc-d) del{ color: var(--mute); text-decoration-color: color-mix(in srgb, var(--mute) 80%, transparent); background: color-mix(in srgb, var(--dim) 12%, transparent);
  border-radius: var(--r-sm); padding: 0 2px; }
:is(.wk-delta, .wk-rc-d) ins{ color: var(--ink); text-decoration: none; background: color-mix(in srgb, var(--gold) 22%, transparent); border-radius: var(--r-sm); padding: 0 2px; }
@media (pointer: coarse){
:is(.wk-day-link, .wk-site, .wk-all, .wk-more, .wk-pill, .wk-mark){ position: relative; }
:is(.wk-day-link, .wk-site, .wk-all, .wk-more, .wk-pill, .wk-mark)::after{ content: ""; position: absolute; border-radius: inherit; }
}
.wk-ehero-text{ display: grid; gap: 12px; justify-items: start; min-width: 0; }
@media (max-width: 640px){
.wk-ehero-text{ display: contents; }
}
.wk-ls-text{ margin: 0; color: var(--mute); font-size: var(--fs-2); line-height: 1.55; overflow-wrap: anywhere; }
.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)); }
.rluck-pct{ color: var(--mute); }
.lkdist-title{ display: flex; align-items: center; gap: 8px; }
.lkdist-tiles{ grid-template-columns: repeat(2, minmax(0, 180px)); margin: 4px 0 12px; }
.lkdist-search{ margin: 0 0 6px; }
.lkdist-hits{ list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.lkdist-hits:empty{ display: none; }
.lkdist-hit{
  padding: 4px 10px; border-radius: 999px; border: 1px solid var(--rule); background: var(--row);
  color: var(--ink); font: 600 var(--fs-1)/1.5 var(--body); cursor: pointer;
}
.lkdist-hit:hover{ border-color: var(--gold); }
.lkdist-hit:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.lkdist-legend{ display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 8px 0 4px; font-size: var(--fs-1); color: var(--mute); }
.lkdist-key{ display: inline-flex; align-items: center; gap: 6px; }
.lkdist-swatch{ display: inline-block; flex: none; }
.lkdist-swatch.is-bar{ width: 12px; height: 12px; border-radius: var(--r-sm); background: color-mix(in srgb, var(--ink) 32%, transparent); }
.lkdist-swatch.is-curve{ width: 18px; height: 0; border-top: 2px solid var(--gold); }
.lkdist-chart{ width: 100%; min-width: 0; border: 1px solid var(--rule); border-radius: var(--r-lg); background: var(--row); padding: 6px 0 2px; }
.lkdist-svg{ display: block; }
.lkdist-grid{ stroke: var(--rule); stroke-width: 1; opacity: .6; }
.lkdist-axis{ stroke: var(--rule); stroke-width: 1; }
.lkdist-tick{ fill: var(--mute); font: 500 var(--fs-1)/1 var(--mono); }
.lkdist-axis-label{ fill: var(--mute); font: 600 var(--fs-1)/1 var(--body); }
.lkdist-bar{ fill: color-mix(in srgb, var(--ink) 32%, transparent); }
.lkdist-bar.is-up{ fill: color-mix(in srgb, var(--good) 75%, transparent); }
.lkdist-bar.is-down{ fill: color-mix(in srgb, var(--bad) 75%, transparent); }
.lkdist-bar:hover{ fill-opacity: .75; }
.lkdist-curve{ fill: none; stroke: var(--gold); stroke-width: 2; stroke-linejoin: round; }
.lkdist-tier{ stroke: var(--mute); stroke-width: 1; stroke-dasharray: 3 4; opacity: .7; }
.lkdist-tier.is-two{ stroke-dasharray: 6 3; opacity: .9; }
.lkdist-tier-label{ fill: var(--mute); font: 600 var(--fs-1)/1 var(--mono); }
.lkdist-mark{ stroke: var(--ink); stroke-width: 2; }
.lkdist-mark-dot{ fill: var(--ink); stroke: var(--row); stroke-width: 2; }
.lkdist-mark-label{ fill: var(--ink); font: 700 var(--fs-1)/1 var(--body); paint-order: stroke; stroke: var(--row); stroke-width: 4px; stroke-linejoin: round; }
.lkdist-player{
  display: flex; flex-direction: column; gap: 6px; margin-top: 10px; padding: 12px 14px;
  border: 1px solid var(--rule); border-radius: var(--r-lg); background: var(--row);
}
.lkdist-player-head{ display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.lkdist-player-name{ font: 700 var(--fs-3)/1.3 var(--body); color: var(--ink); text-decoration: none; min-width: 0; overflow-wrap: anywhere; }
.lkdist-player-name:hover{ text-decoration: underline; }
.lkdist-player-figs{ margin: 0; display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: var(--fs-1); color: var(--mute); }
.lkdist-player-figs b{ color: var(--ink); font: 600 var(--fs-2)/1.4 var(--mono); }
.lkdist-player-figs.lkb-open{ align-self: flex-start; align-items: baseline; margin-left: -8px; }
.lkdist-player-actions{ display: flex; flex-wrap: wrap; gap: 8px; }
@media (min-width: 760px){
.lkb .eqb-row{ grid-template-columns: 40px 36px minmax(0, 1fr) minmax(0, 1.7fr) auto; }
}
.lkb .eqb-row .lkb-pct .lkb-sd-long{ display: none; }
.lkb .eqb-row .lkb-pct .lkb-sd-short{ display: inline; }
.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; }
.who-words{ display: flex; flex-direction: column; min-width: 0; gap: 1px; }
.who-words > .name{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.who-alliance{ display: none; }
td.cb-score{ font-weight: 700; color: var(--ink); }
.cb-ladder{ display: block; font: var(--fs-1) var(--mono); color: var(--mute); margin-bottom: 1px; }
@media (max-width: 560px){
.who-alliance{ display: flex; align-items: center; gap: 6px; min-width: 0; color: var(--mute);
    font: 500 var(--fs-1)/1.3 var(--body); }
.who-alliance > span:last-child{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.who-alliance .alliance-dot{ flex: none; }
.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;
}
.note.page-lede{ font: 500 var(--fs-3)/1.4 var(--body); color: var(--mute); border-bottom: 0; }
body:has(#view h1:not(.sr-only)) #chrome > .page-title{ display: none; }
.has-wiki{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.wiki-link{ flex: none; margin-left: auto; display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 8px;
  border: 1px solid var(--rule); border-radius: 999px; background: var(--row); color: var(--mute);
  font: 600 var(--fs-1) var(--body); line-height: 1.2; letter-spacing: 0; text-transform: none; text-decoration: none; white-space: nowrap; }
.wiki-link-icon{ display: inline-grid; place-items: center; }
.wiki-link svg{ width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round; }
.wiki-link:hover, .wiki-link:focus-visible{ color: var(--gold); border-color: var(--gold); }
@media (pointer: coarse){
.wiki-link{ min-height: 30px; }
}
.ws-title{ margin: 0; font: 700 var(--fs-5) var(--body); }
:root{
  --tier-regular-a: #64748b; --tier-regular-b: #475569;
  --tier-elite-a: #8b5cf6;   --tier-elite-b: #6d28d9;
  --rar-mythical: #D4585E;
  --tier-boss-a: #dc2626;    --tier-boss-b: #991b1b;
  --tier-herald-a: #14b8a6;  --tier-herald-b: #0f766e; --tier-herald-edge: #5eead4;
  --tier-rift-a: #6d28d9;    --tier-rift-b: #1e1b4b;   --tier-rift-gold: #fbbf24; --tier-rift-hover: #f59e0b;
}
.mymic-tier{
  position: relative; display: inline-flex; align-items: center; overflow: hidden;
  padding: 2px 9px; border-radius: 999px; border: 1px solid transparent;
  font: 800 var(--fs-1)/1.4 var(--body); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;
  color: #fff; box-shadow: 0 4px 12px #0000001f;
}
.mymic-tier.is-regular{ background: linear-gradient(135deg, var(--tier-regular-a), var(--tier-regular-b)); }
.mymic-tier.is-elite{ background: linear-gradient(135deg, var(--tier-elite-a), var(--tier-elite-b)); }
.mymic-tier.is-boss{ background: linear-gradient(135deg, var(--tier-boss-a), var(--tier-boss-b)); }
.mymic-tier.is-herald{ background: linear-gradient(135deg, var(--tier-herald-a), var(--tier-herald-b));
  border-color: var(--tier-herald-edge); box-shadow: 0 4px 12px #0f766e4d, inset 0 -2px var(--tier-herald-edge); }
.mymic-tier.is-riftbreaker{ background: linear-gradient(135deg, var(--tier-rift-a), var(--tier-rift-b));
  color: var(--tier-rift-gold); border-color: var(--tier-rift-gold);
  box-shadow: 0 0 14px #fbbf2473, 0 4px 12px #1e1b4b59, inset 0 -2px var(--tier-rift-gold); }
.mymic-tier.is-riftbreaker::after{ content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(253, 230, 138, .55) 50%, transparent 70%);
  transform: translate(-120%); }
@media (prefers-reduced-motion: no-preference){
.mymic-tier.is-riftbreaker::after{ animation: mymic-rift-shimmer 3.2s ease-in-out infinite; }
}
@keyframes mymic-rift-shimmer{ 0%, 55% { transform: translate(-120%); } to { transform: translate(120%); } }
.mt-group .mymic-tier{ font-size: var(--fs-2); letter-spacing: .08em; }
.mt{ position: relative; }
.mt > .mt-tier{ position: absolute; top: 0; right: 0; padding: 2px 8px 3px 11px; font-size: var(--fs-1);
  border-radius: 0 var(--r-lg) 0 var(--r); clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%); border: 0; }
.mt > .mt-tier + .mt-art{ margin-top: 10px; }
#view.fl-scope .mt.is-tier-herald, .mt.is-tier-herald{
  border: 1.5px solid var(--tier-herald-edge);
  background: linear-gradient(180deg, color-mix(in srgb, var(--tier-herald-a) 12%, var(--panel)), var(--panel) 45%); }
#view.fl-scope .mt.is-tier-herald:hover, .mt.is-tier-herald:hover{
  border-color: var(--tier-herald-a); box-shadow: 0 18px 35px #0f766e2e; }
#view.fl-scope .mt.is-tier-riftbreaker, .mt.is-tier-riftbreaker{
  border: 2px solid var(--tier-rift-gold);
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--tier-rift-a) 16%, transparent), var(--panel) 62%);
  box-shadow: 0 0 0 3px #6d28d91f, 0 12px 28px #6d28d938; }
#view.fl-scope .mt.is-tier-riftbreaker:hover, .mt.is-tier-riftbreaker:hover{
  border-color: var(--tier-rift-hover); box-shadow: 0 0 0 3px #6d28d938, 0 20px 40px #6d28d952, 0 0 26px #fbbf2459; }
.mt.is-tier-riftbreaker .mt-art .thumb{ filter: drop-shadow(0 6px 16px rgba(109, 40, 217, .5)); }
#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; }
.mm-mate-rank.mymic-tier{ justify-self: start; width: fit-content; padding: 0 7px; font-size: var(--fs-1); color: #fff; }
.mm-mate-rank.mymic-tier.is-riftbreaker{ color: var(--tier-rift-gold); }
.wk-ib .mymic-tier, .upd-h2 .mymic-tier{ font-size: var(--fs-1); }
.mx-tiers{ display: flex; flex-wrap: wrap; gap: 6px; padding: 12px var(--gutter) 2px; }
.mx-tier{
  --c: var(--tier-regular-a); --c2: var(--tier-regular-b); --on-ink: #fff;
  display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 4px 8px 4px 14px;
  border: 0; border-radius: 999px; cursor: pointer; color: var(--ink); font: 700 var(--fs-2)/1.2 var(--body);
  background: var(--panel); box-shadow: var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--c) 45%, var(--hairline-2));
}
.mx-tier.is-all{ padding-right: 16px; --c: var(--gold); }
.mx-tier.is-boss{ --c: var(--tier-boss-a); --c2: var(--tier-boss-b); }
.mx-tier.is-riftbreaker{ --c: var(--tier-rift-a); --c2: var(--tier-rift-b); --on-ink: var(--tier-rift-gold); }
.mx-tier.is-herald{ --c: var(--tier-herald-a); --c2: var(--tier-herald-b); }
.mx-tier.is-elite{ --c: var(--tier-elite-a); --c2: var(--tier-elite-b); }
.mx-tier-n{
  min-width: 22px; padding: 1px 7px; border-radius: 999px; box-sizing: border-box; text-align: center;
  font: 600 var(--fs-1)/1.4 var(--mono); color: var(--mute); background: var(--row);
}
.mx-tier:hover{ box-shadow: var(--shadow-card), inset 0 0 0 1.5px var(--c); }
.mx-tier[aria-pressed="true"]{
  color: var(--on-ink); background: linear-gradient(135deg, var(--c), var(--c2));
  box-shadow: 0 6px 16px -6px color-mix(in srgb, var(--c) 70%, transparent), inset 0 -2px color-mix(in srgb, #000 18%, transparent);
}
.mx-tier.is-all[aria-pressed="true"]{ color: var(--gold); background: var(--pill-on); box-shadow: inset 0 0 0 1.5px var(--gold); }
.mx-tier.is-riftbreaker[aria-pressed="true"]{ box-shadow: 0 0 0 1.5px var(--tier-rift-gold), 0 6px 18px -6px #fbbf2480; }
.mx-tier.is-herald[aria-pressed="true"]{ box-shadow: 0 0 0 1.5px var(--tier-herald-edge), 0 6px 16px -6px #0f766e80; }
.mx-tier[aria-pressed="true"] .mx-tier-n{ color: inherit; background: color-mix(in srgb, #000 22%, transparent); }
.mx-tier:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference){
.mx-tier{ transition: box-shadow .15s ease, transform .15s ease; }
.mx-tier:hover{ transform: translateY(-1px); }
}
.mx-sec{ padding-bottom: 6px; }
.mx-sec[hidden]{ display: none; }
.mx-sec-head{ display: flex; align-items: center; gap: 10px; margin: 0; padding: 26px var(--gutter) 4px; }
.mx-sec-head::after{ content: ""; flex: 1 1 auto; height: 1px; background: var(--rule); }
.mx-sec-head .mymic-tier{ padding: 5px 16px; font-size: var(--fs-3); letter-spacing: .1em; }
.mx-sec-count{ color: var(--dim); font: normal 600 var(--fs-2) var(--mono); }
.mx-sec .mt-group{ padding-top: 14px; font-size: var(--fs-2); }
@media (max-width: 640px){
.mx-tier{ min-height: 40px; }
.mx-sec-head{ padding-top: 20px; }
.mx-sec-head .mymic-tier{ padding: 4px 13px; font-size: var(--fs-2); }
}
.eq-tools{ border-bottom: 0; }
.mf-bar.eq-filters{
  margin: 0 var(--gutter) 6px; padding: 12px 14px; border-radius: var(--r-lg);
  background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card);
}
.mf-row.eq-pills[hidden]{ display: none; }
.mf-pill.is-word{ padding: 3px 13px; background: var(--row); box-shadow: inset 0 0 0 1px var(--hairline-2); color: var(--mute); }
.mf-pill.is-word:hover{ color: var(--ink); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent); }
.mf-pill.is-word[aria-pressed="true"]{ color: var(--gold); background: var(--pill-on); box-shadow: inset 0 0 0 1.5px var(--gold); }
.mf-pill.is-word .rank-marks{ color: var(--prestige-gold); letter-spacing: 2px; }
.eq-filters .eq-rates-switch{ border: 0; border-radius: 999px; overflow: visible; margin-left: auto; }
.eq-filters .eq-rates-switch button{
  min-height: 32px; padding: 3px 13px 3px 10px; border: 0; border-radius: 999px; cursor: pointer;
  display: inline-flex; align-items: center; gap: 7px; font: 600 var(--fs-1) var(--body); letter-spacing: 0; text-transform: none;
  color: var(--mute); background: var(--row); box-shadow: inset 0 0 0 1px var(--hairline-2);
}
.eq-filters .eq-rates-switch button::after{
  order: -1;
  content: ""; width: 24px; height: 14px; border-radius: 999px; box-sizing: border-box; flex: none;
  background: radial-gradient(circle at 7px 50%, var(--dim) 4px, transparent 4.5px), var(--panel); box-shadow: inset 0 0 0 1px var(--rule);
}
.eq-filters .eq-rates-switch button[aria-pressed="true"]{ color: var(--gold); background: var(--pill-on); box-shadow: inset 0 0 0 1.5px var(--gold); }
.eq-filters .eq-rates-switch button[aria-pressed="true"]::after{
  background: radial-gradient(circle at 17px 50%, #fff 4px, transparent 4.5px), var(--gold); box-shadow: none;
}
.eq-grid{
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 268px), 1fr)); gap: 14px;
  padding: 10px var(--gutter) 28px; align-items: start;
}
.eq-card{
  --eq-c: var(--mute);
  position: relative; gap: 10px; min-width: 0; padding: 14px;
  border: 1px solid color-mix(in srgb, var(--eq-c) 22%, var(--rule)); border-radius: var(--r-lg);
  background: linear-gradient(180deg, color-mix(in srgb, var(--eq-c) 8%, var(--panel)), var(--panel) 46%);
  box-shadow: var(--shadow-card);
}
.eq-card.is-t4{ --eq-c: var(--prestige-gold); }
.eq-card.is-t3{ --eq-c: var(--acc-violet); }
.eq-card.is-t2{ --eq-c: var(--gold); }
.eq-card.is-t1{ --eq-c: var(--mute); }
.eq-card.is-material{ --eq-c: var(--acc-amber); }
.eq-card:hover, .eq-card:focus-within{
  border-color: color-mix(in srgb, var(--eq-c) 55%, var(--rule));
  box-shadow: var(--shadow-card), 0 16px 32px -18px color-mix(in srgb, var(--eq-c) 65%, transparent);
}
@media (prefers-reduced-motion: no-preference){
.eq-card{ transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.eq-card:hover{ transform: translateY(-3px); }
}
.eq-head{ align-items: center; gap: 12px; }
.eq-art{
  flex: none; width: 64px; height: 64px; display: grid; place-items: center; border-radius: var(--r-lg);
  background: radial-gradient(75% 75% at 50% 40%, color-mix(in srgb, var(--eq-c) 30%, transparent), transparent 72%),
    color-mix(in srgb, var(--eq-c) 7%, var(--row));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--eq-c) 30%, transparent), inset 0 1px 0 var(--lift);
}
.eq-head .eq-art .thumb{ width: 50px; height: 50px; border-radius: 0; background: none;
  filter: drop-shadow(0 4px 8px color-mix(in srgb, var(--eq-c) 35%, transparent)); }
.eq-titles{ gap: 8px; }
.eq-name{ font: 700 var(--fs-3)/1.25 var(--body); white-space: normal; overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.eq-name::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 0; }
.eq-card .eq-name:focus-visible{ outline: none; }
.eq-card:has(.eq-name:focus-visible){ outline: 2px solid var(--gold); outline-offset: 2px; }
.eq-card :is(.fx-mymic, .eq-rates, .eq-source, .eq-effect .effect-term){ position: relative; z-index: 1; }
.eq-marks{ flex-wrap: wrap; gap: 6px; }
.eq-tier{
  display: inline-flex; align-items: center; padding: 1px 9px; border-radius: 999px;
  font: 700 var(--fs-1)/1.5 var(--body); letter-spacing: 1px; color: var(--eq-c);
  background: color-mix(in srgb, var(--eq-c) 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--eq-c) 35%, transparent);
}
.eq-card.is-material .eq-tier{ letter-spacing: .02em; }
.eq-stats{ align-items: center; gap: 6px; font: var(--fs-1) var(--body); }
.eq-stat{
  display: inline-flex; align-items: baseline; gap: 6px; padding: 3px 10px; border-radius: 999px;
  background: var(--row); box-shadow: inset 0 0 0 1px var(--hairline-2);
}
.eq-stat i{ font: normal 700 var(--fs-1) var(--cond); letter-spacing: .1em; color: var(--dim); }
.eq-stat b{ font: 600 var(--fs-2) var(--mono); color: var(--ink); font-variant-numeric: tabular-nums; }
.eq-rarity{ padding: 3px 10px; border-radius: 999px; background: var(--row); color: var(--ink); font-weight: 600; }
.eq-added{ color: var(--dim); font: var(--fs-1) var(--body); }
.eq-effect{ margin: 0; font: var(--fs-2)/1.5 var(--body); }
.eq-req{ margin: 0; padding: 3px 10px; align-self: flex-start; border-radius: var(--r);
  background: color-mix(in srgb, var(--acc-amber) 10%, transparent); color: var(--mute); font: var(--fs-1)/1.4 var(--body); }
.eq-from{ gap: 6px; padding-top: 10px; margin-top: auto; border-top: 1px solid var(--hairline-2); }
.eq-source + .eq-from{ border-top: 0; padding-top: 0; }
.eq-from-label{ font-size: var(--fs-1); color: var(--dim); }
.eq-card .fx-mymic{
  gap: 6px; padding: 2px 10px 2px 3px; border-radius: 999px; font-size: var(--fs-1); font-weight: 600;
  background: var(--row); box-shadow: inset 0 0 0 1px var(--hairline-2);
}
.eq-card .fx-mymic .thumb{ width: 22px; height: 22px; border-radius: 50%; }
.eq-card .fx-mymic:hover{ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 50%, transparent); }
.eq-card .eq-rates{ border-top-color: var(--hairline-2); }
@media (max-width: 640px){
.eq-grid{ grid-template-columns: minmax(0, 1fr); gap: 10px; }
.mf-bar.eq-filters{ padding: 10px 12px; }
.eq-filters .eq-rates-switch{ margin-left: 0; }
.eq-filters .eq-rates-switch button{ min-height: 40px; }
.mf-pill.is-word{ min-height: 40px; padding: 4px 14px; }
.eq-art{ width: 58px; height: 58px; }
.eq-head .eq-art .thumb{ width: 46px; height: 46px; }
}
@media (min-width: 641px) and (max-width: 900px){
.eq-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.mx-tier.is-mega{ --c: var(--tier-rift-a); --c2: var(--tier-herald-b); --on-ink: #fff; }
.mx-tier.is-mega[aria-pressed="true"]{ box-shadow: 0 0 0 1.5px var(--tier-herald-edge), 0 6px 18px -6px #6d28d980; }
: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-bar{
  position: sticky; top: var(--sticky-top); z-index: 30;
  display: grid; gap: 8px; padding: 10px var(--gutter) 10px;
  background: var(--bg); box-shadow: 0 1px 0 var(--hairline-2), 0 10px 18px -16px rgba(0, 0, 0, .7);
}
.mx-bar > .mx-tiers{ padding: 0; }
.mx-ctl{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.mx-ctl .mx-search{ flex: 0 1 300px; min-width: 0; border-radius: 999px; padding: 7px 14px; }
.mx-menus{ display: flex; align-items: center; gap: 6px; min-width: 0; }
.mx-count{ margin-left: auto; }
.mx-clear{
  border: 0; background: none; padding: 6px 4px; cursor: pointer; color: var(--gold);
  font: 600 var(--fs-2) var(--body); text-decoration: underline; text-underline-offset: 3px;
}
.mx-clear[hidden]{ display: none; }
.mx-menu{ position: relative; }
.mx-menu-btn{
  --c: var(--gold);
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 4px 10px 4px 14px;
  border: 0; border-radius: 999px; cursor: pointer; white-space: nowrap;
  color: var(--ink); font: 600 var(--fs-2)/1.2 var(--body);
  background: var(--panel); box-shadow: var(--shadow-card), inset 0 0 0 1px var(--hairline-2);
}
.mx-menu-btn:hover, .mx-menu.is-open .mx-menu-btn{ box-shadow: var(--shadow-card), inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 60%, transparent); }
.mx-menu-btn.is-on{ background: var(--pill-on); box-shadow: inset 0 0 0 1.5px var(--gold); }
.mx-menu-btn:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.mx-menu-label{ color: var(--mute); }
.mx-menu-btn.is-on .mx-menu-label{ color: var(--ink); }
.mx-menu-val{ display: inline-flex; align-items: center; gap: 3px; color: var(--gold); font-weight: 700; }
.mx-menu-dot{
  display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
  background: color-mix(in srgb, var(--c) 55%, var(--panel)); box-shadow: 0 0 0 1.5px var(--panel);
}
.mx-menu-dot + .mx-menu-dot{ margin-left: -7px; }
.mx-menu-dot img{ width: 16px; height: 16px; display: block; }
.mx-menu-name{ margin-left: 3px; }
.mx-menu-more{ margin-left: 3px; font: 600 var(--fs-1) var(--mono); }
.mx-menu-caret{ color: var(--dim); font-size: .8em; }
.mx-menu-pop{
  position: absolute; top: calc(100% + 8px); left: 0; z-index: 35;
  width: max-content; max-width: min(560px, calc(100vw - 2 * var(--gutter)));
  padding: 12px; border-radius: var(--r-lg); background: var(--panel);
  border: 1px solid var(--rule); box-shadow: var(--shadow-3, 0 24px 48px -16px rgba(0, 0, 0, .55));
  transform-origin: top left;
}
.mx-menu-pop[hidden]{ display: none; }
.mx-menu[data-menu="sort"] .mx-menu-pop{ left: auto; right: 0; transform-origin: top right; }
.mx-menu-head{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: -2px 0 10px; }
.mx-menu-title{ font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.mx-menu-done{
  border: 0; border-radius: 999px; padding: 4px 12px; cursor: pointer;
  font: 600 var(--fs-1) var(--body); color: var(--gold); background: var(--pill-on);
}
.mx-menu-pills{ display: flex; flex-wrap: wrap; gap: 6px; }
.mx-menu-pills.is-types{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mx-menu-pills.is-types .mf-pill{ justify-content: flex-start; min-height: 36px; padding: 4px 10px 4px 5px; }
.mx-menu-pills.is-types .mf-pill.is-word{ grid-column: 1 / -1; justify-content: center; }
.mx-menu-pills .mf-pill-name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mx-menu-pills.is-types .mf-pill:not(.is-word){
  background: color-mix(in srgb, var(--c) 16%, var(--panel));
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--c) 55%, transparent);
}
.mx-menu-pills.is-types .mf-pill:not(.is-word) img{
  box-sizing: border-box; padding: 3px; border-radius: 50%; background: color-mix(in srgb, var(--c) 78%, #fff);
}
.mx-menu-pills.is-types .mf-pill[aria-pressed="true"]:not(.is-word){
  color: #fff; background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 70%, #000));
  box-shadow: 0 0 0 2px var(--gold), 0 6px 14px -6px var(--c);
}
.mx-menu.is-multi .mx-menu-pills:has(.mf-pill[aria-pressed="true"]:not(.is-word)) .mf-pill:not([aria-pressed="true"]):not(.is-word){ opacity: .62; }
.mx-sec-head{ padding-top: 22px; }
.mx-sec-head .mymic-tier{ padding: 6px 18px; font-size: var(--fs-3); }
#view.fl-scope[data-fl="raids"] .mt-grid, .mt-grid{ gap: 14px; align-items: stretch; }
.mt-grid{ grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)); }
.mx-flat{ padding-top: 16px; }
.mt{ display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 14px 12px 10px; overflow: hidden; }
.mt[hidden]{ display: none; }
.mt-art{
  position: relative; display: flex; align-items: center; justify-content: center; gap: 3px;
  width: 100%; min-height: 92px; margin-top: 10px;
}
.mt-art::after{
  content: ""; position: absolute; left: 50%; top: 50%; width: 96px; height: 96px; translate: -50% -50%;
  border-radius: 50%; z-index: 0; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--tile-c, var(--mute)) 34%, transparent), transparent 68%);
}
.mt-art .thumb{ position: relative; z-index: 1; width: 80px; height: 80px; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .35)); }
.mt-art.is-group{ flex-wrap: nowrap; gap: 0; }
.mt-art.is-group .thumb{ width: 58px; height: 58px; }
.mt-art.is-group .thumb + .thumb{ margin-left: -12px; }
.mt.is-vengeful .mt-art .thumb{ width: 50px; height: 50px; }
.mt > .mt-tier + .mt-art{ margin-top: 12px; }
.mt-name{ font: 700 var(--fs-3)/1.25 var(--body); }
.mt-stats{
  display: grid; grid-template-columns: 1fr 1fr; gap: 6px; width: 100%; margin-top: 2px;
}
.mt-stat{
  display: grid; justify-items: center; gap: 1px; padding: 5px 4px; border-radius: var(--r);
  background: color-mix(in srgb, var(--row) 85%, transparent); box-shadow: inset 0 0 0 1px var(--hairline-2);
}
.mt-stat b{ font: 700 var(--fs-2) var(--mono); font-variant-numeric: tabular-nums; }
.mt-stat i{ font-size: var(--fs-1); letter-spacing: .08em; }
.mt-bring{ justify-content: center; flex-wrap: wrap; gap: 5px; margin-top: 0; opacity: .82; }
.mt-bring .chips{ gap: 3px; flex-wrap: wrap; justify-content: center; }
.mt-bring .chip{ font-size: 0; gap: 0; padding: 2px; border-radius: 50%; }
.mt-bring .chip img{ width: 14px; height: 14px; }
.mt-bring-label{ font-size: var(--fs-1); }
.mt:hover .mt-bring{ opacity: 1; }
.mt-foot{
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 10px;
  width: 100%; margin-top: auto; padding-top: 8px; border-top: 1px solid var(--hairline-2);
}
.mt-foot .mt-drops{ margin-top: 0; gap: 3px; }
.mt-foot .mt-drop{ width: 20px; height: 20px; opacity: .9; }
.mt-foot .mt-fx{ font-size: var(--fs-1); }
.mt{ --tile-c: var(--mute); }
.mt.is-tier-regular{ --tile-c: var(--tier-regular-a); --tile-e: var(--tier-regular-edge); --tile-g: var(--tier-regular-glow); }
.mt.is-tier-elite{ --tile-c: var(--tier-elite-a);   --tile-e: var(--tier-elite-edge);   --tile-g: var(--tier-elite-glow); }
.mt.is-tier-boss{ --tile-c: var(--tier-boss-a);    --tile-e: var(--tier-boss-edge);    --tile-g: var(--tier-boss-glow); }
.mt.is-tier-tutor{ --tile-c: var(--tier-tutor-a);   --tile-e: var(--tier-tutor-edge);   --tile-g: var(--tier-tutor-glow); }
.mt.is-tier-herald{ --tile-c: var(--tier-herald-a); }
.mt.is-tier-riftbreaker{ --tile-c: var(--tier-rift-a); }
#view.fl-scope .mt:is(.is-tier-regular, .is-tier-elite, .is-tier-boss, .is-tier-tutor),
.mt:is(.is-tier-regular, .is-tier-elite, .is-tier-boss, .is-tier-tutor){
  border: 1.5px solid color-mix(in srgb, var(--tile-c) 55%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--tile-c) 13%, var(--panel)), var(--panel) 48%);
  box-shadow: var(--shadow-card), 0 10px 26px -14px color-mix(in srgb, var(--tile-g) 55%, transparent);
}
#view.fl-scope .mt:is(.is-tier-regular, .is-tier-elite, .is-tier-boss, .is-tier-tutor):hover,
.mt:is(.is-tier-regular, .is-tier-elite, .is-tier-boss, .is-tier-tutor):hover{
  border-color: var(--tile-e);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tile-c) 16%, transparent), 0 18px 36px -12px color-mix(in srgb, var(--tile-g) 60%, transparent);
}
.mt:hover .mt-art::after{ background: radial-gradient(circle, color-mix(in srgb, var(--tile-c) 48%, transparent), transparent 70%); }
@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;
  }
.mt > .mt-tier::after{ animation-play-state: paused; }
.mt:hover > .mt-tier::after, .mt:focus-visible > .mt-tier::after{ animation-play-state: running; }
.mt{ transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s ease, border-color .22s ease; }
.mt:hover{ transform: translateY(-4px); }
.mt-art .thumb{ transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
.mt:hover .mt-art .thumb{ transform: scale(1.06); }
.mt-art::after{ animation: mx-halo 5s ease-in-out infinite; animation-play-state: paused; }
.mt:hover .mt-art::after{ animation-play-state: running; }
.mx-menu-pop:not([hidden]){ animation: mx-pop .16s ease-out; }
}
@keyframes mx-halo{ 0%, 100% { opacity: .85; transform: scale(1); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes mx-pop{ from { opacity: 0; transform: translate(0, -4px) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 640px){
.mx-bar{ padding: 8px var(--gutter); gap: 7px; }
.mx-bar > .mx-tiers{ flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--gutter)); padding: 2px var(--gutter); }
.mx-bar > .mx-tiers::-webkit-scrollbar{ display: none; }
.mx-bar > .mx-tiers > .mx-tier{ flex: none; }
.mx-ctl{ flex-wrap: wrap; gap: 6px; }
.mx-ctl .mx-search{ flex: 1 1 0; min-height: 40px; }
.mx-clear{ order: 1; flex: none; }
.mx-menus{ order: 2; flex: 1 1 0; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.mx-menus::-webkit-scrollbar{ display: none; }
.mx-count{ order: 3; }
.mx-ctl::after{ content: ""; order: 1; flex-basis: 100%; height: 0; }
.mx-menu-btn{ min-height: 40px; padding: 4px 9px 4px 12px; }
.mx-count{ flex: none; }
.mx-menu-pop, .mx-menu[data-menu="sort"] .mx-menu-pop{
    position: fixed; left: 0; right: 0; top: auto; bottom: 0; z-index: 61;
    width: auto; max-width: none; max-height: min(64dvh, 520px); overflow-y: auto; overscroll-behavior: contain;
    padding: 14px max(16px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    border-radius: var(--r-lg) var(--r-lg) 0 0; border-bottom: 0;
    box-shadow: 0 -18px 40px -12px rgba(0, 0, 0, .55);
  }
html.nav-eh .mx-menu-pop, html.nav-eh .mx-menu[data-menu="sort"] .mx-menu-pop{ bottom: calc(62px + env(safe-area-inset-bottom)); padding-bottom: 16px; }
.mx-menu-pills.is-types{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mx-menu-pills.is-types .mf-pill{ min-height: 42px; }
.mx-menu-pills.is-types .mf-pill:not(.is-all) .mf-pill-name{ display: inline; }
.mx-menu-pills.is-types .mf-pill img{ width: 24px; height: 24px; }
.mx-menu-pills .mf-pill.is-word{ min-height: 42px; }
@media (prefers-reduced-motion: no-preference){
.mx-menu-pop:not([hidden]){ animation: mx-sheet .2s ease-out; }
}
.mt-grid, #view.fl-scope[data-fl="raids"] .mt-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.mt{ padding: 12px 8px 8px; gap: 6px; }
.mt-art{ min-height: 74px; }
.mt-art::after{ width: 78px; height: 78px; }
.mt-art .thumb{ width: 64px; height: 64px; }
.mt-art.is-group .thumb{ width: 46px; height: 46px; }
.mt.is-vengeful .mt-art .thumb{ width: 40px; height: 40px; }
.mt-name{ font-size: var(--fs-2); }
.mt-stat b{ font-size: var(--fs-1); }
.mx-sec-head .mymic-tier{ padding: 5px 14px; font-size: var(--fs-2); }
}
@media (max-height: 420px) and (max-width: 640px){
html.nav-eh .mx-menu-pop, html.nav-eh .mx-menu[data-menu="sort"] .mx-menu-pop{ bottom: 0; padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
}
@keyframes mx-sheet{ from { opacity: 0; transform: translate(0, 24px); } to { opacity: 1; transform: none; } }
.mx-tier.is-none{ opacity: .45; }
.mx-aside{ display: inline-flex; align-items: center; gap: 6px; flex: none; }
.mx-row{ --c: var(--tier-regular-a); --ce: var(--tier-regular-edge); }
.mx-row.is-boss{ --c: var(--tier-boss-a); --ce: var(--tier-boss-edge); }
.mx-row.is-tutor{ --c: var(--tier-tutor-a); --ce: var(--tier-tutor-edge); }
.mx-row.is-elite{ --c: var(--tier-elite-a); --ce: var(--tier-elite-edge); }
.mx-row.is-riftbreaker{ --c: var(--tier-rift-a); --ce: var(--tier-rift-gold); }
.mx-row.is-herald{ --c: var(--tier-herald-a); --ce: var(--tier-herald-edge); }
.mx-kinds{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 16px var(--gutter) 4px; }
.mx-kinds > :only-child{ grid-column: 1 / -1; }
.mx-kind{
  position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px 14px;
  min-height: 168px; padding: 18px 20px; border-radius: calc(var(--r-lg) * 1.5); cursor: pointer; color: var(--ink);
  background: radial-gradient(90% 120% at 100% 0%, color-mix(in srgb, var(--tier-boss-a) 22%, transparent), transparent 60%), var(--panel);
  box-shadow: var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--tier-boss-a) 35%, var(--hairline-2));
}
.mx-kind:hover{ box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .6), inset 0 0 0 1.5px var(--tier-boss-a); }
.mx-kind.is-mega{
  background: radial-gradient(90% 120% at 100% 0%, color-mix(in srgb, var(--tier-rift-a) 42%, transparent), transparent 62%),
              radial-gradient(70% 90% at 0% 100%, color-mix(in srgb, var(--tier-herald-a) 22%, transparent), transparent 65%), var(--panel);
  box-shadow: 0 0 0 2px var(--tier-rift-gold), 0 0 0 6px #6d28d924, 0 18px 40px -12px #6d28d966;
}
.mx-kind.is-mega:hover{ box-shadow: 0 0 0 2px var(--tier-rift-hover), 0 0 0 6px #6d28d938, 0 22px 44px -12px #6d28d988, 0 0 30px #fbbf2440; }
.mx-kind.is-none{ opacity: .45; }
.mx-kind-title{ grid-column: 1 / -1; display: flex; align-items: baseline; gap: 10px; margin: 0; }
.mx-kind-go{
  padding: 0; border: 0; background: none; cursor: pointer; color: inherit;
  font: 700 var(--fs-5)/1 var(--cond); font-size: clamp(26px, 3.4vw, 36px); letter-spacing: .06em; text-transform: uppercase;
}
.mx-kind-go:focus-visible{ outline: 2px solid var(--gold); outline-offset: 4px; border-radius: var(--r); }
.mx-kind.is-mega .mx-kind-go{ color: var(--tier-rift-gold); text-shadow: 0 0 18px #fbbf2455; }
.mx-kind-n{ color: var(--dim); font: normal 600 var(--fs-3) var(--mono); font-variant-numeric: tabular-nums; }
.mx-kind-tiers{ display: flex; flex-wrap: wrap; gap: 6px; align-self: end; }
.mx-kind-tier{ gap: 6px; cursor: pointer; }
.mx-kind-tier b{ font: 600 var(--fs-1) var(--mono); opacity: .85; }
.mx-kind-tier.is-none{ opacity: .45; }
.mx-kind-tier:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.mx-kind-art{ display: flex; align-items: center; align-self: center; }
.mx-kind-pic .thumb{ display: block; width: 74px; height: 74px; object-fit: contain; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .45)); }
.mx-kind-pic + .mx-kind-pic{ margin-left: -22px; }
.mx-kind-pic .thumb, .mx-sprite .thumb{ background: none; border: 0; border-radius: 0; }
.mx-kind.is-mega .mx-kind-pic .thumb{ filter: drop-shadow(0 8px 16px rgba(109, 40, 217, .65)); }
.mx-group{ padding: 18px var(--gutter) 0; scroll-margin-top: calc(var(--sticky-top) + 70px); }
.mx-group-head{
  display: flex; align-items: center; gap: 10px; margin: 0 0 10px;
  font: 700 var(--fs-3) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--mute);
}
.mx-group-head::after{ content: ""; flex: 1; height: 1px; background: var(--rule); }
.mx-group.is-mega .mx-group-head{ color: var(--tier-rift-gold); }
.mx-row{ margin: 0 0 10px; scroll-margin-top: calc(var(--sticky-top) + 70px); }
.mx-row-head{ margin: 0; font: inherit; }
.mx-row-btn{
  display: grid; grid-template-columns: minmax(150px, 210px) minmax(0, 1fr) auto; align-items: center; gap: 14px;
  width: 100%; padding: 12px 14px; border: 0; border-radius: calc(var(--r-lg) * 1.33); cursor: pointer; text-align: left; color: var(--ink); font: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--c) 13%, var(--panel)), var(--panel) 45%);
  box-shadow: var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--c) 32%, var(--hairline-2));
}
.mx-row-btn:hover{ box-shadow: 0 10px 24px -14px color-mix(in srgb, var(--c) 80%, transparent), inset 0 0 0 1.5px var(--c); }
.mx-row-btn:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.mx-row.is-riftbreaker .mx-row-btn{
  background: radial-gradient(70% 160% at 0 0, color-mix(in srgb, var(--tier-rift-a) 30%, transparent), transparent 70%), var(--panel);
  box-shadow: 0 0 0 1.5px var(--tier-rift-gold), 0 10px 26px -14px #6d28d9aa;
}
.mx-row.is-herald .mx-row-btn{ box-shadow: 0 0 0 1.5px var(--tier-herald-edge), 0 10px 26px -16px #0f766eaa; }
.mx-row.is-open .mx-row-btn{ box-shadow: 0 0 0 1.5px var(--c), 0 10px 24px -14px color-mix(in srgb, var(--c) 80%, transparent); }
.mx-row.is-open.is-riftbreaker .mx-row-btn{ box-shadow: 0 0 0 2px var(--tier-rift-gold), 0 10px 26px -14px #6d28d9aa; }
.mx-row.is-none{ opacity: .38; }
.mx-row-name{ display: flex; align-items: center; gap: 10px; min-width: 0; }
.mx-row-name .mymic-tier{ padding: 5px 15px; font-size: var(--fs-2); letter-spacing: .1em; }
.mx-row-n{ color: var(--dim); font: normal 600 var(--fs-2) var(--mono); font-variant-numeric: tabular-nums; }
.mx-strip{
  display: flex; gap: 8px; min-width: 0; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent);
}
.mx-row.is-open .mx-strip{ visibility: hidden; }
.mx-sprite{
  display: grid; place-items: center; flex: 0 0 auto; width: 46px; height: 46px; border-radius: var(--r-lg);
  background: radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--c) 30%, transparent), transparent 70%), color-mix(in srgb, var(--c) 8%, var(--row));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 30%, var(--hairline-2));
}
.mx-sprite .thumb{ display: block; width: 38px; height: 38px; object-fit: contain; filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .35)); }
.mx-show{
  display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; padding: 8px 14px; border-radius: 999px;
  font: 600 var(--fs-2) var(--body); color: var(--ink); background: var(--row); box-shadow: inset 0 0 0 1px var(--hairline-2);
}
.mx-row-btn:hover .mx-show{ box-shadow: inset 0 0 0 1.5px var(--c); }
.mx-chev{ width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translate(-2px, -2px); }
.mx-row.is-open .mx-chev{ transform: rotate(225deg) translate(-2px, -2px); }
.mx-row-body[hidden]{ display: none; }
.mx-row-body .mt-grid, .mx-row-body .mt-group{ padding-left: 0; padding-right: 0; }
.mx-row-body .mt-group{ padding-top: 16px; font-size: var(--fs-2); }
.mx-row-groups > .mt-grid:first-child, .mx-row-body > .mx-flat{ padding-top: 14px; }
.mx-row-groups[hidden], .mx-flat[hidden]{ display: none; }
:root[data-theme="light"] .mx-kind.is-mega .mx-kind-go, :root[data-theme="light"] .mx-group.is-mega .mx-group-head{ color: #6d28d9; text-shadow: none; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .mx-kind.is-mega .mx-kind-go, :root:not([data-theme="dark"]) .mx-group.is-mega .mx-group-head{ color: #6d28d9; text-shadow: none; }
}
@media (prefers-reduced-motion: no-preference){
.mx-kind:hover{ transform: translateY(-2px); }
.mx-chev{ transition: transform .2s ease; }
.mx-row.is-open .mx-row-body{ animation: mx-open .28s cubic-bezier(.2, .8, .2, 1); }
.mx-row, .mx-kind{ transition: opacity .2s ease, transform .18s ease; }
}
@keyframes mx-open{ from { opacity: 0; transform: translate(0, -6px); } to { opacity: 1; transform: none; } }
@media (max-width: 640px){
.mx-kinds{ gap: 10px; padding-top: 12px; }
.mx-kind{ grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 14px; gap: 8px; border-radius: calc(var(--r-lg) * 1.33); align-content: start; }
.mx-kind-go{ font-size: clamp(20px, 6vw, 24px); }
.mx-kind-title{ flex-wrap: wrap; gap: 6px; }
.mx-kind-art{ order: -1; justify-content: flex-start; }
.mx-kind-pic .thumb{ width: 50px; height: 50px; }
.mx-kind-pic + .mx-kind-pic{ margin-left: -16px; }
.mx-kind-tiers{ display: none; }
.mx-row-btn{ grid-template-columns: minmax(0, 1fr) auto; gap: 10px 8px; padding: 11px 12px; }
.mx-strip{ grid-column: 1 / -1; grid-row: 2; gap: 6px; }
.mx-row.is-open .mx-strip{ display: none; }
.mx-show{ padding: 6px 11px; font-size: var(--fs-1); }
.mx-row-name .mymic-tier{ padding: 4px 12px; }
.mx-sprite{ width: 44px; height: 44px; border-radius: var(--r-lg); }
.mx-sprite .thumb{ width: 36px; height: 36px; }
}
: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%);
}
.mx-tier.is-status{ --c: var(--prestige-gold); --c2: #a16207; }
.mx-tier.is-midfight{ --c: var(--tier-mid-a); --c2: var(--tier-mid-b); }
.ef-sec{ --sec-c: var(--tier-mid-a); padding-bottom: 6px;
  background: radial-gradient(50% 64px at 0 46px, color-mix(in srgb, var(--sec-c) 10%, transparent), transparent 70%); }
.ef-sec[hidden]{ display: none; }
.ef-sec[data-group="status"]{ --sec-c: var(--prestige-gold); }
.ef-sec[data-group="bosses"]{ --sec-c: var(--tier-boss-a); }
.ef-sec[data-group="mega"]{ --sec-c: var(--tier-rift-a); }
.ef-sec[data-group="elites"]{ --sec-c: var(--tier-elite-a); }
.ef-sec[data-group="regulars"]{ --sec-c: var(--tier-regular-a); }
.ef-sec-head{ padding-top: 22px; }
.ef-sec-head .mymic-tier{ padding: 6px 18px; font-size: var(--fs-3); letter-spacing: .1em; }
.ef-grid{
  display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px;
  padding: 14px var(--gutter) 10px; align-items: start;
}
.ef-card{
  --ef-c: var(--tier-mid-a);
  position: relative; display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 14px;
  border: 1px solid color-mix(in srgb, var(--ef-c) 30%, var(--rule)); border-radius: var(--r-lg);
  background: linear-gradient(180deg, color-mix(in srgb, var(--ef-c) 10%, var(--panel)), var(--panel) 50%);
  box-shadow: var(--shadow-card), 0 10px 26px -16px color-mix(in srgb, var(--ef-c) 55%, transparent);
}
.ef-card[hidden]{ display: none; }
.ef-card.is-status{ --ef-c: var(--prestige-gold); }
.ef-card.is-boss{ --ef-c: var(--tier-boss-a); }
.ef-card.is-mega{ --ef-c: var(--tier-rift-a); }
.ef-card.is-elite{ --ef-c: var(--tier-elite-a); }
.ef-card.is-regular{ --ef-c: var(--tier-regular-a); }
.ef-card:hover, .ef-card:focus-within{
  border-color: color-mix(in srgb, var(--ef-c) 60%, var(--rule));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ef-c) 14%, transparent), 0 18px 36px -14px color-mix(in srgb, var(--ef-c) 60%, transparent);
}
.ef-card.is-picked{ border-color: var(--gold); box-shadow: 0 0 0 2px var(--gold), 0 18px 36px -14px color-mix(in srgb, var(--gold) 50%, transparent); }
.ef-head{ display: flex; align-items: center; gap: 12px; min-width: 0; }
.ef-well{
  position: relative; flex: none; width: 60px; height: 60px; display: grid; place-items: center; border-radius: var(--r-lg);
  background: color-mix(in srgb, var(--ef-c) 8%, var(--row));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ef-c) 34%, transparent), inset 0 1px 0 var(--lift);
}
.ef-well > .ef-icon{ grid-area: 1 / 1; }
.ef-well .ef-icon{ width: 42px; height: 42px; border: 0; border-radius: 0; background: none;
  filter: drop-shadow(0 4px 8px color-mix(in srgb, var(--ef-c) 45%, transparent)); }
.ef-icon.is-empty{ display: block; }
.ef-titles{ display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ef-name{ margin: 0; font: 700 var(--fs-3)/1.25 var(--body); color: var(--ink); overflow-wrap: anywhere; }
.ef-marks{ display: flex; flex-wrap: wrap; gap: 5px; }
.ef-mark{
  display: inline-flex; align-items: center; padding: 1px 9px; border-radius: 999px;
  font: 700 var(--fs-1)/1.5 var(--body); letter-spacing: .02em; color: color-mix(in srgb, var(--ef-c) 70%, var(--ink));
  background: color-mix(in srgb, var(--ef-c) 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ef-c) 35%, transparent);
}
.ef-desc{ margin: 0; font: var(--fs-2)/1.55 var(--body); color: var(--ink); overflow-wrap: anywhere; }
.ef-desc.is-clamped:not(.is-open){ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ef-fig{ font-weight: 700; font-variant-numeric: tabular-nums; color: color-mix(in srgb, var(--ef-c) 45%, var(--ink)); }
.ef-more{
  align-self: flex-start; margin-top: -6px; padding: 2px 0; border: 0; background: none; cursor: pointer;
  font: 600 var(--fs-1) var(--body); color: var(--gold);
}
.ef-more:hover{ text-decoration: underline; text-underline-offset: 3px; }
.ef-more:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; border-radius: var(--r-sm); }
.ef-src{ display: grid; gap: 9px; margin-top: auto; padding-top: 10px; border-top: 1px solid var(--hairline-2); }
.ef-src-row{ display: grid; gap: 6px; min-width: 0; }
.ef-src-label{ font: 700 var(--fs-1) var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.ef-pills{ display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.ef-pill{
  --c: var(--mute);
  display: inline-flex; align-items: center; gap: 6px; min-height: 28px; max-width: 100%; box-sizing: border-box;
  padding: 2px 10px 2px 3px; border: 0; border-radius: 999px; cursor: pointer;
  font: 600 var(--fs-1)/1.2 var(--body); color: var(--ink); text-decoration: none;
  background: color-mix(in srgb, var(--c) 12%, var(--row)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 40%, transparent);
}
.ef-pill span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ef-pill .thumb{ width: 22px; height: 22px; flex: none; border-radius: 50%; background: none; }
.ef-pill:hover{ box-shadow: inset 0 0 0 1.5px var(--c); }
.ef-pill:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.ef-pill.is-rule{ cursor: default; padding: 2px 10px; gap: 5px; }
.ef-pill.is-rule:hover{ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 40%, transparent); }
.ef-pill.is-rule .ef-rule-k{ font-weight: 500; color: var(--mute); }
.ef-rules .ef-pills{ margin: 8px var(--gutter) 0; }
.ef-rules-note{ margin: 8px var(--gutter) 0; max-width: 70ch; font: var(--fs-2)/1.5 var(--body); color: var(--mute); }
.ef-pill.is-boss{ --c: var(--tier-boss-a); }
.ef-pill.is-elite{ --c: var(--tier-elite-a); }
.ef-pill.is-regular{ --c: var(--tier-regular-a); }
.ef-pill.is-tutor{ --c: var(--tier-tutor-a); }
.ef-pill.is-herald{ --c: var(--tier-herald-a); }
.ef-pill.is-riftbreaker{ --c: var(--tier-rift-a); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tier-rift-gold) 60%, transparent); }
.ef-pill.is-item{ --c: var(--prestige-gold); }
.ef-pill.is-item .thumb{ border-radius: var(--r-sm); }
.ef-pill.is-fx{ --c: var(--gold); }
.ef-pill.is-fx .thumb{ border-radius: var(--r-sm); }
.ef-pill.is-fx:not(:has(.thumb)){ padding-left: 10px; }
.ef-pill.is-more{ padding: 2px 10px; color: var(--mute); font-family: var(--mono); }
@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; }
.ef-card{ transition: transform .22s cubic-bezier(.2, .8, .2, 1); }
.ef-card:hover{ transform: translateY(-3px); }
.ef-well .ef-icon{ transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
.ef-card:hover .ef-well .ef-icon{ transform: scale(1.1) rotate(-3deg); }
.ef-pill{ transition: transform .15s ease; }
.ef-pill:hover{ transform: translateY(-1px); }
}
@media (max-width: 640px){
.ef-grid{ grid-template-columns: minmax(0, 1fr); gap: 10px; padding-top: 10px; }
.ef-card{ padding: 13px; }
.ef-well{ width: 54px; height: 54px; }
.ef-well .ef-icon{ width: 38px; height: 38px; }
.ef-pill{ min-height: 36px; padding-right: 12px; }
.ef-pill .thumb{ width: 26px; height: 26px; }
.ef-more{ min-height: 32px; }
.ef-sec-head .mymic-tier{ padding: 5px 14px; font-size: var(--fs-2); }
}
@media (min-width: 641px) and (max-width: 900px){
.ef-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (pointer: coarse) and (min-width: 641px){
.ef-pill, .ef-more{ position: relative; }
.ef-pill::after, .ef-more::after{ content: ""; position: absolute; border-radius: inherit; }
.ef-pill::after{ inset: -3px 0; }
.ef-more::after{ inset: -7px -3px; }
}
body:has(.eq-tools .mx-menu) #view.is-swapping{ animation-fill-mode: backwards; }
.eq-tools .mx-menu[hidden]{ display: none; }
@media (max-width: 640px){
.eq-tools .mx-menu-btn{ min-height: 40px; }
}
.mg{
  --mg-sky-a: #3b2a8a; --mg-sky-b: #1e1452; --mg-sky-c: #0b0722; --mg-title: #fff7e0;
  --mg-card-a: #2e1065; --mg-card-b: #140f33; --mg-card-edge: var(--tier-rift-gold);
  --mg-digit-a: #fef3c7; --mg-digit-b: #fbbf24; --mg-digit-c: #f59e0b; --mg-label: #e9d5ff;
  min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); align-content: start;
  color: var(--mg-title); color-scheme: dark;
  padding-bottom: 18px;
}
.mg-sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mg-bg{ position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; will-change: transform;
  background: radial-gradient(120% 80% at 50% 8%, var(--mg-sky-a), var(--mg-sky-b) 45%, var(--mg-sky-c) 88%); }
.mg-bg::after{ content: ""; position: absolute; inset: 0; z-index: 6; background: #0b072270; }
body:has(.mg-bg) footer{ background: var(--bg); }
#view.is-swapping:has(> .mg){ animation-name: none; }
.mg-sky{ position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(1.5px 1.5px at 22% 30%, #e9d5ffb3, transparent), radial-gradient(1px 1px at 68% 22%, #ffffffa6, transparent),
    radial-gradient(1.5px 1.5px at 84% 58%, #c4b5fd99, transparent), radial-gradient(1px 1px at 9% 80%, #ffffff8c, transparent),
    radial-gradient(1px 1px at 40% 64%, #e9d5ff80, transparent), radial-gradient(1.5px 1.5px at 58% 90%, #ffffff80, transparent); }
.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; }
.mg-veil{ position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.mg-veil-half{ position: absolute; top: 0; bottom: 0; width: 51%; overflow: hidden;
  background: radial-gradient(80% 60% at var(--vx) 50%, #7c3aed80, transparent 70%),
    linear-gradient(180deg, #2e1065f2, #1e1452f7 40%, #160d3df7 75%, #0b0722fa); }
.mg-veil-half.is-left{ left: 0; --vx: 100%; transform-origin: 0 50%; }
.mg-veil-half.is-right{ right: 0; --vx: 0%; transform-origin: 100% 50%; }
.mg-veil-sheen{ position: absolute; inset: -20% -10%; opacity: .5;
  background: repeating-linear-gradient(100deg, transparent 0 7%, #a78bfa1f 9%, transparent 12% 18%, #c4b5fd14 21%, transparent 25%); }
.mg-veil-sheen.is-b{ opacity: .35;
  background: repeating-linear-gradient(80deg, transparent 0 10%, #8b5cf626 13%, transparent 17% 26%, #fbbf2412 29%, transparent 32%); }
.mg-leak{ position: absolute; left: 50%; top: 4%; bottom: 4%; width: min(46vw, 340px); transform: translateX(-50%);
  background: radial-gradient(50% 50% at 50% 50%, #fbbf2459, #a855f740 40%, transparent 72%); mix-blend-mode: screen; }
.mg-seam{ position: absolute; left: 50%; top: 0; bottom: 0; width: 22px; transform: translateX(-50%);
  filter: drop-shadow(0 0 4px #fbbf24) drop-shadow(0 0 12px #a855f7) drop-shadow(0 0 26px #8b5cf6); }
.mg-seam-art{ display: block; width: 100%; height: 100%; overflow: visible; }
.mg-cave{ position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.mg-cave-art{ display: block; width: 100%; height: 100%; }
.mg-rock{ fill: #07051a; fill-opacity: .82; }
.mg-rim{ opacity: .75; filter: drop-shadow(0 0 3px #a855f7); }
.mg[data-veil="open"] .mg-veil-half.is-left{ transform: translateX(-96%) scaleX(.6); opacity: 0; }
.mg[data-veil="open"] .mg-veil-half.is-right{ transform: translateX(96%) scaleX(.6); opacity: 0; }
.mg[data-veil="open"] .mg-seam, .mg[data-veil="open"] .mg-leak{ opacity: 0; }
.mg[data-veil="open"] .mg-halo{ background: radial-gradient(closest-side, #fde68acc, #fbbf2480 22%, #a855f78c 46%, #6d28d900 74%); }
.mg[data-veil="open"] .mg-rim{ opacity: 1; }
.mg-top{ position: relative; z-index: 5; display: grid; justify-items: center; gap: 6px; padding: clamp(20px, 4vw, 40px) var(--gutter) 4px; text-align: center; }
#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; }
.mg-w1{ color: #ffffff; }
.mg-w2{ color: #fbbf24; }
.mg-center{ position: relative; z-index: 5; display: grid; place-items: center; align-content: center; padding: 12px var(--gutter) 6px; min-width: 0; }
.mg-release{ display: grid; justify-items: center; gap: 12px; width: 100%; max-width: 480px; }
.mg-short:empty{ display: none; }
.mg-timer{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(6px, 1.6vw, 14px); width: 100%; container-type: inline-size; }
.mg-unit{
  position: relative; display: grid; justify-items: center; gap: 4px; min-width: 0;
  padding: clamp(8px, 1.8vw, 14px) 4px clamp(6px, 1.4vw, 10px); border-radius: var(--r-lg);
  background: linear-gradient(#00000073, #00000073) 50% calc(50% - 10px) / calc(100% - 16px) 1px no-repeat,
    linear-gradient(180deg, var(--mg-card-a), var(--mg-card-b));
  border: 1px solid color-mix(in srgb, var(--mg-card-edge) 70%, transparent);
  box-shadow: 0 0 0 1px #00000040 inset, 0 10px 26px #0000008c;
}
.mg-unit.is-seconds{ border-color: var(--tier-herald-edge); }
.mg-digits{ display: inline-flex; font-weight: 800; font-family: var(--cond); font-size: clamp(30px, 15cqi, 96px); line-height: 1; font-variant-numeric: tabular-nums; }
.mg-digits.is-long{ font-size: clamp(24px, 10cqi, 66px); }
.mg-digit{ position: relative; display: inline-block; width: .56em; height: 1.04em; perspective: 300px; }
.mg-face{
  position: absolute; inset: 0; display: grid; place-items: center; backface-visibility: hidden;
  background: linear-gradient(180deg, var(--mg-digit-a), var(--mg-digit-b) 55%, var(--mg-digit-c));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.is-seconds .mg-face{ background-image: linear-gradient(180deg, #ccfbf1, #5eead4 55%, #14b8a6); }
.mg-face.is-was{ opacity: 0; }
.mg-unit-label{ font: 700 var(--fs-1)/1 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--mg-label); }
.mg-when{ margin: 0; padding: 4px 14px; border-radius: 999px; font-size: var(--fs-2); color: var(--mg-title);
  background: #1e1b4bd9; border: 1px solid color-mix(in srgb, var(--tier-rift-gold) 60%, transparent); }
.mg-house{ position: relative; z-index: 1; min-width: 0; }
.mg-house-head{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 4px; }
#view .mg-house-head .wrf-h{ margin: 0; }
.mg-picks{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.mg-tier .wrf-toggle-b{ min-width: 48px; }
.mg-mymic-pick{ display: inline-flex; min-width: 0; }
.mg-mymic-select{ margin: 0; min-height: 36px; padding: 6px 28px 6px 12px; min-width: 200px; max-width: 100%; border: 1px solid var(--rule); border-radius: var(--r);
  background: var(--row); color: var(--ink); font: 600 var(--fs-2) var(--body); cursor: pointer; }
.mg-mymic-select:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
@media (max-width: 560px){
.mg-picks{ width: 100%; }
.mg-tier{ flex: none; }
.mg-mymic-pick, .mg-mymic-select{ flex: 1 1 auto; width: 100%; min-width: 0; min-height: 40px; }
.mg-tier .wrf-toggle-b{ min-height: 40px; }
}
.mg-house > .rh-more{ display: block; margin: 4px auto 0; min-height: 40px; padding: 0 22px; }
.mg-picks > .rr-refresh{ font-family: var(--body); }
.mg-picks .rr-refresh-btn{ min-height: 36px; padding-inline: 14px; }
.mg-house > .rr-list{ overflow-anchor: none; }
@media (max-width: 560px){
.mg-picks .rr-refresh-btn{ min-height: 40px; }
}
.mg .rr-list{ margin-top: 6px; }
.mg-empty{ text-align: center; padding: 28px var(--gutter); }
@media (max-width: 560px){
.mg-center{ padding-inline: 14px; }
.mg-unit-label{ letter-spacing: .04em; }
.mg-seam{ width: 16px; }
}
@media (prefers-reduced-motion: no-preference){
.mg-veil-sheen.is-a{ animation: mg-shimmer 9s ease-in-out infinite alternate; }
.mg-veil-sheen.is-b{ animation: mg-shimmer 13s ease-in-out -5s infinite alternate-reverse; }
.mg-seam{ animation: mg-flicker 4.2s ease-in-out infinite; }
.mg-leak{ animation: mg-breathe 5s ease-in-out infinite alternate; }
.mg-star{ animation: mg-pulse calc(2.6s + var(--d) * .3s) ease-in-out calc(var(--d) * -.7s) infinite; }
.mg-digit.is-flip .mg-face.is-now{ animation: mg-flip-in .46s cubic-bezier(.2, .8, .3, 1.2) both; }
.mg-digit.is-flip .mg-face.is-was{ animation: mg-flip-out .32s ease-in both; }
.mg[data-veil="open"] .mg-veil-half.is-left{ animation: mg-tear 2.4s cubic-bezier(.6, 0, .3, 1) both; }
.mg[data-veil="open"] .mg-veil-half.is-right{ animation: mg-tear-r 2.4s cubic-bezier(.6, 0, .3, 1) both; }
.mg[data-veil="open"] .mg-seam{ animation: mg-fade 1s ease-out both; }
.mg[data-veil="open"] .mg-leak{ animation: mg-fade 1.4s ease-out both; }
.mg[data-veil="open"] .mg-veil-sheen{ animation: none; }
}
@keyframes mg-shimmer{ from { transform: translate(-4%, -3%); opacity: .3; } to { transform: translate(4%, 3%); opacity: .6; } }
@keyframes mg-breathe{ from { transform: translateX(-50%) scale(.92); opacity: .65; } to { transform: translateX(-50%) scale(1.08); opacity: 1; } }
@keyframes mg-pulse{ 0%, 100% { opacity: .35; } 50% { opacity: .9; } }
@keyframes mg-flicker{ 0%, 100% { opacity: 1; } 40% { opacity: .78; } 44% { opacity: 1; } 70% { opacity: .86; } }
@keyframes mg-fade{ from { opacity: 1; } to { opacity: 0; } }
@keyframes mg-flip-in{ from { transform: rotateX(-90deg) translate(0, -12%); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes mg-flip-out{ from { transform: none; opacity: 1; } to { transform: rotateX(90deg) translate(0, 12%); opacity: 0; } }
@keyframes mg-tear{ 0% { transform: none; opacity: 1; } 18% { transform: translateX(-3%) skewY(-1deg); opacity: 1; } 100% { transform: translateX(-96%) scaleX(.6); opacity: 0; } }
@keyframes mg-tear-r{ 0% { transform: none; opacity: 1; } 18% { transform: translateX(3%) skewY(1deg); opacity: 1; } 100% { transform: translateX(96%) scaleX(.6); opacity: 0; } }
@keyframes mg-rise{ from { transform: translate(0, 14px); opacity: 0; } to { transform: none; opacity: 1; } }
.mg{ --wrf-violet: #8b5cf6; --wrf-violet-deep: #4c1d95; --wrf-gold: #fbbf24; --wrf-teal: #14b8a6; }
.mg-portal{ position: absolute; left: 50%; top: 52%; z-index: 3; width: min(92vw, 620px); aspect-ratio: 1;
  transform: translate(-50%, -50%); pointer-events: none; }
.mg[data-veil="sealed"] .mg-portal{ opacity: .6; mix-blend-mode: screen; }
.mg[data-veil="sealed"] .mg-ring, .mg[data-veil="sealed"] .mg-core{ opacity: .45; }
.mg[data-veil="sealed"] .mg-halo{ background: radial-gradient(closest-side, #c084fcd9, #7c3aed73 42%, #6d28d900 72%); }
.mg-halo{ position: absolute; inset: 4%; border-radius: 50%;
  background: radial-gradient(closest-side, #a855f78c, #6d28d94d 45%, #6d28d900 72%); }
.mg-ring{ position: absolute; inset: 24%; border-radius: 50%; border: 2px solid #c4b5fdb3; opacity: 0;
  box-shadow: 0 0 22px #a855f7b3, inset 0 0 18px #fbbf2459; }
.mg-ring.is-1{ opacity: .55; }
.mg-core{ position: absolute; inset: 33%; border-radius: 50%; overflow: hidden;
  background: radial-gradient(closest-side, #fff7e0 0, #fde68a 10%, #fbbf24 20%, #a855f7 44%, #4c1d95 68%, #1e1b4b00 100%);
  box-shadow: 0 0 40px #a855f7b3, 0 0 90px #6d28d980; }
.mg-core-swirl{ position: absolute; inset: -20%; border-radius: 50%; opacity: .8;
  background: conic-gradient(from 0deg, #fbbf2400, #fbbf24a6 12%, #fbbf2400 26%, #a855f799 40%, #a855f700 55%, #2dd4bf8c 70%, #2dd4bf00 84%, #fbbf2400); }
.mg-core-eye{ position: absolute; inset: 38%; border-radius: 50%; background: radial-gradient(closest-side, #ffffff, #fff7e000); }
.mg-motes{ position: absolute; inset: 0; }
.mg-mote{ position: absolute; bottom: 34%; left: calc(22% + var(--i) * 4%); width: 5px; height: 5px; border-radius: 50%;
  background: #fde68a; box-shadow: 0 0 8px #fbbf24, 0 0 14px #a855f7; opacity: 0; }
.mg-mote:nth-child(3n){ width: 3px; height: 3px; background: #ccfbf1; box-shadow: 0 0 8px #2dd4bf; }
.mg-mote:nth-child(4n + 1){ width: 4px; height: 4px; background: #e9d5ff; }
.mg-tag{ display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 6px 16px 5px; border-radius: 999px;
  font: 700 var(--fs-2)/1 var(--cond); letter-spacing: .16em; text-transform: uppercase; color: #fde68a;
  background: #1e1b4be6; border: 1px solid color-mix(in srgb, var(--tier-rift-gold) 65%, transparent);
  box-shadow: 0 0 18px #fbbf2440; }
.mg-tag-dot{ width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 25%, transparent); }
.mg-release[data-state="open"] .mg-tag{ color: #99f6e4; border-color: #2dd4bfb3; box-shadow: 0 0 22px #14b8a666; }
.mg-when{ display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 4px 10px; }
.mg-when-k{ font: 700 var(--fs-1)/1 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: #fde68a; }
.mg-when-utc{ font-size: var(--fs-1); color: #c4b5fd; }
.wrf-section{ position: relative; min-width: 0; padding: 20px; border-radius: var(--r-lg); background: var(--panel);
  border: 1px solid var(--rule); box-sizing: border-box; }
#view .wrf-h{ margin: 0 0 16px; font: 800 var(--fs-4)/1.1 var(--cond); font-size: clamp(22px, 2.4vw, 28px); letter-spacing: .01em; color: var(--ink); }
#view .wrf-h-big{ color: var(--wrf-gold-ink, #fbbf24); }
:root[data-theme="light"] .wrf-guide{ --wrf-gold-ink: #92400e; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .wrf-guide{ --wrf-gold-ink: #92400e; }
}
.wrf-fact{ display: grid; gap: 2px; min-width: 0; }
.wrf-fact-k{ font: 600 var(--fs-2)/1.3 var(--body); color: var(--dim); }
.wrf-fact-v{ font: 700 var(--fs-3)/1.3 var(--body); color: var(--ink); font-variant-numeric: tabular-nums; }
.wrf-tier-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(6, auto); gap: 0 28px; }
.wrf-tier{ display: grid; grid-row: span 6; grid-template-rows: subgrid; row-gap: 0; min-width: 0; }
.wrf-tier-head{ display: flex; align-items: center; gap: 10px; min-width: 0; padding-bottom: 12px; border-bottom: 2px solid var(--wrf-acc, #8b5cf6); }
.wrf-tier.is-t2{ --wrf-acc: #f5b82e; }
.wrf-tier-stars{ font-size: var(--fs-4); line-height: 1; color: #f5b82e; letter-spacing: -.02em; }
#view .wrf-tier-name{ margin: 0; font: 800 var(--fs-4)/1.1 var(--cond); font-size: clamp(18px, 2vw, 24px); color: var(--ink); }
.wrf-tier .wrf-fact{ align-content: start; padding: 12px 0; border-bottom: 1px solid var(--rule); }
.wrf-tier .wrf-fact:last-child{ border-bottom: 0; }
.wrf-mymics{ display: flex; flex-wrap: wrap; gap: 6px 14px; min-width: 0; margin-top: 4px; }
.wrf-mymic{ display: inline-flex; align-items: center; gap: 8px; max-width: 100%; color: var(--ink); text-decoration: none; }
.wrf-mymic:hover .wrf-mymic-name{ text-decoration: underline; }
.wrf-mymic:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; border-radius: var(--r-sm); }
.wrf-mymic-art{ display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; overflow: hidden; background: #14b8a6; }
.wrf-mymic.is-riftbreaker .wrf-mymic-art{ background: #6d28d9; box-shadow: 0 0 0 2px #f5b82e; }
.wrf-mymic-art .thumb{ width: 32px; height: 32px; object-fit: contain; background: none; border: 0; }
.wrf-mymic-name{ min-width: 0; font: 600 var(--fs-3)/1.25 var(--body); }
.wrf-week-status{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0 0 14px; }
.wrf-week-k{ font: 600 var(--fs-3)/1.2 var(--body); color: var(--dim); }
.wrf-week[data-state="open"] .wrf-week-k{ color: var(--good, #14b8a6); }
.wrf-week-left{ font: 800 var(--fs-5)/1 var(--cond); font-size: clamp(30px, 4.4vw, 40px); font-variant-numeric: tabular-nums; color: var(--ink); }
.wrf-week-line{ display: grid; grid-template-columns: auto minmax(40px, 1fr) auto; align-items: center; gap: 16px; }
.wrf-week-end{ display: grid; gap: 2px; min-width: 0; }
.wrf-week-end.is-closes{ text-align: right; justify-items: end; }
.wrf-week-local{ font: 700 var(--fs-3)/1.25 var(--body); color: var(--ink); }
.wrf-week-day{ font-size: var(--fs-2); color: var(--dim); }
.wrf-week-bar{ position: relative; height: 8px; border-radius: 999px; overflow: hidden; background: var(--row); }
.wrf-week-fill{ position: absolute; inset: 0; transform-origin: 0 50%; transform: scaleX(var(--wrf-done, 0)); background: #f5b82e; }
.wrf-week-next{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 18px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--rule); }
.wrf-week-dates{ display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; padding: 0; list-style: none; }
.wrf-week-date{ font: 600 var(--fs-3)/1.3 var(--body); color: var(--ink); }
.wrf-phases-head{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 16px; }
.wrf-phases-head .wrf-h{ margin: 0; }
.wrf-toggle{ display: inline-flex; gap: 4px; }
.wrf-toggle-b{ min-height: 36px; padding: 0 14px; border: 1px solid var(--rule); border-radius: var(--r); background: none; color: var(--dim); cursor: pointer;
  font: 700 var(--fs-2)/1 var(--body); }
.wrf-toggle-b[aria-pressed="true"]{ background: #2e1065; color: #fbbf24; border-color: #2e1065; }
.wrf-toggle-b:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.wrf-flow{ list-style: none; margin: 0; padding: 0; display: grid; }
.wrf-step{ display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: start; gap: 14px; min-width: 0; padding: 12px 0;
  border-top: 1px solid var(--rule); }
.wrf-step:first-child{ border-top: 0; }
.wrf-step-n{ display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; font: 800 var(--fs-3)/1 var(--cond);
  color: var(--ink); border: 2px solid var(--rule); box-sizing: border-box; }
.wrf-step.is-final .wrf-step-n{ background: #2e1065; border-color: #f5b82e; color: #fbbf24; }
.wrf-step.is-vote{ grid-template-columns: minmax(0, 1fr); padding-left: 58px; }
.wrf-step-body{ display: grid; gap: 2px; min-width: 0; }
.wrf-step-name{ font: 800 var(--fs-4)/1.25 var(--cond); font-size: clamp(18px, 1.6vw, 20px); color: var(--ink); }
.wrf-step.is-vote .wrf-step-name{ color: var(--wrf-gold-ink, #fbbf24); }
.wrf-step-who{ font: 500 var(--fs-3)/1.4 var(--body); color: var(--dim); }
.wrf-step-boss{ font: 700 var(--fs-3)/1.4 var(--body); color: var(--ink); }
.wrf-rules{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 14px 28px; margin-top: 8px; padding-top: 16px; border-top: 2px solid var(--rule); grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); }
.wrf-rules .wrf-fact-k{ font-weight: 800; color: var(--ink); }
.wrf-rules .wrf-fact-v{ font-weight: 500; font-size: var(--fs-3); color: var(--dim); }
.wrf-pill{ display: inline-block; padding: 2px 10px; border-radius: 999px; font: 600 var(--fs-2)/1.4 var(--body); color: var(--ink); background: var(--row); }
.wrf-how-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 18px 28px; }
.wrf-how-card{ display: grid; align-content: start; gap: 4px; min-width: 0; }
.wrf-how-card.is-seats{ grid-column: span 2; }
.wrf-how-v{ font: 800 var(--fs-5)/1 var(--cond); font-size: clamp(28px, 3.4vw, 36px); color: var(--ink); font-variant-numeric: tabular-nums; }
.wrf-how-t{ font: 700 var(--fs-3)/1.35 var(--body); color: var(--ink); }
.wrf-how-s{ font-size: var(--fs-3); color: var(--dim); }
.wrf-seat-row{ display: flex; flex-wrap: wrap; gap: 6px; }
.wrf-how-part{ display: grid; gap: 10px; margin-top: 20px; padding-top: 16px; border-top: 2px solid var(--rule); min-width: 0; }
.wrf-how-h, .wrf-cat-h{ margin: 0; font: 800 var(--fs-1)/1.4 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
.wrf-how-part .rift-cat-echo{ max-width: 460px; }
.wrf-cat-group{ display: grid; gap: 10px; min-width: 0; }
.wrf-cat-group + .wrf-cat-group{ margin-top: 18px; }
.wrf-cat-group[hidden], .wrf-spoils .rift-cat-card[hidden], .wrf-gambits .rift-cat-card[hidden]{ display: none; }
.wrf-cat-group.is-common, .rift-cat-card.is-common, .rift-rar.is-common{ --rr: #A7B0BF; }
.wrf-cat-group.is-uncommon, .rift-cat-card.is-uncommon, .rift-rar.is-uncommon{ --rr: #4E9E6A; }
.wrf-cat-group.is-rare, .rift-cat-card.is-rare, .rift-rar.is-rare{ --rr: var(--tier-rift-gold); }
.rift-cat-card.is-gambit, .rift-cat-card.is-other, .rift-rar.is-other{ --rr: #8b5cf6; }
.rift-tone.is-military, .rift-tone.is-combat{ --rt: #E0564F; }
.rift-tone.is-economy{ --rt: #E3A93B; }
.rift-tone.is-diplomacy{ --rt: #38A9D1; }
.wrf-cat-h{ display: flex; }
.rift-rar{ display: inline-flex; align-items: center; gap: 8px; padding: 3px 4px 3px 12px; border-radius: 999px;
  font: 800 var(--fs-1)/1.4 var(--cond); letter-spacing: .14em; text-transform: uppercase;
  color: color-mix(in srgb, var(--rr) 48%, var(--ink)); background: color-mix(in srgb, var(--rr) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rr) 45%, transparent); }
.rift-rar-n{ min-width: 22px; padding: 1px 7px; border-radius: 999px; box-sizing: border-box; text-align: center;
  font: 600 var(--fs-1)/1.4 var(--mono); letter-spacing: 0; color: var(--ink); background: color-mix(in srgb, var(--rr) 22%, var(--row)); }
.wrf-guide .rift-filter{ padding: 0; margin-bottom: 12px; }
.mx-tier.rift-tone.is-military, .mx-tier.rift-tone.is-combat{ --c: #dc2626; --c2: #991b1b; }
.mx-tier.rift-tone.is-economy{ --c: #d97706; --c2: #92400e; }
.mx-tier.rift-tone.is-diplomacy{ --c: #0e7490; --c2: #164e63; }
.mx-tier .rift-glyph{ width: 16px; height: 16px; margin-left: -4px; color: color-mix(in srgb, var(--rt) 70%, var(--ink)); }
.mx-tier[aria-pressed="true"] .rift-glyph{ color: inherit; }
.wrf-spoils .rift-cat-grid, .wrf-gambits .rift-cat-grid{ gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.wrf-spoils .rift-cat-card, .wrf-gambits .rift-cat-card{
  --ef-c: var(--rr);
  display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; min-width: 0;
  border: 1px solid color-mix(in srgb, var(--rr) 40%, var(--fl-edge));
  background: radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--rr) 12%, transparent), transparent 62%), var(--fl-tile);
  box-shadow: var(--fl-tile-shadow), inset 0 0 24px -10px color-mix(in srgb, var(--rr) 55%, transparent);
}
.wrf-spoils .rift-cat-card.is-rare{ border-color: color-mix(in srgb, var(--rr) 62%, var(--fl-edge));
  box-shadow: var(--fl-tile-shadow), inset 0 0 28px -8px color-mix(in srgb, var(--rr) 60%, transparent),
    0 8px 22px -12px color-mix(in srgb, var(--rr) 70%, transparent); }
.wrf-spoils .rift-cat-card:hover, .wrf-gambits .rift-cat-card:hover{ border-color: color-mix(in srgb, var(--rr) 75%, var(--fl-edge)); }
.wrf-spoils .rift-cat-head, .wrf-gambits .rift-cat-head{ gap: 12px; align-items: center; }
.rift-cat-titles{ display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; }
.rift-cat-titles .rift-cat-name{ overflow-wrap: anywhere; }
.rift-well{ position: relative; flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--rr) 30%, transparent), color-mix(in srgb, var(--rr) 8%, var(--row)) 72%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rr) 45%, transparent), inset 0 1px 0 var(--lift); }
.rift-well > *{ grid-area: 1 / 1; }
.rift-emblem{ width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
  color: color-mix(in srgb, var(--rt) 75%, var(--ink)); }
.rift-cat-head .rift-well .rift-art{ width: 42px; height: 42px; object-fit: contain; border: 0; border-radius: 0; background: none; }
.rift-well:not(.is-art) > img.rift-art{ opacity: 0; }
.rift-well.is-art > .rift-emblem{ visibility: hidden; }
.rift-chip{ display: inline-flex; align-items: center; gap: 5px; padding: 1px 9px 1px 7px; border-radius: 999px;
  font: 700 var(--fs-1)/1.5 var(--body); letter-spacing: .06em; text-transform: uppercase;
  color: color-mix(in srgb, var(--rt) 62%, var(--ink)); background: color-mix(in srgb, var(--rt) 13%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rt) 38%, transparent); }
.rift-glyph{ width: 13px; height: 13px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wrf-spoils .rift-cat-line{ color: var(--ink); }
.rift-fig{ white-space: nowrap; }
.rift-wager{ flex: 1; display: grid; grid-template-rows: auto 1fr; border-radius: var(--r); overflow: hidden;
  background: color-mix(in srgb, var(--row) 70%, transparent); box-shadow: inset 0 0 0 1px var(--fl-edge); }
.rift-side{ display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 9px; align-items: start; padding: 9px 10px; }
.rift-side + .rift-side{ border-top: 1px solid var(--fl-edge); }
.rift-side.is-up{ --ef-c: var(--good); background: color-mix(in srgb, var(--good) 9%, transparent); }
.rift-side.is-down{ --ef-c: var(--bad); background: color-mix(in srgb, var(--bad) 7%, transparent); }
.rift-mark{ display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; font: 700 var(--fs-1)/1 var(--body);
  color: var(--ef-c); background: color-mix(in srgb, var(--ef-c) 18%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ef-c) 45%, transparent); }
.wrf-gambits .rift-cat-line{ color: var(--ink); }
.wrf-step-body .rift-cat-pool{ margin-top: 6px; }
.wrf-step-body .rift-cat-encounter{ padding: 4px; border-radius: var(--r); background: var(--row); }
.rift-cat-mymic{ max-width: 100%; }
.rift-cat-mymic > span:not(.mymic-tier){ min-width: 0; overflow-wrap: anywhere; }
.mg-lobbies{ margin: 6px 0 0; font: 700 var(--fs-2)/1.35 var(--body); letter-spacing: .03em; color: #e9d5ff; text-align: right; }
.mg-lobbies[hidden]{ display: none; }
.mg[data-veil="sealed"] .mg-lobbies{ display: none; }
.mg-tools{ position: absolute; z-index: 6; right: var(--gutter); top: 12px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; }
.mg{ position: relative; }
.wrf-guide-open{ min-height: 40px; padding: 0 18px; border-radius: 999px; cursor: pointer;
  font: 800 var(--fs-2)/1 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: #fde68a;
  background: #1e1b4be6; border: 1px solid color-mix(in srgb, var(--tier-rift-gold) 70%, transparent); box-shadow: 0 0 18px #fbbf2433; }
.wrf-guide-open:hover{ color: #fff7e0; border-color: #fbbf24; }
.wrf-guide-open:focus-visible{ outline: 2px solid #fde68a; outline-offset: 2px; }
.mg[data-veil="open"]{ grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 20px;
  padding: 18px calc(var(--gutter) + 210px) 14px var(--gutter); }
.mg[data-veil="open"] .mg-top{ padding: 0; justify-items: start; text-align: left; }
#view .mg[data-veil="open"] .mg-title{ display: flex; flex-wrap: wrap; gap: 0 .26em; font-size: clamp(30px, 4.6vw, 52px); line-height: .95; }
.mg[data-veil="open"] .mg-timer, .mg[data-veil="open"] .mg-when{ display: none; }
.mg[data-veil="open"] .mg-center{ padding: 0; place-items: end; }
.mg[data-veil="open"] .mg-release{ width: auto; }
.mg[data-veil="open"] .mg-tag{ font-size: var(--fs-3); letter-spacing: .1em; padding: 9px 18px 8px; }
.mg-short{ letter-spacing: .04em; color: #fff7e0; font-variant-numeric: tabular-nums; }
.mg[data-veil="open"] .mg-tools{ top: 0; bottom: 0; }
.mg[data-veil="open"] .mg-portal{ opacity: .7; }
section.mg-house{ max-width: calc(1180px - 2 * var(--gutter)); margin: 6px auto 24px; width: calc(100% - 2 * var(--gutter)); box-shadow: 0 16px 40px #0b072259; }
.wrf-guide{ margin: auto; padding: 0; width: min(960px, calc(100vw - 48px)); max-width: none; height: min(86vh, 900px); max-height: none;
  border: 1px solid color-mix(in srgb, var(--tier-rift-gold) 55%, var(--rule)); border-radius: var(--r-lg); background: var(--bg); color: var(--ink);
  box-shadow: 0 30px 80px #0b0722b3; overflow: hidden; overscroll-behavior: contain; }
.wrf-guide::backdrop{ background: #0b0722b8; }
.wrf-guide-sheet{ display: grid; grid-template-rows: auto auto minmax(0, 1fr); height: 100%; min-width: 0; }
.wrf-guide-head{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px 10px 20px;
  background: radial-gradient(120% 140% at 50% 0%, #3b2a8a, #1e1452 60%, #0b0722); color: #fff7e0; }
#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-guide-x{ display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; color: #e9d5ff;
  background: #ffffff14; border: 1px solid #a78bfa66; }
.wrf-guide-x:hover{ color: #fff7e0; border-color: #fbbf24; }
.wrf-guide-x:focus-visible, .wrf-guide-tab:focus-visible{ outline: 2px solid #fde68a; outline-offset: 2px; }
.wrf-guide-tabs{ display: flex; gap: 4px; padding: 0 12px; overflow-x: auto; scrollbar-width: none; min-width: 0;
  background: #0b0722; border-bottom: 1px solid #a78bfa40; }
.wrf-guide-tabs::-webkit-scrollbar{ display: none; }
.wrf-guide-tab{ flex: none; min-height: 44px; padding: 0 14px; cursor: pointer; border: 0; background: none; color: #c4b5fd;
  font: 700 var(--fs-3)/1 var(--body); box-shadow: inset 0 -3px 0 transparent; }
.wrf-guide-tab:hover{ color: #fff7e0; }
.wrf-guide-tab[aria-selected="true"]{ color: #fbbf24; box-shadow: inset 0 -3px 0 #fbbf24; }
.wrf-guide-body{ overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; padding: 16px; min-width: 0; }
.wrf-guide-pane{ display: grid; gap: 16px; min-width: 0; }
.wrf-guide-pane[hidden]{ display: none; }
.wrf-guide .wrf-cover{ margin: 0; padding: 0; border-radius: var(--r-lg); }
.wrf-rail{ display: none; }
@media (min-width: 1500px){
.wrf-rail{ position: fixed; z-index: 30; right: 16px; top: 0; bottom: 0; display: grid; align-content: center; gap: 6px; pointer-events: none; }
.wrf-rail > *{ pointer-events: auto; }
.wrf-rail-b{ min-height: 40px; min-width: 92px; padding: 0 14px; border-radius: var(--r); cursor: pointer; text-align: left;
    font: 700 var(--fs-2)/1 var(--body); color: #e9d5ff; background: #1e1452f0; border: 1px solid #a78bfa66; box-shadow: 0 8px 22px #0b07224d; }
.wrf-rail-b.is-guide{ font: 800 var(--fs-2)/1 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: #fde68a;
    border-color: color-mix(in srgb, var(--tier-rift-gold) 70%, transparent); }
.wrf-rail-b:hover{ color: #fff7e0; border-color: #fbbf24; }
.wrf-rail-b:focus-visible{ outline: 2px solid #fde68a; outline-offset: 2px; }
}
@media (max-width: 720px){
.mg[data-veil="open"]{ grid-template-columns: minmax(0, 1fr); padding: 14px var(--gutter) 10px; }
.mg[data-veil="open"] .mg-top{ padding-right: 110px; }
.mg[data-veil="open"] .mg-tools{ top: 14px; transform: none; }
.mg[data-veil="open"] .mg-center{ place-items: start; }
.mg-lobbies{ text-align: left; }
.mg[data-veil="open"] .mg-tag{ font-size: var(--fs-2); letter-spacing: .06em; padding: 8px 14px 7px; }
.mg[data-veil="sealed"] .mg-top{ padding-top: 64px; }
.wrf-guide{ margin: auto 0 0; width: 100vw; height: calc(100dvh - 12px); max-height: none; border-radius: var(--r-lg) var(--r-lg) 0 0; border-bottom: 0; }
.wrf-guide-body{ padding: 12px; padding-bottom: calc(12px + env(safe-area-inset-bottom)); }
}
@media (max-width: 560px){
.wrf-section{ padding: 16px 14px; }
.wrf-tier-grid{ gap: 0 14px; }
.wrf-tier-head{ flex-wrap: wrap; gap: 4px 8px; }
.wrf-mymics{ display: grid; gap: 8px; }
.wrf-mymic-art{ width: 28px; height: 28px; }
.wrf-mymic-art .thumb{ width: 26px; height: 26px; }
.wrf-mymic-name{ font-size: var(--fs-2); }
.wrf-week-line{ grid-template-columns: 1fr 1fr; }
.wrf-week-bar{ grid-row: 2; grid-column: 1 / -1; }
.wrf-step{ grid-template-columns: 36px minmax(0, 1fr); gap: 12px; }
.wrf-step.is-vote{ padding-left: 48px; }
.wrf-how-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.wrf-how-card.is-seats, .wrf-how-card.is-wide{ grid-column: 1 / -1; }
.mg-portal{ top: 60%; }
}
@media (prefers-reduced-motion: no-preference){
.mg-ring{ animation: wrf-ring 3.6s cubic-bezier(.2, .6, .3, 1) infinite; }
.mg-ring.is-2{ animation-delay: 1.2s; }
.mg-ring.is-3{ animation-delay: 2.4s; }
.mg-halo{ animation: wrf-halo 4.8s ease-in-out infinite alternate; }
.mg-core{ animation: wrf-beat 2.4s ease-in-out infinite; }
.mg-core-swirl{ animation: wrf-spin 14s linear infinite; }
.mg-mote{ animation: wrf-mote calc(4.2s + var(--i) * .17s) linear infinite; animation-delay: calc(var(--i) * -.41s); }
.mg-release[data-state="open"] .mg-tag-dot{ animation: war-phase-pulse 1.6s ease-in-out infinite; }
.mg[data-veil="open"] .mg-portal{ animation: wrf-burst 1.8s cubic-bezier(.2, .8, .3, 1) .5s backwards; }
section.mg-house{ animation: mg-rise .7s ease-out backwards; }
.wrf-guide[open]{ animation: wrf-guide-in .26s cubic-bezier(.2, .8, .3, 1) both; }
.wrf-guide[open]::backdrop{ animation: mg-fade .26s ease-out reverse both; }
.wrf-guide-pane:not([hidden]){ animation: mg-rise .32s ease-out both; }
}
@keyframes wrf-guide-in{ from { transform: translate(0, 18px) scale(.985); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 720px) and (prefers-reduced-motion: no-preference){
.wrf-guide[open]{ animation-name: wrf-sheet-in; animation-duration: .32s; }
}
@keyframes wrf-sheet-in{ from { transform: translate(0, 100%); } to { transform: none; } }
@keyframes wrf-ring{ 0% { transform: scale(.6); opacity: 0; } 15% { opacity: .9; } 100% { transform: scale(1.55); opacity: 0; } }
@keyframes wrf-halo{ from { transform: scale(.94); opacity: .7; } to { transform: scale(1.06); opacity: 1; } }
@keyframes wrf-beat{ 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@keyframes wrf-spin{ to { transform: rotate(1turn); } }
@keyframes wrf-mote{ 0% { transform: translate(0, 0) scale(.6); opacity: 0; } 15% { opacity: 1; } 100% { transform: translate(calc((var(--i) - 7) * 6px), -260px) scale(1.1); opacity: 0; } }
@keyframes wrf-burst{ from { transform: translate(-50%, -50%) scale(.3); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 1; } }
.wrf-cover{ --wrf-skew: -9deg; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; overflow: hidden;
  max-width: 1180px; margin: 0 auto; padding: 0 var(--gutter); box-sizing: border-box;
  background: linear-gradient(180deg, #0b0722, transparent); }
.wrf-panel{ position: relative; display: block; min-width: 0; height: clamp(190px, 30vw, 300px); transform: skewX(var(--wrf-skew));
  overflow: hidden; color: #fff; text-decoration: none; background: #fbbf24; padding: 0 2px; }
.wrf-panel:first-child{ border-radius: var(--r-lg) 0 0 var(--r-lg); }
.wrf-panel:last-child{ border-radius: 0 var(--r-lg) var(--r-lg) 0; }
.wrf-panel:focus-visible{ outline: 3px solid #fbbf24; outline-offset: 2px; }
.wrf-panel-in{ position: absolute; inset: 0 2px; display: grid; justify-items: center; align-content: end; gap: 2px; overflow: hidden;
  padding: 0 10px 14px; text-align: center; }
.wrf-panel-fx, .wrf-panel-art, .wrf-panel-k, .wrf-panel-name{ transform: skewX(calc(var(--wrf-skew) * -1)); }
.wrf-panel-fx{ position: absolute; inset: -10% -30%; z-index: 0; }
.wrf-panel.is-flare .wrf-panel-in{ background: linear-gradient(180deg, #4c0519, #7f1d1d 40%, #991b1b 70%, #450a0a); }
.wrf-panel.is-flare .wrf-panel-fx{ background: radial-gradient(circle at 50% 34%, #fff7d6 0 3%, #fde047 6%, #f97316 13%, #dc262680 26%, transparent 46%),
  conic-gradient(from 20deg at 50% 34%, transparent 0 8%, #f8717166 10%, transparent 14% 30%, #fb923c55 33%, transparent 37% 60%, #ef444466 63%, transparent 67%); }
.wrf-panel.is-hole .wrf-panel-in{ background: linear-gradient(180deg, #0c1445, #1e3a8a 45%, #172554 80%, #0b0722); }
.wrf-panel.is-hole .wrf-panel-fx{ background: radial-gradient(circle at 46% 32%, #000 0 11%, #f5f3ff 13%, #a5b4fc 17%, #4f46e5aa 24%, transparent 44%),
  conic-gradient(from 200deg at 46% 32%, transparent, #e0e7ff59 12%, transparent 22%, #818cf84d 45%, transparent 60%, #e0e7ff40 80%, transparent); }
.wrf-panel.is-mist .wrf-panel-in{ background: linear-gradient(180deg, #4c1d95, #5b21b6 35%, #3b0764 75%, #1e1452); }
.wrf-panel.is-mist .wrf-panel-fx{ background: radial-gradient(60% 40% at 30% 20%, #ddd6fe66, transparent 70%), radial-gradient(50% 50% at 75% 45%, #c4b5fd4d, transparent 70%),
  repeating-linear-gradient(95deg, transparent 0 8%, #ede9fe1f 11%, transparent 15%); }
.wrf-panel-art{ position: relative; z-index: 1; display: grid; place-items: center; width: clamp(84px, 16vw, 170px); aspect-ratio: 1; margin-bottom: 4px; }
.wrf-panel-art .thumb{ width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 6px 10px #00000099); }
.wrf-panel-art .thumb, .wrf-boss-art .thumb{ background: none; border: 0; border-radius: 0; }
.wrf-panel-k{ position: relative; z-index: 1; font: 800 var(--fs-1)/1 var(--cond); letter-spacing: .2em; text-transform: uppercase; color: #fbbf24;
  text-shadow: 0 1px 4px #000; }
.wrf-panel-name{ position: relative; z-index: 1; max-width: 100%; font: 800 var(--fs-4)/1.05 var(--cond); font-size: clamp(15px, 2.2vw, 26px); color: #fff;
  text-shadow: 0 2px 0 #0b0722, 0 0 12px #000000b3; overflow-wrap: anywhere; }
.wrf-bosses{ grid-column: 1 / -1; }
.wrf-boss-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 14px; }
.wrf-boss{ --bg-a: #14b8a6; --bg-b: #0f766e; --bg-c: #134e4a; --edge: color-mix(in srgb, #14b8a6 40%, var(--rule));
  display: grid; grid-template-rows: auto 1fr; min-width: 0; overflow: hidden; border-radius: var(--r-lg);
  border: 2px solid var(--edge); background: var(--panel); color: var(--ink); text-decoration: none; box-shadow: var(--shadow-1); }
.wrf-boss.is-riftbreaker{ --bg-a: #8b5cf6; --bg-b: #6d28d9; --bg-c: #3b0764; --edge: #f5b82e; }
.wrf-boss:hover{ box-shadow: var(--shadow-1), 0 0 22px color-mix(in srgb, var(--bg-a) 45%, transparent); }
.wrf-boss:focus-visible{ outline: 3px solid var(--gold); outline-offset: 2px; }
.wrf-boss-stage{ position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3;
  background: radial-gradient(closest-side, transparent 58%, #ffffff12 59% 61%, transparent 62%),
    radial-gradient(closest-side, transparent 80%, #ffffff0f 81% 83%, transparent 84%),
    radial-gradient(circle at 50% 55%, var(--bg-a), var(--bg-b) 50%, var(--bg-c)); }
.wrf-boss-art{ display: grid; place-items: center; width: 70%; height: 82%; }
.wrf-boss-art .thumb{ width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 8px 12px #00000080); }
.wrf-boss-pill{ position: absolute; left: 10px; top: 10px; z-index: 1; padding: 3px 9px 2px; border-radius: 999px;
  font: 800 var(--fs-1)/1.3 var(--cond); letter-spacing: .12em; text-transform: uppercase; color: #ecfeff; background: #115e59; border: 1.5px solid #ccfbf1; }
.wrf-boss.is-riftbreaker .wrf-boss-pill{ color: #fbbf24; background: #2e1065; border-color: #f5b82e; }
.wrf-boss-body{ display: grid; align-content: start; gap: 5px; padding: 12px 14px 14px; }
.wrf-boss-name{ font: 800 var(--fs-4)/1.15 var(--cond); font-size: clamp(18px, 1.8vw, 22px); color: var(--ink); }
.wrf-boss-tier{ font: 800 var(--fs-1)/1.3 var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--wrf-tier-ink, #fbbf24); }
.wrf-boss-rule{ font: 600 var(--fs-2)/1.4 var(--body); color: var(--ink); }
.wrf-boss-by{ font-size: var(--fs-1); color: var(--dim); }
:root[data-theme="light"] .wrf-boss-tier{ --wrf-tier-ink: #92400e; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .wrf-boss-tier{ --wrf-tier-ink: #92400e; }
}
@media (max-width: 560px){
.wrf-cover{ --wrf-skew: -6deg; gap: 3px; padding-inline: 12px; }
.wrf-panel-in{ padding: 0 4px 10px; }
.wrf-boss-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wrf-boss-body{ padding: 10px; }
.wrf-boss-pill{ left: 6px; top: 6px; letter-spacing: .06em; }
.wrf-boss-tier{ letter-spacing: .04em; }
}
@media (max-width: 360px){
.wrf-boss-grid{ grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: no-preference){
.wrf-panel-fx{ animation: wrf-sway 10s ease-in-out infinite alternate; }
.wrf-panel.is-hole .wrf-panel-fx{ animation-duration: 14s; animation-direction: alternate-reverse; }
.wrf-panel-art .thumb, .wrf-boss-art .thumb{ transition: transform 200ms ease; }
.wrf-boss{ transition: transform 160ms ease; }
.wrf-boss:hover{ transform: translateY(-2px); }
.wrf-boss:hover .wrf-boss-art .thumb{ transform: scale(1.04); }
.wrf-panel:hover .wrf-panel-art .thumb{ transform: translateY(-3px); }
}
@keyframes wrf-sway{ from { transform: skewX(calc(var(--wrf-skew) * -1)) translate(-3%, 1%) scale(1); opacity: .85; } to { transform: skewX(calc(var(--wrf-skew) * -1)) translate(3%, -2%) scale(1.06); opacity: 1; } }
.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; }
.eqb-top > .pf{ grid-row: 1 / span 3; }
:where(html:not(:has(.fs-page))) :where(a[href], button, input, select, textarea, summary, [tabindex]):not(:where(.top *, .eh-tabbar *)):focus{
  scroll-margin-top: calc(var(--sticky-top, 49px) + 8px);
}
@media (max-width: 640px) and (min-height: 421px){
:where(html.nav-eh:not(:has(.fs-page))) :where(a[href], button, input, select, textarea, summary, [tabindex]):not(:where(.top *, .eh-tabbar *)):focus{
    scroll-margin-bottom: calc(110px + env(safe-area-inset-bottom));
  }
}
@media (max-width: 640px) and (min-height: 421px){
html:has(.wr-strat) :is(a[href], button, input, select, textarea, summary, [tabindex]):not(:where(.top *, .eh-tabbar *, .wr-strat-row *)):focus{
    scroll-margin-bottom: calc(116px + env(safe-area-inset-bottom));
  }
html.nav-eh:has(.wr-strat) :is(a[href], button, input, select, textarea, summary, [tabindex]):not(:where(.top *, .eh-tabbar *, .wr-strat-row *)):focus{
    scroll-margin-bottom: calc(180px + env(safe-area-inset-bottom));
  }
}
@media (pointer: coarse){
.mx-tier{ position: relative; }
.mx-tier::after{ content: ""; position: absolute; inset: -4px 0; border-radius: inherit; }
.wiki-link{ position: relative; }
.wiki-link::after{ content: ""; position: absolute; inset: -2px 0; border-radius: inherit; }
.rr-top > .rr-boss{ padding-inline: 4px; margin-inline: -4px; }
}
.eq-grid{ --eq-tile-h: 18.25rem; grid-auto-rows: minmax(var(--eq-tile-h), auto); align-items: stretch; }
.eq-grid:has(.eq-rates){ --eq-tile-h: 24.5rem; }
.eq-card{ height: 100%; box-sizing: border-box; }
.eq-card .eq-art{ width: 64px; height: 64px; }
.eq-card .eq-name{ overflow: hidden; }
.eq-card .eq-effect{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.eq-card .eq-req{ max-width: 100%; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.eq-card .eq-stats{ flex-wrap: nowrap; min-width: 0; }
.eq-card .eq-added{ margin-left: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.eq-from-pills{ display: flex; gap: 6px; min-width: 0; width: 100%; }
.eq-from-pills > .fx-mymic{ flex: 0 1 auto; min-width: 0; }
.eq-from-pills > .fx-mymic > span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.eq-from-pills > .fx-mymic > :is(.thumb, .eq-chance){ flex: none; }
.eq-list{ min-width: 0; }
.eq-sec{ --eq-c: var(--mute); }
.eq-sec.is-t4{ --eq-c: var(--prestige-gold); }
.eq-sec[data-tier="4"]{ --eq-c: var(--rar-mythical); }
.eq-sec.is-t3{ --eq-c: var(--acc-violet); }
.eq-sec.is-t2{ --eq-c: var(--gold); }
.eq-sec.is-t1{ --eq-c: var(--mute); }
.eq-sec.is-material{ --eq-c: var(--acc-amber); }
.eq-sec-head{ padding-top: 22px; }
.eq-sec:first-child .eq-sec-head{ padding-top: 10px; }
.eq-sec-head .eq-tier{
  display: inline-flex; align-items: center; padding: 4px 16px; border-radius: 999px;
  font: 700 var(--fs-3)/1.3 var(--body); letter-spacing: 2px; color: var(--eq-c);
  background: color-mix(in srgb, var(--eq-c) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--eq-c) 40%, transparent), 0 6px 16px -8px color-mix(in srgb, var(--eq-c) 60%, transparent);
}
.eq-sec.is-material .eq-sec-head .eq-tier{ letter-spacing: .04em; }
.eq-sec > .eq-grid{ padding-top: 12px; padding-bottom: 6px; }
.eq-sec:last-child > .eq-grid{ padding-bottom: 28px; }
.ef-sec > .ef-grid{ --ef-tile-h: 22.75rem; grid-auto-rows: minmax(var(--ef-tile-h), auto); align-items: stretch; }
.ef-sec .ef-card{ height: 100%; box-sizing: border-box; }
.ef-sec .ef-well{ width: 60px; height: 60px; }
.ef-sec .ef-name{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ef-sec .ef-desc:not(.is-open){ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ef-sec .ef-pills:not(.is-open){ flex-wrap: nowrap; }
.ef-sec .ef-pills:not(.is-open) > .ef-pill{ flex: 0 1 auto; min-width: 0; }
.ef-sec .ef-pills > .ef-pill.is-more{ flex: none; }
.ef-sec .ef-card{ box-shadow: var(--shadow-card), inset 0 1px 0 color-mix(in srgb, var(--ef-c) 22%, transparent); }
.ef-sec .ef-card:hover, .ef-sec .ef-card:focus-within{
  box-shadow: var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--ef-c) 30%, transparent),
    inset 0 -40px 48px -40px color-mix(in srgb, var(--ef-c) 45%, transparent);
}
.ef-sec .ef-card.is-picked{ box-shadow: var(--shadow-card), inset 0 0 0 2px var(--gold); }
.ef-well.is-art{
  background: radial-gradient(75% 75% at 50% 40%, color-mix(in srgb, var(--ef-c) 34%, transparent), transparent 72%),
    color-mix(in srgb, var(--ef-c) 8%, var(--row));
}
.ef-well:not(.is-art) > img.ef-icon{ opacity: 0; }
.ef-well.is-art > .ef-icon.is-empty{ visibility: hidden; }
.ef-well .ef-icon.is-empty{
  display: grid; place-items: center; filter: none;
  font: 700 var(--fs-5)/1 var(--cond); letter-spacing: 0; text-transform: uppercase;
  color: color-mix(in srgb, var(--ef-c) 70%, var(--ink));
}
@media (max-width: 640px){
.eq-grid{ --eq-tile-h: 16.75rem; }
.ef-sec > .ef-grid{ --ef-tile-h: 24.625rem; }
.eq-card .eq-art{ width: 58px; height: 58px; }
.ef-sec .ef-well{ width: 54px; height: 54px; }
}
.rbk{ display: grid; gap: 16px; margin-top: 10px; min-width: 0; }
.rbk-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.rbk-tier{
  display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px;
  font: 700 var(--fs-2)/1.2 var(--body); color: #fff;
  background: linear-gradient(135deg, var(--tier-rift-a), var(--tier-rift-b));
  box-shadow: inset 0 0 0 1.5px var(--tier-rift-gold);
}
.rbk-pill{
  display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px;
  border: 1px solid var(--rule); background: var(--row); color: var(--mute);
  font-size: var(--fs-1); line-height: 1.4; white-space: nowrap; list-style: none;
}
.rbk-pill.is-full{ color: var(--good); border-color: color-mix(in srgb, var(--good) 50%, var(--rule)); background: color-mix(in srgb, var(--good) 12%, var(--row)); }
.rbk-pill.is-lost{ color: var(--bad); border-color: color-mix(in srgb, var(--bad) 50%, var(--rule)); background: color-mix(in srgb, var(--bad) 10%, var(--row)); }
.rbk-pill.is-reached, .rbk-pill.is-final{ color: var(--ink); }
.rbk-pill.is-top{ color: var(--gold); border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.rbk-pill.is-phase.is-duos{ color: var(--ink); border-color: color-mix(in srgb, var(--tier-herald-a) 50%, var(--rule)); }
.rbk-pill.is-phase.is-squads{ color: var(--ink); border-color: color-mix(in srgb, var(--tier-herald-b) 60%, var(--rule)); background: color-mix(in srgb, var(--tier-herald-a) 14%, var(--row)); }
.rbk-pill.is-phase.is-coalition{ color: var(--ink); border-color: color-mix(in srgb, var(--tier-rift-a) 60%, var(--rule)); background: color-mix(in srgb, var(--tier-rift-a) 18%, var(--row)); }
.rbk-pill.is-with, .rbk-pill.is-reinf{ color: var(--ink); white-space: normal; }
.rbk-pill.is-chosen{ color: var(--ink); font-weight: 600; border-color: var(--tier-rift-gold); background: color-mix(in srgb, var(--tier-rift-gold) 16%, var(--row)); }
.rbk-pill.is-option{ color: var(--dim); }
.rbk-sec{ display: grid; gap: 8px; min-width: 0; }
.rbk-h{ margin: 0; font-family: var(--cond); font-size: var(--fs-1); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.rbk-chips{ display: flex; flex-wrap: wrap; gap: 6px; }
.rbk-team, .rbk-player{
  display: grid; gap: 8px; padding: 10px; border-radius: var(--r); min-width: 0;
  background: var(--panel); border: 1px solid var(--hairline); box-shadow: var(--shadow-card);
}
.rbk-team-head{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 8px; font-size: var(--fs-2); color: var(--ink); }
.rbk-team-fig{ font: 600 var(--fs-1)/1.2 var(--mono); color: var(--mute); }
.rbk-seat-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.rbk-seat{
  display: flex; align-items: center; gap: 8px; min-width: 0; padding: 6px 8px; border-radius: 999px;
  background: var(--panel); border: 1px solid var(--rule);
}
.rbk-seat.is-empty{ background: none; border-style: dashed; }
.rbk-seat .thumb{ width: 26px; height: 26px; flex: none; border-radius: 50%; }
.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-seat-name{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-2); font-weight: 600; color: var(--ink); text-decoration: none; }
a.rbk-seat-name:hover{ color: var(--gold); }
.rbk-seat-name.is-empty{ color: var(--dim); font-weight: 400; }
.rbk-steps{ list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.rbk-step{ display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; padding-bottom: 14px;
  background: linear-gradient(var(--rule), var(--rule)) no-repeat 13px 28px / 2px calc(100% - 28px); }
.rbk-step:last-child{ background: none; }
.rbk-step-n{
  width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%;
  font: 700 var(--fs-2)/1 var(--mono); color: var(--ink); background: var(--panel); border: 2px solid var(--rule);
}
.rbk-step.is-duos .rbk-step-n{ border-color: var(--tier-herald-a); }
.rbk-step.is-squads .rbk-step-n{ border-color: var(--tier-herald-b); background: color-mix(in srgb, var(--tier-herald-a) 18%, var(--panel)); }
.rbk-step.is-coalition .rbk-step-n{ border-color: var(--tier-rift-gold); background: color-mix(in srgb, var(--tier-rift-a) 30%, var(--panel)); }
.rbk-step.is-failed .rbk-step-n{ border-color: var(--bad); }
.rbk-step-body{ display: grid; gap: 8px; min-width: 0; padding-top: 3px; }
.rbk-step-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.rbk-step-title{ font-size: var(--fs-3); color: var(--ink); }
.rbk-teams{ display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.rbk-team.is-failed{ border-color: color-mix(in srgb, var(--bad) 45%, var(--hairline)); }
.rbk-mobs{ display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 6px; }
.rbk-mob{
  display: flex; align-items: center; gap: 8px; min-width: 0; padding: 7px 9px 7px 7px;
  border-radius: var(--r); border: 1px solid var(--hairline); background: var(--panel); color: var(--ink); text-decoration: none;
}
a.rbk-mob:hover{ border-color: var(--rule); background: var(--row); }
.rbk-mob .thumb{ width: 34px; height: 34px; flex: none; }
.rbk-mob.is-herald{ border-color: color-mix(in srgb, var(--tier-herald-a) 55%, var(--hairline)); background: color-mix(in srgb, var(--tier-herald-a) 8%, var(--panel)); }
.rbk-mob.is-riftbreaker{ border-color: var(--tier-rift-gold); background: color-mix(in srgb, var(--tier-rift-a) 14%, var(--panel)); }
.rbk-mob.is-escaped{ border-style: dashed; border-color: color-mix(in srgb, var(--bad) 50%, var(--rule)); }
.rbk-mob-text{ display: grid; gap: 2px; min-width: 0; justify-items: start; }
.rbk-mob-head{ display: flex; min-width: 0; max-width: 100%; }
.rbk-mob-head b{ font-size: var(--fs-2); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rbk-mob-head i{ flex: none; font-style: normal; font-family: var(--mono); font-size: var(--fs-1); color: var(--mute); }
.rbk-mob small{ font-size: var(--fs-1); color: var(--dim); line-height: 1.3; overflow-wrap: anywhere; }
.rbk-rank.mymic-tier{ padding: 0 7px; font-size: var(--fs-1); line-height: 1.6; border-radius: 999px; }
.rbk-mob small.rbk-escape{ color: var(--bad); }
.rbk-reinf{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.rr > .rr-route{ margin-top: 10px; min-width: 0; }
@media (min-width: 900px){
.rr > .rr-route{ grid-column: 1 / -1; grid-row: 2; }
}
.rr-route-row{ display: flex; gap: 6px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin;
  scroll-snap-type: x proximity; padding: 2px 2px 4px; }
.rr-route-chip{ display: inline-flex; align-items: center; gap: 8px; flex: none; min-height: 40px; padding: 4px 10px; scroll-snap-align: start;
  border: 1px solid var(--hairline); border-radius: var(--r); background: var(--row); color: var(--ink); font: inherit; cursor: pointer; text-align: left; }
.rr-route-chip:hover, .rr-route-chip:focus-visible{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.rr-route-chip:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.rr-route-chip[aria-expanded="true"]{ border-color: var(--gold); background: color-mix(in srgb, var(--gold) 12%, var(--row)); }
.rr-route-chip.is-squads{ background: color-mix(in srgb, var(--tier-herald-a) 8%, var(--row)); }
.rr-route-chip.is-coalition{ background: color-mix(in srgb, var(--tier-rift-a) 12%, var(--row)); }
.rr-route-chip.is-final{ border-color: color-mix(in srgb, var(--tier-rift-gold) 60%, var(--hairline)); }
.rr-route-chip.is-spoils, .rr-route-chip.is-gambit{ border-style: dashed; color: var(--mute); }
.rr-route-text{ display: grid; gap: 1px; line-height: 1.15; }
.rr-route-n{ font-size: var(--fs-2); font-weight: 700; white-space: nowrap; }
.rr-route-phase{ font-size: var(--fs-1); color: var(--mute); white-space: nowrap; }
.rr-route-count{ font: var(--fs-1) var(--mono); color: var(--mute); }
.rr-route-marks{ display: inline-flex; align-items: center; }
.rr-route-mark{ display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; overflow: hidden;
  background: var(--panel); border: 1.5px solid var(--hairline); }
.rr-route-mark + .rr-route-mark{ margin-left: -6px; }
.rr-route-mark.is-herald{ border-color: var(--tier-herald-a); }
.rr-route-mark.is-riftbreaker{ border-color: var(--tier-rift-gold); }
.rr-route-mark > .thumb{ width: 22px; height: 22px; object-fit: contain; }
.rr-route-mark-i{ font-size: var(--fs-1); font-weight: 700; color: var(--mute); }
.rr-route-more{ margin-left: 4px; font: var(--fs-1) var(--mono); color: var(--mute); }
.rr-route-panel{ margin-top: 8px; }
.rr-route-panel[hidden]{ display: none; }
.rr-route-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-bottom: 8px; font-size: var(--fs-3); }
.rbk-reinf-name{ color: var(--ink); font-weight: 600; text-decoration: none; }
.rbk-player-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.rbk-player.is-me{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.rbk-player-head{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.rbk-player-head .thumb{ width: 32px; height: 32px; flex: none; border-radius: 50%; }
.rbk-player-who{ display: grid; min-width: 0; flex: 1; }
.rbk-player-who small{ font-size: var(--fs-1); color: var(--dim); }
.rbk-player-name{ font-weight: 600; font-size: var(--fs-3); color: var(--ink); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.rbk-player-name:hover{ color: var(--gold); }
.rbk-figs{ display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: var(--fs-1); color: var(--mute); }
.rbk-figs b{ font-family: var(--mono); font-size: var(--fs-2); color: var(--ink); font-weight: 600; }
.rbk-per{ display: grid; gap: 2px; padding: 6px 8px; border-radius: var(--r-sm); background: var(--row); }
.rbk-per-row, .rbk-spoil-row{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.rbk-per-n{ font-family: var(--cond); font-size: var(--fs-1); letter-spacing: .08em; text-transform: uppercase; color: var(--dim); min-width: 5.5em; }
.rbk-per-v{ font: var(--fs-1)/1.4 var(--mono); color: var(--ink); }
.rbk-rewards{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.rbk-reward{
  display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; min-height: 24px; border-radius: 999px;
  font-size: var(--fs-1); color: var(--ink); background: var(--row); border: 1px solid var(--hairline);
}
.rbk-reward .thumb{ width: 20px; height: 20px; flex: none; margin-left: -5px; }
.rbk-reward i{ font-style: normal; color: var(--mute); font-family: var(--mono); }
.rbk-reward.is-currency{ border-color: color-mix(in srgb, var(--tier-rift-gold) 45%, var(--hairline)); background: color-mix(in srgb, var(--tier-rift-gold) 10%, var(--row)); }
.rbk-reward.is-equipment{ border-color: color-mix(in srgb, var(--gold) 40%, var(--hairline)); }
.rbk-reward.is-first{
  --first-c: var(--gold);
  --first-halo: color-mix(in srgb, var(--first-c) 42%, transparent);
  --first-more: 0 0 0 transparent;
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--first-c) 75%, transparent), 0 0 8px 1px var(--first-halo);
}
.rbk-reward.is-first-1{ --first-c: var(--medal-gold); --first-halo: color-mix(in srgb, var(--first-c) 60%, transparent); }
.rbk-reward > .rr-first{ margin-right: -5px; }
@media (prefers-reduced-motion: no-preference){
.rbk-reward.is-first{ animation: first-glow 2.8s ease-in-out infinite; }
.rbk-reward.is-first-1{ animation-name: first-glow-1; animation-duration: 2.2s; }
}
.rbk-spoil{
  display: inline-flex; align-items: center; gap: 6px; padding: 3px 4px 3px 10px; border-radius: 999px;
  font-size: var(--fs-1); color: var(--ink); background: var(--row); border: 1px solid var(--rule);
}
.rbk-spoil.is-uncommon{ border-color: color-mix(in srgb, var(--tier-herald-a) 60%, var(--rule)); }
.rbk-spoil.is-rare{ border-color: var(--tier-rift-gold); background: color-mix(in srgb, var(--tier-rift-a) 14%, var(--row)); }
.rbk-spoil-team{ font-style: normal; color: var(--mute); }
.rbk-spoil-tag{ padding: 0 7px; border-radius: 999px; background: var(--panel); color: var(--mute); font-size: var(--fs-1); line-height: 1.6; }
.rbk-spoil.is-picked{ font-weight: 600; box-shadow: inset 0 0 0 1.5px var(--tier-rift-gold); }
.rbk-spoil-votes{ font: var(--fs-1)/1.6 var(--mono); color: var(--mute); padding-right: 6px; white-space: nowrap; }
.rbk-spoil-row .rbk-per-n{ display: grid; }
.rbk-spoil-row .rbk-per-n small{ font-family: var(--body); letter-spacing: 0; text-transform: none; color: var(--mute); }
.rbk-pill.is-entry{ color: var(--ink); }
.rbk-team-who{ display: flex; flex-wrap: wrap; gap: 2px 10px; font-size: var(--fs-1); }
.rbk-team-name{ color: var(--mute); font-weight: 600; text-decoration: none; }
a.rbk-team-name:hover{ color: var(--gold); }
.rbk-lineups{ display: grid; gap: 6px; padding: 6px 8px; border-radius: var(--r-sm); background: var(--row); }
.rbk-per-row.rbk-lineup{ display: grid; gap: 4px; }
.rbk-polbies{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
.rbk-player{ align-content: start; }
.rbk-player .rbk-chips{ align-items: flex-start; }
.rbk-polbie{
  display: inline-flex; flex: none; align-items: center; gap: 6px; max-width: 100%; padding: 2px 9px 2px 3px; border-radius: 999px;
  background: var(--panel); border: 1px solid var(--hairline);
}
.rbk-polbie .thumb{ width: 24px; height: 24px; flex: none; }
.rbk-polbie.is-lent{ border-style: dashed; border-color: color-mix(in srgb, var(--tier-herald-a) 60%, var(--rule)); }
.rbk-polbie-text{ display: grid; min-width: 0; font-size: var(--fs-1); line-height: 1.25; }
.rbk-polbie-text b{ font-weight: 600; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rbk-polbie-text small{ font-family: var(--mono); font-size: var(--fs-1); color: var(--mute); white-space: nowrap; }
.rbk-polbie-text small.rbk-lent{ font-family: var(--body); color: var(--tier-herald-a); }
.rbk-polbie.has-gear{ padding-right: 4px; }
.rbk-gear{ display: inline-grid; justify-items: center; flex: none; line-height: 1; text-decoration: none; border-radius: var(--r-sm); }
.rbk-gear .thumb{ width: 20px; height: 20px; }
.rbk-gear-rank{ color: var(--gold); font-size: var(--fs-1); line-height: 1; letter-spacing: -1px; }
.rbk-gear-rank .rank-marks{ letter-spacing: 0; }
a.rbk-gear:hover, a.rbk-gear:focus-visible{ background: var(--row); }
.rh-pill.rh-dev{ --c: var(--tier-rift-gold); }
.rh-dev-runs{ display: grid; gap: 4px; padding-top: 6px; }
.rh-dev-head{ margin: 0; padding: 0 var(--gutter); font-family: var(--cond); font-size: var(--fs-1); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
@media (max-width: 720px){
.rbk-squads{ grid-template-columns: minmax(0, 1fr); }
.rbk-seat-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rbk-mobs{ grid-template-columns: minmax(0, 1fr); }
.rbk-player-grid{ grid-template-columns: minmax(0, 1fr); }
}
.rift-cat-grid{ list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); }
.rift-cat-head{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.rift-cat-head .thumb{ width: 36px; height: 36px; object-fit: contain; flex: none; }
.rift-cat-name{ font: 700 var(--fs-3)/1.25 var(--body); color: var(--ink); }
.rift-cat-pills{ display: flex; flex-wrap: wrap; gap: 5px; }
.rift-cat-pill{ display: inline-flex; align-items: center; padding: 1px 8px; border-radius: 999px;
  font: 700 var(--fs-1)/1.5 var(--body); letter-spacing: .06em; text-transform: uppercase;
  color: var(--ink); background: var(--row); box-shadow: inset 0 0 0 1px var(--fl-edge); }
.rift-cat-pill.is-uncommon{ color: var(--good); }
.rift-cat-pill.is-rare{ color: var(--gold); }
.rift-cat-line{ margin: 0; font-size: var(--fs-2); line-height: 1.45; color: var(--mute); }
.rift-cat-line.is-up{ color: var(--ink); }
.rift-cat-tiers{ display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.rift-cat-tier, .rift-cat-echo{ padding: 12px 14px; min-width: 0; }
.rift-cat-tier-name{ margin: 0 0 8px; font: 800 var(--fs-3)/1.2 var(--body); color: var(--ink); }
.rift-cat-floors{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.rift-cat-floor{ display: grid; gap: 6px; padding: 8px 10px; border-radius: var(--r); background: var(--fl-tile); }
.rift-cat-floor-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rift-cat-teams{ font-size: var(--fs-2); color: var(--mute); }
.rift-cat-pool{ list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.rift-cat-encounter{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.rift-cat-mymic{ display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 2px 8px 2px 3px;
  border-radius: 999px; background: var(--fl-bg); box-shadow: inset 0 0 0 1px var(--fl-edge);
  color: var(--ink); text-decoration: none; font-size: var(--fs-2); }
.rift-cat-mymic .thumb{ width: 24px; height: 24px; object-fit: contain; }
.rift-cat-mymic .mymic-tier{ padding: 0 7px; }
.rift-cat-rows{ margin: 0; display: grid; gap: 4px; }
.rift-cat-row{ display: flex; flex-wrap: wrap; gap: 4px 12px; justify-content: space-between; }
.rift-cat-row dt{ font: 700 var(--fs-1)/1.6 var(--cond); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.rift-cat-row dd{ margin: 0; font: 600 var(--fs-2)/1.6 var(--mono); color: var(--ink); }
.rift-cat-lobbies{ display: grid; gap: 8px; }
.rift-cat-lobby-count.is-none{ opacity: .65; }
.rift-cat-schedule{ margin: 0; font-size: var(--fs-2); color: var(--mute); }
.rift-cat-lobby-list{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.rift-cat-lobby{ display: inline-flex; gap: 8px; align-items: baseline; padding: 4px 10px; border-radius: 999px;
  background: var(--fl-tile); font-size: var(--fs-2); color: var(--ink); }
.rift-cat-left{ color: var(--mute); }
.rfs-slot:empty{ display: none; }
section.rfs{ max-width: calc(1180px - 2 * var(--gutter)); margin: 0 auto 24px; width: calc(100% - 2 * var(--gutter)); }
.rfs-head{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 12px; }
.rfs-head .wrf-h{ margin: 0; }
.rfs-tier[hidden]{ display: none; }
.rfs-tabs{ display: flex; gap: 4px; margin: 0 0 18px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--rule); }
.rfs-tabs::-webkit-scrollbar{ display: none; }
@media (max-width: 560px){
.rfs-tabs{ flex-wrap: wrap; overflow: visible; border-bottom: 0; }
.rfs-tab{ border-bottom-color: var(--rule); }
}
.rfs-tab{ flex: none; min-height: 40px; padding: 0 14px; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; background: none;
  font: 700 var(--fs-3)/1 var(--body); color: var(--dim); cursor: pointer; }
.rfs-tab[aria-selected="true"]{ color: var(--ink); border-bottom-color: #8b5cf6; }
.rfs-tab:focus-visible{ outline: 2px solid var(--gold); outline-offset: -2px; }
.rfs-h{ margin: 0 0 10px; font: 800 var(--fs-4)/1.2 var(--cond); font-size: clamp(17px, 1.6vw, 20px); color: var(--ink); }
.rfs-grid{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 0 28px; }
.rfs-card{ display: grid; gap: 6px; align-content: start; min-width: 0; padding: 14px 0; border-top: 1px solid var(--rule); }
.rfs-card-head{ display: flex; align-items: baseline; gap: 10px; min-width: 0; }
.rfs-rank{ flex: none; min-width: 1.6em; font: 800 var(--fs-4)/1 var(--cond); color: #8b5cf6; font-variant-numeric: tabular-nums; }
.rfs-name{ min-width: 0; font: 800 var(--fs-4)/1.2 var(--cond); font-size: clamp(17px, 1.5vw, 19px); color: var(--ink); }
.rfs-pills{ display: flex; flex-wrap: wrap; gap: 4px 12px; }
.rfs-label{ font: 600 var(--fs-2)/1.3 var(--body); color: var(--dim); }
.rfs-label.is-uncommon{ color: var(--good); }
.rfs-label.is-rare{ color: var(--gold); }
.rfs-facts{ display: flex; flex-wrap: wrap; gap: 8px 20px; min-width: 0; }
.rfs-fact{ display: grid; gap: 1px; min-width: 0; }
.rfs-fact-k{ font: 600 var(--fs-2)/1.3 var(--body); color: var(--dim); }
.rfs-fact-v{ font: 700 var(--fs-3)/1.3 var(--body); color: var(--ink); font-variant-numeric: tabular-nums; }
.rfs-fact.is-main .rfs-fact-v{ font: 800 var(--fs-4)/1.1 var(--cond); font-size: clamp(20px, 2vw, 24px); }
.rfs-top{ margin-bottom: 8px; }
.rfs-bar{ position: relative; display: block; height: 6px; border-radius: 999px; overflow: hidden; background: var(--row); }
.rfs-bar::after{ content: ""; position: absolute; inset: 0; transform-origin: 0 50%; transform: scaleX(var(--rfs-v, 0)); background: #8b5cf6; }
.is-t2 .rfs-bar::after, .rfs-funnel.is-t2 .rfs-bar::after{ background: #f5b82e; }
.is-thin{ opacity: .92; --dim: var(--mute); }
.rfs-thin-tag, .rfs-thin-line{ font: 600 var(--fs-2)/1.3 var(--body); color: var(--dim); }
.rfs-thin-line{ margin: 0 0 8px; }
.rfs-card-head .rfs-thin-tag{ margin-left: auto; }
.rfs-grade, .rfs-band{ --band-color: var(--dim); }
.rfs-grade[data-band="S"], .rfs-band[data-band="S"]{ --band-color: var(--band-s); }
.rfs-grade[data-band="A"], .rfs-band[data-band="A"]{ --band-color: var(--band-a); }
.rfs-grade[data-band="B"], .rfs-band[data-band="B"]{ --band-color: var(--band-b); }
.rfs-grade[data-band="C"], .rfs-band[data-band="C"]{ --band-color: var(--band-c); }
.rfs-grade[data-band="D"], .rfs-band[data-band="D"]{ --band-color: var(--band-d); }
.rfs-grade{ flex: none; display: inline-grid; place-items: center; min-width: 30px; height: 24px; padding: 0 8px; border-radius: 999px;
  font: 800 var(--fs-3)/1 var(--cond); letter-spacing: 0.04em; color: var(--band-color);
  background: color-mix(in srgb, var(--band-color) 16%, transparent); border: 1px solid color-mix(in srgb, var(--band-color) 50%, transparent); }
.rfs-card-head .rfs-grade{ margin-left: auto; align-self: center; }
.rfs-graded{ display: grid; gap: 18px; }
.rfs-band-h{ display: flex; align-items: center; gap: 10px; margin: 0; padding-bottom: 8px; border-bottom: 2px solid color-mix(in srgb, var(--band-color) 55%, var(--rule)); }
.rfs-band-h .rfs-grade{ min-width: 40px; height: 32px; font-size: var(--fs-5); }
.rfs-band-thin{ font: 700 var(--fs-3)/1.2 var(--body); color: var(--dim); }
.rfs-band.is-ungraded .rfs-band-h{ border-bottom-color: var(--rule); }
.rfs-picks{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.rfs-week-pick{ display: inline-flex; }
.rfs-week-pick[hidden]{ display: none; }
.rfs-week-select{ margin: 0; min-height: 36px; padding: 6px 28px 6px 12px; min-width: 150px; border: 1px solid var(--rule); border-radius: var(--r);
  background: var(--row); color: var(--ink); font: 600 var(--fs-2) var(--body); cursor: pointer; }
.rfs-week-select:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
@media (max-width: 560px){
.rfs-picks{ width: 100%; }
.rfs-week-pick, .rfs-week-select{ flex: 1 1 auto; width: 100%; }
}
.rfs-funnels{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 24px 36px; }
.rfs-floors{ list-style: none; margin: 0; padding: 0; display: grid; }
.rfs-floor{ display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--rule); }
.rfs-floor:first-child{ border-top: 0; }
.rfs-floor-n{ display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; font: 800 var(--fs-3)/1 var(--cond);
  color: var(--ink); border: 2px solid #8b5cf6; box-sizing: border-box; }
.rfs-funnel.is-t2 .rfs-floor-n{ border-color: #f5b82e; }
.rfs-floor-body{ display: grid; gap: 6px; min-width: 0; }
.rfs-floor-top{ display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.rfs-floor-phase{ font: 700 var(--fs-3)/1.2 var(--body); color: var(--ink); }
.rfs-floor-reached{ font: 800 var(--fs-4)/1 var(--cond); color: var(--ink); font-variant-numeric: tabular-nums; }
.rfs-phases, .rfs-boards{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 22px 32px; }
.rfs-list{ list-style: none; margin: 0; padding: 0; display: grid; }
.rfs-row{ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 12px; padding: 8px 0; border-top: 1px solid var(--rule); }
.rfs-row:first-child{ border-top: 0; }
.rfs-row-name{ display: flex; align-items: center; gap: 8px; min-width: 0; font: 600 var(--fs-3)/1.3 var(--body); color: var(--ink); }
.rfs-row-name > span:last-child, .rfs-who{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rfs-row-name .thumb{ flex: none; width: 28px; height: 28px; object-fit: contain; background: none; border: 0; }
.rfs-row-v{ font: 800 var(--fs-3)/1.2 var(--body); color: var(--ink); font-variant-numeric: tabular-nums; text-align: right; }
.rfs-row-s{ grid-column: 1 / -1; font-size: var(--fs-2); color: var(--dim); }
.rfs-row-s:empty{ display: none; }
.rfs-place{ flex: none; min-width: 1.4em; font: 800 var(--fs-3)/1 var(--cond); color: #8b5cf6; font-variant-numeric: tabular-nums; }
a.rfs-who{ color: var(--ink); text-decoration: none; }
a.rfs-who:hover{ text-decoration: underline; }
a.rfs-who:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; border-radius: var(--r-sm); }
.rfs-week{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0 0 14px; }
.rfs-week-k{ font: 700 var(--fs-3)/1.2 var(--body); color: var(--dim); }
.rfs-week-k.is-live{ color: var(--good, #14b8a6); }
.rfs-week-d{ font: 700 var(--fs-3)/1.2 var(--body); color: var(--ink); }
.rfs-recap{ display: grid; gap: 16px; padding: 16px 0; border-top: 2px solid var(--rule); }
.rfs-recap:first-child{ border-top: 0; padding-top: 0; }
.rfs-recap-h{ margin: 0; font: 800 var(--fs-4)/1.2 var(--cond); font-size: clamp(19px, 1.8vw, 22px); color: var(--ink); }
.rfs-recap-tiers{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px 32px; }
.rfs-recap-tier{ display: grid; gap: 8px; align-content: start; padding-top: 10px; border-top: 2px solid #8b5cf6; }
.rfs-recap-tier.is-t2{ border-top-color: #f5b82e; }
.rfs-recap-stars{ font-size: var(--fs-4); line-height: 1; color: #f5b82e; }
@media (pointer: coarse){
.ef-desc{ line-height: 2.6; }
.ef-desc .effect-term::after{ inset: 0 -7px; }
.ef-more{ padding-inline: 3px; margin-inline: -3px; }
a.fxp-name{ padding-block: 7px; margin-block: -7px; }
}
.wrf-pages{ display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px; background: #1e1b4be6;
  border: 1px solid color-mix(in srgb, var(--tier-rift-gold) 55%, transparent); }
.wrf-page{ display: inline-grid; place-items: center; min-height: 34px; min-width: 56px; padding: 0 14px; border-radius: 999px;
  font: 800 var(--fs-2)/1 var(--cond); letter-spacing: .12em; text-transform: uppercase; color: #e9d5ff; text-decoration: none; }
.wrf-page:hover{ color: #fff7e0; }
.wrf-page[aria-current="page"]{ color: #1e1b4b; background: #fbbf24; }
.wrf-page:focus-visible{ outline: 2px solid #fde68a; outline-offset: 2px; }
a.wrs-guide-link{ display: inline-grid; place-items: center; text-decoration: none; }
.wrf-guide-end{ display: flex; align-items: center; gap: 10px; }
.wrf-guide-stats{ display: inline-grid; place-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; text-decoration: none;
  font: 800 var(--fs-2)/1 var(--cond); letter-spacing: .12em; text-transform: uppercase; color: #fde68a; border: 1px solid #fbbf2499; }
.wrf-guide-stats:hover{ color: #fff7e0; border-color: #fbbf24; }
.wrf-guide-stats:focus-visible{ outline: 2px solid #fde68a; outline-offset: 2px; }
@media (max-width: 720px){
.mg-tools:has(.wrf-pages){ position: relative; inset: auto; order: -1; z-index: 6; justify-content: flex-start; gap: 6px; transform: none; margin-bottom: 12px; }
.mg[data-veil="open"] .mg-top:has(~ .mg-tools .wrf-pages){ padding-right: 0; }
.mg[data-veil="sealed"] .mg-top:has(~ .mg-tools .wrf-pages){ padding-top: 16px; }
.wrf-page{ min-width: 0; padding: 0 12px; }
}
.wrs{ --wrs-gold: #fbbf24; --wrs-violet: #8b5cf6; --wrs-teal: #14b8a6; --wrs-teal-ink: #5eead4;
  display: grid; gap: 18px; max-width: calc(1180px - 2 * var(--gutter)); width: calc(100% - 2 * var(--gutter)); margin: 6px auto 32px; min-width: 0; }
:root[data-theme="light"] .wrs{ --wrs-gold: #92400e; --wrs-teal-ink: #0f766e; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .wrs{ --wrs-gold: #92400e; --wrs-teal-ink: #0f766e; }
}
.wrs > .wrf-section, .wrs .wrs-tiered > .wrf-section{ box-shadow: 0 16px 40px #0b072240; }
.wrs section.rfs{ max-width: none; width: auto; margin: 0; }
.wrs-tiered{ display: grid; gap: 18px; min-width: 0; }
.wrs-head{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin-bottom: 14px; }
.wrs-head .wrf-h{ margin: 0; }
.wrs-dates{ font: 700 var(--fs-3)/1.2 var(--body); color: var(--dim); }
.wrs-dates.is-live{ color: var(--wrs-teal-ink); }
.wrs-empty{ margin: 0; }
.wrs-h3{ margin: 0 0 8px; font: 800 var(--fs-4)/1.2 var(--cond); font-size: clamp(17px, 1.6vw, 20px); color: var(--ink); }
.wrs-thin-line{ margin: 8px 0 0; font: 600 var(--fs-2)/1.3 var(--body); color: var(--dim); }
.wrs-floors .wrs-thin-line{ margin: 0 0 8px; }
.wrs-tiles{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.wrs-tile{ display: grid; gap: 4px; align-content: start; min-width: 0; padding: 12px 14px; border-radius: var(--r-lg);
  background: var(--row); border: 1px solid var(--rule); }
.wrs-tile.is-t1{ border-color: color-mix(in srgb, var(--wrs-violet) 55%, var(--rule)); background: color-mix(in srgb, var(--wrs-violet) 10%, var(--row)); }
.wrs-tile.is-t2{ border-color: color-mix(in srgb, #f5b82e 60%, var(--rule)); background: color-mix(in srgb, #f5b82e 10%, var(--row)); }
.wrs-tile-v{ font: 800 var(--fs-5)/1 var(--cond); font-size: clamp(24px, 2.6vw, 32px); color: var(--ink); font-variant-numeric: tabular-nums; }
.wrs-tile-k{ font: 600 var(--fs-2)/1.3 var(--body); color: var(--ink); }
.wrs-boards{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 18px 32px; margin-top: 18px; }
.wrs-list{ list-style: none; margin: 0; padding: 0; display: grid; }
.wrs-row{ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 12px; padding: 8px 0; border-top: 1px solid var(--rule); }
.wrs-row:first-child{ border-top: 0; }
.wrs-row-name{ display: flex; align-items: center; gap: 10px; min-width: 0; font: 600 var(--fs-3)/1.3 var(--body); color: var(--ink); }
.wrs-row-v{ font: 800 var(--fs-4)/1 var(--cond); color: var(--ink); font-variant-numeric: tabular-nums; text-align: right; }
.wrs-row-s{ grid-column: 1 / -1; padding-left: calc(1.6em + 10px); font-size: var(--fs-2); color: var(--dim); white-space: pre; }
.wrs-place{ flex: none; display: inline-grid; place-items: center; width: 1.6em; height: 1.6em; border-radius: 50%;
  font: 800 var(--fs-2)/1 var(--cond); color: #1e1b4b; background: #c4b5fd; font-variant-numeric: tabular-nums; }
.wrs-row:first-child .wrs-place{ background: #fbbf24; }
.wrs-who{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.wrs-who{ color: var(--ink); text-decoration: none; }
a.wrs-who:hover{ text-decoration: underline; }
a.wrs-who:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; border-radius: var(--r-sm); }
.wrs-bar{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 12px 16px;
  border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); }
#view .wrs-bar-h{ margin: 0; font: 800 var(--fs-4)/1.1 var(--cond); font-size: clamp(20px, 2vw, 24px); color: var(--ink); }
.wrs-tier .wrf-toggle-b{ min-height: 40px; }
.wrs-rb-grid{ grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); }
.wrs-rb .wrf-boss-stage{ aspect-ratio: auto; height: 170px; overflow: hidden; }
.wrs-rb .wrf-boss-art{ width: 72%; height: 140px; }
.wrs-rb .wrf-boss-art .thumb{ max-width: 100%; max-height: 100%; }
.wrs-stars{ position: absolute; right: 10px; top: 8px; z-index: 1; font-size: var(--fs-4); line-height: 1; color: #fbbf24;
  text-shadow: 0 0 10px #fbbf2499, 0 1px 2px #000; letter-spacing: .04em; }
.wrs-facts{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; margin-top: 6px; }
.wrs-fact{ display: grid; gap: 1px; min-width: 0; }
.wrs-fact-k{ font: 600 var(--fs-2)/1.25 var(--body); color: var(--dim); }
.wrs-fact-v{ font: 700 var(--fs-3)/1.25 var(--body); color: var(--ink); font-variant-numeric: tabular-nums; }
.wrs-fact.is-main{ grid-column: 1 / -1; }
.wrs-fact.is-main .wrs-fact-v{ font: 800 var(--fs-4)/1.1 var(--cond); font-size: clamp(22px, 2.2vw, 26px); color: var(--wrs-gold); }
.wrs-heralds{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 10px; }
.wrs-herald{ display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 12px; min-width: 0; padding: 10px 12px;
  border-radius: var(--r-lg); text-decoration: none; color: var(--ink);
  border: 1.5px solid color-mix(in srgb, var(--wrs-teal) 55%, var(--rule));
  background: linear-gradient(135deg, color-mix(in srgb, var(--wrs-teal) 14%, var(--panel)), var(--panel) 70%); }
.wrs-herald:hover{ border-color: var(--wrs-teal); }
.wrs-herald:focus-visible{ outline: 3px solid var(--gold); outline-offset: 2px; }
.wrs-herald-art{ display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%;
  background: radial-gradient(circle at 50% 55%, #14b8a6, #0f766e 55%, #134e4a); }
.wrs-herald-art .thumb{ width: 86%; height: 86%; object-fit: contain; background: none; border: 0; filter: drop-shadow(0 4px 6px #00000066); }
.wrs-herald-body{ display: grid; gap: 4px; min-width: 0; }
.wrs-herald-name{ font: 800 var(--fs-3)/1.2 var(--cond); font-size: clamp(16px, 1.4vw, 18px); color: var(--ink); overflow-wrap: anywhere; }
.wrs-herald .wrs-facts{ margin-top: 0; }
.wrs-herald .wrs-fact-v{ color: var(--wrs-teal-ink); }
.wrs-floor-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 22px 36px; }
.wrs-floor-list{ list-style: none; margin: 0; padding: 0; display: grid; }
.wrs-floor{ display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 0; border-top: 1px solid var(--rule); }
.wrs-floor:first-child{ border-top: 0; }
.wrs-floor-n{ display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; box-sizing: border-box;
  font: 800 var(--fs-3)/1 var(--cond); color: var(--ink); border: 2px solid var(--wrs-violet); }
.wrs-floors.is-t2 .wrs-floor-n{ border-color: #f5b82e; }
.wrs-chips{ display: grid; gap: 6px; min-width: 0; }
.wrs-chip{ display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 44px; padding: 4px 10px 4px 4px;
  border-radius: 999px; text-decoration: none; color: var(--ink); background: var(--row); border: 1px solid var(--rule); min-width: 0; }
.wrs-chip:hover{ border-color: var(--dim); }
.wrs-chip:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.wrs-chip.is-herald{ border-color: color-mix(in srgb, var(--tier-herald-edge) 70%, transparent);
  background: color-mix(in srgb, var(--tier-herald-a) 14%, var(--row)); }
.wrs-chip.is-riftbreaker{ border-color: var(--tier-rift-gold); background: color-mix(in srgb, var(--tier-rift-a) 22%, var(--row)); }
.wrs-chip-art{ display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--panel); overflow: hidden; }
.wrs-chip.is-herald .wrs-chip-art{ background: radial-gradient(circle, #14b8a6, #0f766e); }
.wrs-chip.is-riftbreaker .wrs-chip-art{ background: radial-gradient(circle, #8b5cf6, #3b0764); }
.wrs-chip-art .thumb{ width: 90%; height: 90%; object-fit: contain; background: none; border: 0; }
.wrs-chip-body{ display: grid; min-width: 0; }
.wrs-chip-name{ font: 700 var(--fs-3)/1.2 var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrs-chip-kind{ font: 700 var(--fs-1)/1.2 var(--cond); letter-spacing: .1em; text-transform: uppercase; color: var(--dim); }
.wrs-chip.is-herald .wrs-chip-kind{ color: var(--wrs-teal-ink); }
.wrs-chip.is-riftbreaker .wrs-chip-kind{ color: var(--wrs-gold); }
.wrs-chip-v{ font: 800 var(--fs-3)/1 var(--body); font-variant-numeric: tabular-nums; }
.wrs-first-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 12px; }
.wrs-first{ display: grid; align-content: start; gap: 8px; min-width: 0; padding: 12px 14px; border-radius: var(--r-lg);
  border: 2px solid var(--tier-rift-gold);
  background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--tier-rift-a) 18%, transparent), var(--panel) 62%); }
.wrs-first-head{ display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 44px; text-decoration: none; color: var(--ink); }
.wrs-first-head:hover .wrs-first-name{ text-decoration: underline; }
.wrs-first-head:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; border-radius: var(--r); }
.wrs-first-art{ flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%;
  background: radial-gradient(circle at 50% 55%, #8b5cf6, #6d28d9 50%, #3b0764); }
.wrs-first-art .thumb{ width: 90%; height: 90%; object-fit: contain; background: none; border: 0; }
.wrs-first-name{ min-width: 0; font: 800 var(--fs-4)/1.15 var(--cond); font-size: clamp(18px, 1.7vw, 21px); }
.wrs-first-list{ list-style: none; margin: 0; padding: 0; display: grid; }
.wrs-first-row{ display: grid; gap: 4px; padding: 8px 0; border-top: 1px solid var(--rule); min-width: 0; }
.wrs-first-top{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.wrs-first-at{ font-size: var(--fs-2); color: var(--dim); }
.wrs-crew{ display: flex; flex-wrap: wrap; gap: 2px 12px; min-width: 0; font: 600 var(--fs-2)/1.6 var(--body); }
.wrs-crew .wrs-who{ white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 720px){
.wrs-tiles{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
.wrs{ gap: 14px; }
.wrs-rb-grid{ grid-template-columns: minmax(0, 1fr); }
.wrs-rb .wrf-boss-stage{ height: 150px; }
.wrs-rb .wrf-boss-art{ height: 124px; }
.wrs-floor{ grid-template-columns: 34px minmax(0, 1fr); gap: 10px; }
}
@media (pointer: coarse){
a.wrs-who{ display: inline-block; min-height: 32px; min-width: 32px; line-height: 32px; }
}
.wrs .is-thin{ opacity: 1; }
.wrs-rb.is-thin{ --edge: color-mix(in srgb, #f5b82e 45%, var(--rule)); }
.wrs-rb.is-thin .wrf-boss-stage{ filter: grayscale(.75) brightness(.8); }
.wrs-floor.is-thin .wrs-chip-art, .wrs-herald.is-thin .wrs-herald-art{ filter: grayscale(.8); opacity: .6; }
.wrs-floor.is-thin .wrs-chip{ border-style: dashed; }
:root[data-theme="light"] .wrs-chip.is-herald .wrs-chip-kind{ color: #134e4a; }
:root[data-theme="light"] .wrs-chip.is-riftbreaker .wrs-chip-kind{ color: #78350f; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .wrs-chip.is-herald .wrs-chip-kind{ color: #134e4a; }
:root:not([data-theme="dark"]) .wrs-chip.is-riftbreaker .wrs-chip-kind{ color: #78350f; }
}
.fc{ display: grid; gap: 16px; min-width: 0; max-width: 1180px; padding: 8px var(--gutter) 28px; box-sizing: border-box; }
.fc .thumb{ background: transparent; border: 0; box-shadow: none; }
.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{
  --bk-wire: #a78bfa; --bk-wire-hot: #c4b5fd; --bk-gold: var(--tier-rift-gold); --bk-gold-hot: #fde68a;
  --bk-glow: 0.75; --bk-node: color-mix(in srgb, var(--tier-rift-a) 10%, var(--panel));
  --bk-ok: #6ee7b7; --bk-bad: #fca5a5; --bk-seat-ink: #1a1033; --bk-seat-bg: var(--tier-rift-gold);
  position: relative; display: grid; min-width: 0;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "sA s1 sall" "sB s1 sall" "sC s2 sall" "sD s2 sall";
  column-gap: 52px; row-gap: 12px; padding: 4px 0;
}
:root[data-theme="light"] .rbk-bk{
  --bk-wire: #7c3aed; --bk-wire-hot: #6d28d9; --bk-gold: #b45309; --bk-gold-hot: #d97706;
  --bk-glow: 0.35; --bk-node: color-mix(in srgb, var(--tier-rift-a) 5%, var(--panel));
  --bk-ok: var(--good); --bk-bad: var(--bad); --bk-seat-ink: #fff; --bk-seat-bg: #5b21b6;
}
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .rbk-bk{
    --bk-wire: #7c3aed; --bk-wire-hot: #6d28d9; --bk-gold: #b45309; --bk-gold-hot: #d97706;
    --bk-glow: 0.35; --bk-node: color-mix(in srgb, var(--tier-rift-a) 5%, var(--panel));
    --bk-ok: var(--good); --bk-bad: var(--bad); --bk-seat-ink: #fff; --bk-seat-bg: #5b21b6;
  }
}
.rbk-bk.is-lanes{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "sA sC" "sB sD" "s1 s2" "sall sall";
  column-gap: 10px; row-gap: 30px; padding: 4px 13px;
}
.rbk-bk-wires{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.rbk-bk-wire{ --w: var(--bk-wire); --w-hot: var(--bk-wire-hot); }
.rbk-bk-wire.is-final{ --w: var(--bk-gold); --w-hot: var(--bk-gold-hot); }
.rbk-bk-wire path{ fill: none; stroke-linecap: round; }
.rbk-bk-line{ stroke: var(--w); stroke-width: 2; opacity: .85; }
.rbk-bk-glow{ stroke: var(--w); stroke-width: 7; opacity: calc(var(--bk-glow) * .45); filter: blur(4px); }
.rbk-bk-pulse{ stroke: var(--w-hot); stroke-width: 3.5; stroke-dasharray: 9 91; stroke-dashoffset: 100; opacity: 0;
  filter: drop-shadow(0 0 4px var(--w)) drop-shadow(0 0 9px var(--w)); }
.rbk-bk-wire.is-fell .rbk-bk-line{ stroke-dasharray: 5 6; opacity: .6; }
.rbk-bk-wire.is-fell .rbk-bk-glow{ opacity: calc(var(--bk-glow) * .18); }
@keyframes rbk-bk-flow{
  0% { stroke-dashoffset: 100; opacity: 0; }
  8%, 88% { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 0; }
}
.rbk-bk.has-pick .rbk-bk-wire:not(.is-on){ opacity: .18; }
.rbk-bk.has-pick .rbk-bk-wire.is-on .rbk-bk-line{ stroke-width: 3; opacity: 1; }
.rbk-bk.has-pick .rbk-bk-wire.is-on .rbk-bk-glow{ stroke-width: 10; opacity: calc(var(--bk-glow) * .9); }
.rbk-bk-node{
  --ring: var(--bk-wire);
  position: relative; z-index: 1; display: grid; gap: 7px; align-content: start; align-self: center; min-width: 0; min-height: 44px;
  padding: 9px 10px; text-align: left; font: inherit; color: var(--ink); cursor: pointer;
  border-radius: var(--r-lg); background: var(--bk-node); border: 1px solid color-mix(in srgb, var(--ring) 40%, var(--rule));
  box-shadow: var(--shadow-card);
}
.rbk-bk-node.is-duo{ align-self: stretch; }
.rbk-bk-node:focus-visible{ outline: 2px solid var(--bk-wire-hot); outline-offset: 2px; }
.rbk-bk-node.is-cleared{
  border-color: color-mix(in srgb, var(--ring) 75%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ring) 45%, transparent),
    0 0 22px -6px color-mix(in srgb, var(--ring) calc(var(--bk-glow) * 100%), transparent), var(--shadow-card);
}
.rbk-bk-node.is-coalition{ --ring: var(--bk-gold); padding: 12px; gap: 9px;
  background: radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--tier-rift-a) calc(var(--bk-glow) * 32%), var(--panel)), var(--bk-node)); }
.rbk-bk-node.is-coalition.is-cleared{
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--bk-gold) 70%, transparent),
    0 0 34px -4px color-mix(in srgb, var(--bk-gold) calc(var(--bk-glow) * 85%), transparent),
    0 0 70px -10px color-mix(in srgb, #7c3aed calc(var(--bk-glow) * 90%), transparent), var(--shadow-card);
}
@keyframes rbk-bk-breathe{ 50% { box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--bk-gold) 85%, transparent),
  0 0 46px -2px color-mix(in srgb, var(--bk-gold) calc(var(--bk-glow) * 100%), transparent),
  0 0 90px -8px color-mix(in srgb, #7c3aed calc(var(--bk-glow) * 100%), transparent), var(--shadow-card); } }
.rbk-bk-node.is-fell{ --ring: var(--bad); filter: saturate(.55); border-style: dashed; background: color-mix(in srgb, var(--bad) 5%, var(--bk-node)); }
.rbk-bk-node.is-fell::after{ content: ""; position: absolute; top: 0; right: 0; width: 46px; height: 40px; pointer-events: none; opacity: .7;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 40'%3E%3Cpath d='M46 2 L34 9 L37 15 L26 21 L29 27 L19 34' fill='none' stroke='%23ef6b5e' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M34 9 L42 14' fill='none' stroke='%23ef6b5e' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat top right / contain; }
.rbk-bk-node.is-fell .rbk-bk-head{ padding-right: 34px; }
.rbk-bk-node.is-quiet{ border-style: dashed; box-shadow: none; }
.rbk-bk.has-pick .rbk-bk-node:not(.is-on){ opacity: .4; filter: saturate(.4); }
.rbk-bk-node[aria-pressed="true"]{ outline: 2px solid var(--ring); outline-offset: 2px; }
.rbk-bk-head{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 8px; padding-right: 14px; }
.rbk-bk-title{ font-size: var(--fs-3); }
.rbk-bk-node.is-coalition .rbk-bk-title{ font-family: var(--cond); font-size: var(--fs-4); letter-spacing: .04em; text-transform: uppercase;
  color: color-mix(in srgb, var(--bk-gold) 80%, var(--ink)); }
.rbk-bk-floors{ font: 600 var(--fs-1)/1.2 var(--mono); color: var(--mute); }
.rbk-bk-node > .rbk-pill{ justify-self: start; }
.rbk-bk-foot{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; }
.rbk-bk-dots{ display: inline-flex; gap: 4px; }
.rbk-bk-dot{ display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; font: 700 var(--fs-1)/1 var(--mono);
  border: 1.5px solid var(--rule); color: var(--mute); }
.rbk-bk-dot.is-cleared{ border-color: var(--bk-ok); color: var(--bk-ok); background: color-mix(in srgb, var(--good) 14%, transparent); }
.rbk-bk-dot.is-failed{ border-color: var(--bk-bad); color: var(--bk-bad); background: color-mix(in srgb, var(--bad) 12%, transparent); }
.rbk-bk-dot.is-unfinished{ border-style: dashed; }
.rbk-bk-result{ font-size: var(--fs-1); font-weight: 600; padding: 2px 9px; border-radius: 999px; border: 1px solid var(--rule); color: var(--mute); }
.rbk-bk-result.is-cleared{ color: var(--bk-ok); border-color: color-mix(in srgb, var(--good) 50%, var(--rule)); }
.rbk-bk-result.is-fell{ color: var(--bk-bad); border-color: color-mix(in srgb, var(--bad) 50%, var(--rule)); }
.rbk-bk-seats{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: 5px; min-width: 0; }
.rbk-bk-seats.is-row{ display: flex; flex-wrap: wrap; gap: 4px; }
.rbk-bk-chip{ display: flex; align-items: center; gap: 10px; min-width: 0; padding: 3px 10px 3px 3px; border-radius: 999px;
  background: var(--row); border: 1px solid var(--hairline); }
.rbk-bk-chip.is-mini{ gap: 0; padding: 0; border: 0; background: none; }
.rbk-bk-chip.is-empty .rbk-bk-name{ color: var(--dim); font-weight: 400; }
.rbk-bk-av{ position: relative; flex: none; display: block; width: 30px; height: 30px; }
.rbk-bk-av > .thumb{ width: 30px; height: 30px; border-radius: 50%; object-fit: cover; display: grid; place-items: center; }
.rbk-bk-chip.is-mini .rbk-bk-av, .rbk-bk-chip.is-mini .rbk-bk-av > .thumb{ width: 28px; height: 28px; }
.rbk-bk-chip.is-mini .rbk-bk-av > .thumb{ box-shadow: 0 0 0 1.5px var(--panel); }
.rbk-bk-seat{ position: absolute; right: -4px; bottom: -3px; min-width: 16px; height: 16px; padding: 0 3px; border-radius: 999px; display: grid; place-items: center;
  font: 700 var(--fs-1)/1 var(--mono); color: var(--bk-seat-ink); background: var(--bk-seat-bg); box-shadow: 0 0 0 1.5px var(--panel); }
.rbk-bk-name{ min-width: 0; font-size: var(--fs-2); font-weight: 600; line-height: 1.2; overflow-wrap: anywhere; }
.rbk-bk-chip.is-left{ flex-wrap: wrap; border-style: dashed; border-radius: var(--r-lg); }
.rbk-bk-chip.is-left .rbk-bk-av, .rbk-bk-chip.is-left .rbk-bk-name{ opacity: .45; filter: grayscale(.8); }
.rbk-bk-chip.is-mini.is-left .rbk-bk-av::after{ content: "↩"; position: absolute; left: -3px; top: -4px; width: 14px; height: 14px; border-radius: 50%;
  display: grid; place-items: center; font-size: var(--fs-1); line-height: 1; color: #fff; background: var(--bad); }
.rbk-bk-left{ flex: none; font-size: var(--fs-1); font-weight: 600; color: var(--bk-bad); }
.rbk-bk-mobs{ display: grid; gap: 6px; min-width: 0; padding-top: 7px; border-top: 1px solid var(--hairline); }
.rbk-bk-mob-row{ display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: start; gap: 6px; min-width: 0; }
.rbk-bk-mob-floor{ padding-top: 7px; font: 700 var(--fs-1)/1 var(--mono); color: var(--dim); }
.rbk-bk-mob-tiles{ display: flex; flex-wrap: wrap; gap: 5px; min-width: 0; }
.rbk-bk-mob{ display: flex; align-items: center; gap: 7px; min-width: 0; max-width: 100%; padding: 3px 9px 3px 3px; border-radius: var(--r);
  background: color-mix(in srgb, var(--panel) 70%, transparent); border: 1px solid var(--hairline); }
.rbk-bk-mob-art{ position: relative; flex: none; width: 30px; height: 30px; border-radius: var(--r); display: grid; place-items: center; background: var(--row); }
.rbk-bk-mob-art > .thumb{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: none; border: 0; }
.rbk-bk-mob-i{ font: 700 var(--fs-1)/1 var(--cond); color: var(--dim); }
.rbk-bk-mob-art:has(> .thumb.is-loaded) > .rbk-bk-mob-i{ visibility: hidden; }
.rbk-bk-mark{ position: absolute; right: -4px; bottom: -4px; z-index: 1; width: 16px; height: 16px; border-radius: 50%; display: grid; place-items: center;
  font: 700 var(--fs-1)/1 var(--mono); color: #fff; background: var(--good); box-shadow: 0 0 0 1.5px var(--panel); }
.rbk-bk-mob.is-escaped .rbk-bk-mark{ background: var(--bad); }
.rbk-bk-mob-text{ display: grid; gap: 2px; justify-items: start; min-width: 0; }
.rbk-bk-mob-text b{ font-size: var(--fs-1); font-weight: 600; line-height: 1.2; overflow-wrap: anywhere; }
.rbk-bk-mob-text b i{ font-style: normal; font-family: var(--mono); color: var(--mute); }
.rbk-bk-mob-text .rbk-rank{ padding: 1px 6px; }
.rbk-bk-mob.is-escaped{ border-style: dashed; border-color: color-mix(in srgb, var(--bad) 55%, var(--rule)); }
.rbk-bk-esc{ font-size: var(--fs-1); font-weight: 600; color: var(--bk-bad); }
.rbk-bk-mob.is-herald{ border-color: color-mix(in srgb, var(--tier-herald-a) 55%, var(--hairline)); background: color-mix(in srgb, var(--tier-herald-a) 9%, var(--panel)); }
.rbk-bk-mob.is-herald.is-escaped{ border-color: color-mix(in srgb, var(--bad) 55%, var(--rule)); }
.rbk-bk-mob.is-riftbreaker{ border-color: var(--tier-rift-gold); background: color-mix(in srgb, var(--tier-rift-a) 16%, var(--panel)); }
.rbk-bk-rb{ display: flex; align-items: center; gap: 10px; min-width: 0; }
.rbk-bk-rb > .thumb{ width: 64px; height: 64px; flex: none; object-fit: contain; background: none; border: 0;
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--bk-gold) 70%, transparent)) drop-shadow(0 6px 16px rgba(109, 40, 217, .55)); }
.rbk-bk-rb-text{ display: grid; gap: 4px; justify-items: start; min-width: 0; }
.rbk-bk-rb-text b{ font-size: var(--fs-2); overflow-wrap: anywhere; }
.rbk-bk.is-lanes .rbk-bk-node{ padding: 7px 6px; gap: 6px; }
.rbk-bk.is-lanes .rbk-bk-node.is-duo .rbk-bk-head, .rbk-bk.is-lanes .rbk-bk-node.is-squad .rbk-bk-head{ padding-right: 24px; }
.rbk-bk.is-lanes .rbk-bk-seats{ grid-template-columns: minmax(0, 1fr); }
.rbk-bk.is-lanes .rbk-bk-seats.is-row{ gap: 0 2px; }
.rbk-bk.is-lanes .rbk-bk-chip{ padding: 3px 7px 3px 3px; border-radius: var(--r-lg); }
.rbk-bk.is-lanes .rbk-bk-chip.is-mini{ padding: 0; }
.rbk-bk.is-lanes .rbk-bk-name{ font-size: var(--fs-1); }
.rbk-bk.is-lanes .rbk-bk-av, .rbk-bk.is-lanes .rbk-bk-av > .thumb{ width: 26px; height: 26px; }
.rbk-bk.is-lanes .rbk-bk-node:not(.is-coalition) .rbk-bk-chip.is-mini .rbk-bk-av,
.rbk-bk.is-lanes .rbk-bk-node:not(.is-coalition) .rbk-bk-chip.is-mini .rbk-bk-av > .thumb{ width: 24px; height: 24px; }
.rbk-bk.is-lanes .rbk-bk-node:not(.is-coalition) .rbk-bk-mob-row{ grid-template-columns: minmax(0, 1fr); gap: 3px; }
.rbk-bk.is-lanes .rbk-bk-node:not(.is-coalition) .rbk-bk-mob-floor{ padding-top: 0; }
.rbk-bk.is-lanes .rbk-bk-mob{ padding-right: 6px; gap: 6px; }
.rbk-bk.is-lanes .rbk-bk-mob-art{ width: 26px; height: 26px; }
.rbk-bk.is-lanes .rbk-bk-result{ padding: 1px 6px; }
.rbk-bk.is-lanes .rbk-bk-dot{ width: 20px; height: 20px; }
.rbk-bk.is-lanes .rbk-bk-node.is-fell::after{ width: 30px; height: 26px; }
.rbk-bk.is-lanes .rbk-bk-rb > .thumb{ width: 52px; height: 52px; }
.rbk-bk-detail{ display: grid; gap: 10px; min-width: 0; padding: 12px; border-radius: var(--r); background: var(--panel);
  border: 1px solid color-mix(in srgb, var(--tier-rift-a) 45%, var(--hairline)); box-shadow: var(--shadow-card); }
.rbk-bk-detail[hidden]{ display: none; }
@keyframes rbk-bk-in{ from { opacity: 0; translate: 0 -4px; } }
.rbk-bk-detail-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.rbk-bk-detail-name{ font-size: var(--fs-3); margin-right: 4px; }
.rbk-bk-detail-who{ display: flex; flex-wrap: wrap; gap: 5px; }
.rbk-bk-detail-who .rbk-bk-chip{ max-width: 100%; }
@media (prefers-reduced-motion: no-preference){
.rbk-bk-wire, .rbk-bk-node{ transition: opacity .25s, filter .25s, box-shadow .25s, transform .2s; }
.rbk-bk-pulse{ animation: rbk-bk-flow 2.8s linear infinite; }
.rbk-bk-wire.is-final .rbk-bk-pulse{ animation-delay: 1.2s; }
.rbk-bk.has-pick .rbk-bk-wire.is-on .rbk-bk-pulse{ animation-duration: 1.6s; }
.rbk-bk-node:hover, .rbk-bk-node.is-on{ transform: translateY(-1px); }
.rbk-bk-node.is-coalition.is-cleared{ animation: rbk-bk-breathe 3.6s ease-in-out infinite; }
.rbk-bk-detail{ animation: rbk-bk-in .25s ease-out; }
}
.rr-seated{ display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; }
.rr-seat{ --c: #a78bfa; flex: none; display: grid; place-items: center; min-width: 30px; height: 22px; padding: 0 6px; border-radius: var(--r-sm);
  font: 700 var(--fs-1)/1 var(--mono); color: var(--c); border: 1px solid color-mix(in srgb, var(--c) 60%, transparent);
  background: color-mix(in srgb, var(--c) 14%, transparent); }
.rr-seat.is-b{ --c: #2dd4bf; }
.rr-seat.is-c{ --c: #fbbf24; }
.rr-seat.is-d{ --c: #60a5fa; }
:root[data-theme="light"] .rr-seat{ --c: #6d28d9; }
:root[data-theme="light"] .rr-seat.is-b{ --c: #0f766e; }
:root[data-theme="light"] .rr-seat.is-c{ --c: #a16207; }
:root[data-theme="light"] .rr-seat.is-d{ --c: #1d4ed8; }
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .rr-seat{ --c: #6d28d9; }
:root:not([data-theme="dark"]) .rr-seat.is-b{ --c: #0f766e; }
:root:not([data-theme="dark"]) .rr-seat.is-c{ --c: #a16207; }
:root:not([data-theme="dark"]) .rr-seat.is-d{ --c: #1d4ed8; }
}
.rr-member:has(> .rr-seated){ grid-template-columns: minmax(150px, 230px) minmax(0, 1fr); }
.rr .rh-who-btn, .rr .rr-mate{ max-width: 100%; }
.rr .rh-who-name, .rr .rr-mate-name{ overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; line-height: 1.2; text-align: left; }
@media (max-width: 640px){
.rr-member:has(> .rr-seated){ grid-template-columns: minmax(0, 1fr); }
}
.rd-sec{ display: grid; gap: 8px; min-width: 0; }
.rd-h{ margin: 0; font-family: var(--cond); font-size: var(--fs-1); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.rd .rd-p{ background: var(--panel); box-shadow: var(--shadow-card); gap: 8px; align-content: start; }
.rd-p-who{ display: flex; align-items: center; gap: 8px; min-width: 0; }
.rd-p-who > .thumb, .rd-p-who > picture > .thumb{ width: 30px; height: 30px; flex: none; border-radius: 50%; object-fit: cover; }
.rd-p-id{ display: grid; justify-items: start; gap: 4px; min-width: 0; }
.rd .rd-p-name{ max-width: 100%; white-space: normal; overflow: visible; overflow-wrap: break-word; word-break: normal; line-height: 1.25; }
.rd-pill.is-top{ position: relative; overflow: hidden; padding: 2px 9px; line-height: 1.35; white-space: nowrap; }
.rd .rd-fig{ align-items: center; line-height: 1.2; white-space: nowrap; }
@media (pointer: coarse){
.rd-pill.is-top, .rd-pill.is-final{ min-height: 0; }
}
.rd-p-figs{ align-items: center; gap: 6px; }
.rd-fig{
  display: inline-flex; align-items: baseline; gap: 4px; min-height: 28px; padding: 3px 10px; border-radius: 999px;
  background: var(--row); border: 1px solid var(--hairline); color: var(--mute); font: inherit; font-size: var(--fs-1);
}
button.rd-p-hl{ min-height: 32px; cursor: pointer; color: var(--ink); border-color: var(--rule); }
button.rd-p-hl::after{ content: ""; width: 7px; height: 7px; margin-left: 2px; align-self: center; border-radius: 50%;
  border: 1.5px solid var(--mute); }
button.rd-p-hl:hover{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
button.rd-p-hl:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
button.rd-p-hl[aria-pressed="true"]{ border-color: var(--gold); background: color-mix(in srgb, var(--gold) 14%, var(--row)); }
button.rd-p-hl[aria-pressed="true"]::after{ background: var(--gold); border-color: var(--gold); box-shadow: 0 0 8px var(--gold); }
.rd .rd-floors{ gap: 0; }
.rd .rd-floor{ grid-template-columns: 28px minmax(0, 1fr); gap: 10px; padding-bottom: 14px;
  background: linear-gradient(var(--rule), var(--rule)) no-repeat 13px 28px / 2px calc(100% - 28px); }
.rd .rd-floor:last-child{ background: none; padding-bottom: 0; }
.rd-floor-dot{ width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%;
  font: 700 var(--fs-2)/1 var(--mono); color: var(--ink); background: var(--panel); border: 2px solid var(--rule); }
.rd-floor.is-final .rd-floor-dot{ border-color: var(--acc-violet); background: color-mix(in srgb, var(--acc-violet) 22%, var(--panel));
  box-shadow: 0 0 12px color-mix(in srgb, var(--acc-violet) 45%, transparent); }
.rd-floor-body{ display: grid; gap: 8px; min-width: 0; padding-top: 3px; }
.rd-floor-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.rd .rd-floor-n{ font-family: var(--body); font-size: var(--fs-3); font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--ink); }
.rd-pill.is-final{ cursor: default; padding: 1px 9px; color: var(--ink); border-color: color-mix(in srgb, var(--acc-violet) 55%, var(--rule)); }
.rd-fight-art{ position: relative; flex: none; display: grid; place-items: center; width: 36px; height: 36px; }
.rd-fight-art > .thumb{ width: 34px; height: 34px; object-fit: contain; }
.rd-fight-text{ gap: 3px; justify-items: start; }
.rd .rd-fight-text b{ white-space: normal; overflow: visible; overflow-wrap: break-word; line-height: 1.25; }
.rd .rd-fight-text small{ overflow-wrap: break-word; }
.rd-fight-head{ flex-wrap: wrap; }
.rd-rank{ padding: 0 7px; border-radius: 999px; font-size: var(--fs-1); line-height: 1.6; color: var(--mute);
  background: var(--row); border: 1px solid var(--rule); }
.rd-rank.is-elite{ color: var(--ink); border-color: color-mix(in srgb, var(--acc-amber) 60%, var(--rule)); background: color-mix(in srgb, var(--acc-amber) 12%, var(--row)); }
.rd-rank.is-boss{ color: var(--ink); font-weight: 600; border-color: var(--acc-violet); background: color-mix(in srgb, var(--acc-violet) 20%, var(--row)); }
.rd-fight.is-elite{ border-color: color-mix(in srgb, var(--acc-amber) 35%, var(--hairline)); }
.rd-fight.is-boss{ background: color-mix(in srgb, var(--acc-violet) 10%, var(--panel));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--acc-violet) 45%, transparent), 0 0 18px color-mix(in srgb, var(--acc-violet) 28%, transparent); }
.rd .rd-fight.is-many{ grid-column: auto; }
.rd .rd-fights{ grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
@media (max-width: 720px){
.rd .rd-fights{ grid-template-columns: minmax(0, 1fr); }
}
.rd.is-lit .rd-fight:not(.is-hl){ opacity: .38; filter: grayscale(.6); }
.rd.is-lit .rd-fight.is-hl{ border-color: var(--gold);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 50%, transparent), 0 0 16px color-mix(in srgb, var(--gold) 30%, transparent); }
@media (prefers-reduced-motion: no-preference){
.rd .rd-fight{ transition: opacity .2s ease, filter .2s ease, border-color .2s ease, box-shadow .2s ease; }
}
.rr > .rr-foes{ margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--hairline); min-width: 0; }
@media (min-width: 900px){
.rr > .rr-foes{ grid-column: 1 / -1; grid-row: 2; }
}
.rr-foes{ align-items: center; gap: 6px; }
.rr-foe.has-art{ display: inline-flex; align-items: center; gap: 6px; min-height: 32px; max-width: 100%; padding: 2px 10px 2px 3px; color: var(--ink); background: var(--row); }
.rr-foe-name{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rr-foe.is-more{ display: inline-flex; align-items: center; min-height: 32px; }
.rr-foe-art{ position: relative; flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
  background: var(--panel); border: 1.5px solid var(--hairline); }
.rr-foe-art > .thumb{ width: 20px; height: 20px; object-fit: contain; border: 0; background: none; }
.rr-foe.is-elite .rr-foe-art{ border-color: color-mix(in srgb, var(--acc-amber) 70%, var(--hairline)); }
.rr-foe.is-boss{ border-color: color-mix(in srgb, var(--acc-violet) 55%, var(--hairline)); background: color-mix(in srgb, var(--acc-violet) 10%, var(--row)); }
.rr-foe.is-boss .rr-foe-art{ border-color: var(--acc-violet); box-shadow: 0 0 8px color-mix(in srgb, var(--acc-violet) 45%, transparent); }
.rr-foe-n{ font-style: normal; font-family: var(--mono); color: var(--mute); }
a.rr-foe.has-art:hover{ color: var(--ink); border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.rbk-spoil{ max-width: 100%; flex-wrap: wrap; }
.rbk-spoil-row > .rbk-chips{ min-width: 0; }
.rbk-teams{ grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr)); }
.rbk-mobs{ grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr)); }
.rbk-step-body{ grid-template-columns: minmax(0, 1fr); }
.rbk-pill.is-reinf{ max-width: 100%; flex-wrap: wrap; }
@media (min-width: 360px){
.rr[data-aura] .rr-party.has-drops{ grid-template-columns: fit-content(58%) minmax(0, 1fr); column-gap: 10px; }
.rr[data-aura] .rr-party.has-drops > .rr-member{ grid-column: 1 / -1; grid-template-columns: subgrid; }
}
.rr[data-aura] .rh-who-name, .rr[data-aura] .rr-mate-name{ overflow-wrap: break-word; }
.rr[data-aura], .rc-hero[data-aura]{
  --aura: var(--lvl-1); --aura-a: 34%; --aura-b: 24%;
  position: relative; isolation: isolate; background: transparent;
}
.rr[data-aura="tutor"], .rc-hero[data-aura="tutor"]{ --aura: var(--lvl-tutor); --aura-a: 30%; --aura-b: 20%; }
.rr[data-aura="s2"], .rc-hero[data-aura="s2"]{ --aura: var(--lvl-2); --aura-a: 38%; --aura-b: 26%; }
.rr[data-aura="s3"], .rc-hero[data-aura="s3"]{ --aura: var(--lvl-3); --aura-a: 44%; --aura-b: 30%; }
.rr[data-aura="solo"], .rc-hero[data-aura="solo"]{ --aura: var(--lvl-solo); --aura-a: 24%; --aura-b: 16%; }
.rr[data-aura]::after, .rc-hero[data-aura]::after{
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
  background: linear-gradient(170deg, color-mix(in srgb, var(--aura) 5%, var(--panel)), var(--panel) 55%);
}
.rr-aura{
  position: absolute; inset: -9px -10px; z-index: -2; pointer-events: none;
  background:
    radial-gradient(60% 75% at 14% 28%, color-mix(in srgb, var(--aura) var(--aura-a), transparent), transparent 70%),
    radial-gradient(55% 70% at 86% 74%, color-mix(in srgb, var(--aura) var(--aura-b), transparent), transparent 70%);
  opacity: calc(var(--aura-o) * .8);
}
.rr-list, .rc{ overflow-x: clip; }
.rr[data-aura], .rc-hero[data-aura]{ --aura-o: .9; }
: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; }
}
@media (prefers-reduced-motion: no-preference){
.rr-aura{ animation: rr-aura 12s ease-in-out infinite alternate; }
.rr[data-aura]:nth-child(3n+2) > .rr-aura{ animation-duration: 14s; animation-delay: -5s; }
.rr[data-aura]:nth-child(3n) > .rr-aura{ animation-duration: 10s; animation-delay: -8s; }
.rr-list.is-moving > .rr.is-in > .rr-foes > .rr-foe, .rc-card > .rr-foes > .rr-foe{
    animation: rd-in .32s var(--ease, ease) backwards; animation-delay: calc(var(--rr-d, 0ms) + 160ms + var(--rr-i, 0) * 45ms);
  }
.rd-bar i{ transform-origin: left center; animation: rd-fill .8s var(--ease, ease) .1s backwards; }
.rd .rd-fight{ animation: rd-in .3s var(--ease, ease) backwards; animation-delay: calc(140ms + var(--rd-i, 0) * 35ms); }
.rd-pill.is-top::after{
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .38) 50%, transparent 70%);
    transform: translateX(-120%); animation: rd-sheen 1.1s ease-in-out .7s 1 forwards;
  }
}
@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); }
}
@keyframes rd-in{ from { opacity: 0; transform: translate3d(0, 6px, 0); } }
@keyframes rd-fill{ from { transform: scaleX(0); } }
@keyframes rd-sheen{ to { transform: translateX(120%); } }
.rr-refresh-status.is-refreshing, .wr-refresh-say.is-refreshing, .profile-refresh-status.is-refreshing{ color: var(--mute); font-weight: 500; }
.rr-refresh-status.is-current, .wr-refresh-say.is-current, .profile-refresh-status.is-current,
.rr-refresh-status.is-stored, .wr-refresh-say.is-stored, .profile-refresh-status.is-stored{ color: var(--mute); }
@media (prefers-reduced-motion: no-preference){
.rr-refresh-status.is-refreshing, .wr-refresh-say.is-refreshing, .profile-refresh-status.is-refreshing{
    animation: refresh-breathe 1.4s ease-in-out infinite;
  }
.rr-refresh-status, .wr-refresh-say, .profile-refresh-status{ transition: opacity .6s ease; }
}
.rr-refresh-status.is-gone, .wr-refresh-say.is-gone, .profile-refresh-status.is-gone{ opacity: 0; }
@keyframes refresh-breathe{ 0%, 100% { opacity: .3; } 50% { opacity: 1; } }
.rh-pill.rh-rifts-link{ --c: var(--lvl-mega); text-decoration: none; color: var(--ink); }
.rh-pill.rh-rifts-link:hover{ box-shadow: var(--shadow-card), inset 0 0 0 1.5px var(--tier-rift-gold, var(--c)); }
.rh-rifts-arrow{ color: var(--mute); font-weight: 700; }
.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){
.rr-refresh-btn::after{ inset: -5px 0; }
.page-crumb{ position: relative; z-index: 3; }
.page-crumb::after{ content: ""; position: absolute; inset: -8px -4px -16px; }
}
:root{
  --lk-luck: #4FD18B; --lk-jack: #F2B84B; --lk-bad: #F06A5F;
  --lk-luck-soft: rgba(79,209,139,.13); --lk-jack-soft: rgba(242,184,75,.15); --lk-bad-soft: rgba(240,106,95,.13);
  --lk-t5: #E77FC8; --lk-t4: #F2B84B; --lk-t3: #B48AF5; --lk-t2: #5A9BF0; --lk-t1: #5CC08A;
  --lk-on-jack: #1A1204; --lk-on-bad: #1A0605; --lk-on-medal: #1A1204;
}
:root[data-theme="light"]{
  --lk-luck: #236E45; --lk-jack: #A86A0E; --lk-bad: #A13A35;
  --lk-luck-soft: rgba(46,158,98,.12); --lk-jack-soft: rgba(201,134,27,.14); --lk-bad-soft: rgba(200,80,74,.12);
  --lk-t5: #9C2E7A; --lk-t4: #A86A0E; --lk-t3: #6A3FB8; --lk-t2: #1F58B0; --lk-t1: #236E45;
  --lk-on-jack: #FFFFFF; --lk-on-bad: #FFFFFF; --lk-on-medal: #FFFFFF;
}
@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]){
    --lk-luck: #236E45; --lk-jack: #A86A0E; --lk-bad: #A13A35;
    --lk-luck-soft: rgba(46,158,98,.12); --lk-jack-soft: rgba(201,134,27,.14); --lk-bad-soft: rgba(200,80,74,.12);
    --lk-t5: #9C2E7A; --lk-t4: #A86A0E; --lk-t3: #6A3FB8; --lk-t2: #1F58B0; --lk-t1: #236E45;
    --lk-on-jack: #FFFFFF; --lk-on-bad: #FFFFFF; --lk-on-medal: #FFFFFF;
  }
}
.lk3{ display: grid; gap: 16px; max-width: 1120px; }
.lk3-marks{ letter-spacing: -.06em; font-weight: 700; }
.lk3-marks.is-t5{ color: var(--lk-t5); }
.lk3-marks.is-t4{ color: var(--lk-t4); }
.lk3-marks.is-t3{ color: var(--lk-t3); }
.lk3-marks.is-t2{ color: var(--lk-t2); }
.lk3-marks.is-t1{ color: var(--lk-t1); }
.lk3-hero{
  position: relative; overflow: hidden; border-radius: var(--r-lg); border: 1px solid var(--rule); padding: 20px;
  background: radial-gradient(90% 140% at 0% 0%, var(--lk-jack-soft), transparent 60%),
    radial-gradient(80% 120% at 100% 100%, var(--lk-luck-soft), transparent 60%), var(--panel);
  box-shadow: var(--shadow-card);
}
.lk3-hero.is-unlucky{ background: radial-gradient(90% 140% at 0% 0%, var(--lk-bad-soft), transparent 60%),
  radial-gradient(80% 120% at 100% 100%, var(--lk-jack-soft), transparent 60%), var(--panel); }
.lk3-hero::after{ content: "🍀"; position: absolute; right: -24px; top: -36px; font-size: clamp(160px, 20vw, 200px); line-height: 1; opacity: .07; pointer-events: none; }
.lk3-hero.is-unlucky::after{ content: "🌧️"; }
.lk3-h1{ position: relative; margin: 0; font-style: italic; font-weight: 800; font-size: clamp(38px, 6vw, 58px); line-height: .92; font-family: var(--cond); text-transform: uppercase; color: var(--ink); }
.lk3-h1 em{ font-style: inherit; color: var(--lk-jack); }
.lk3-hero.is-unlucky .lk3-h1 em{ color: var(--lk-bad); }
.lk3 .lk3-seg{
  position: relative; display: inline-flex; flex-wrap: nowrap; overflow-x: auto; gap: 4px; padding: 4px; margin-top: 14px;
  border-radius: 999px; background: var(--row); border: 1px solid var(--rule); max-width: 100%;
}
.lk3 .lk3-seg button{ font-weight: 700; font-size: var(--fs-2); font-family: var(--body); padding: 7px 14px; border-radius: 999px; color: var(--mute); }
.lk3 .lk3-seg button[aria-pressed="true"]{ background: var(--lk-jack); color: var(--lk-on-jack); }
.lk3-hero.is-unlucky .lk3-seg button[aria-pressed="true"]{ background: var(--lk-bad); color: var(--lk-on-bad); }
.lk3 .lk3-find{
  position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; padding: 0;
  border: 0; max-width: 560px;
}
.lk3 .lk3-find .fx-search{
  flex: 1 1 220px; padding: 11px 14px; border-radius: var(--r-lg); background: var(--bg); border: 1px solid var(--rule);
  font-weight: 500; font-size: var(--fs-3); font-family: var(--body); box-shadow: 0 0 0 4px var(--lk-jack-soft);
}
.lk3 .lkdist-hits{ position: relative; margin: 8px 0 0; }
.lk3-since{ margin: -6px 0 0; font: 600 var(--fs-1) var(--body); color: var(--dim); }
.lk3-podium{ display: grid; grid-template-columns: 1fr; gap: 18px 12px; margin-top: 8px; }
@media (min-width: 761px){
.lk3-podium{ grid-template-columns: 1fr 1.12fr 1fr; align-items: end; }
.lk3-pd.is-1{ order: 2; }
.lk3-pd.is-2{ order: 1; }
.lk3-pd.is-3{ order: 3; }
}
.lk3-pd{
  position: relative; display: grid; gap: 10px; justify-items: center; text-align: center; min-width: 0;
  padding: 18px 14px 16px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card);
}
.lk3-pd.is-1{
  padding-top: 24px; border-color: transparent;
  background: linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(160deg, var(--lk-jack), transparent 60%, var(--lk-luck)) border-box;
  box-shadow: 0 22px 48px -26px var(--lk-jack);
}
.lk3-pd.clickable:hover{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.lk3-medal{
  position: absolute; top: -12px; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center;
  font-weight: 800; font-size: var(--fs-3); font-family: var(--cond); background: var(--medal-gold); color: var(--lk-on-medal, #1A1204); box-shadow: 0 0 0 4px var(--panel);
}
.lk3-medal.is-2{ background: var(--medal-silver); }
.lk3-medal.is-3{ background: var(--medal-bronze); }
.lk3 .lk3-pav{ width: 58px; height: 58px; border-radius: 50%; background: var(--row); object-fit: contain; }
.lk3-pname{ max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; font-size: var(--fs-4); font-family: var(--body); color: var(--ink); }
.lk3-pd .lk3-pall{ margin-top: -6px; justify-content: center; max-width: 100%; }
.lk3-pfigs, .lk3-figs{ all: unset; box-sizing: border-box; cursor: pointer; min-width: 0; }
.lk3-pfigs{ display: grid; gap: 10px; justify-items: center; width: 100%; }
.lk3-pfigs:focus-visible, .lk3-figs:focus-visible{ outline: 2px solid var(--gold); outline-offset: 3px; border-radius: var(--r); }
.lk3-dial{ position: relative; width: 150px; height: 84px; }
.lk3-dial svg{ width: 150px; height: 84px; display: block; }
.lk3-dial-track{ fill: none; stroke: var(--rule); stroke-width: 12; stroke-linecap: round; }
.lk3-dial-arc{ fill: none; stroke: var(--lk-luck); stroke-width: 12; stroke-linecap: round; }
.lk3-pd.is-1 .lk3-dial.is-up .lk3-dial-arc{ stroke: var(--lk-jack); }
.lk3-dial.is-down .lk3-dial-arc{ stroke: var(--lk-bad); }
.lk3-dial-v{ position: absolute; left: 0; right: 0; bottom: 2px; text-align: center; }
.lk3-dial-v b{ display: block; font-weight: 800; font-size: var(--fs-5); line-height: 1; font-family: var(--cond); color: var(--lk-luck); }
.lk3-dial.is-down .lk3-dial-v b{ color: var(--lk-bad); }
.lk3-dial-v span{ font-weight: 600; font-size: var(--fs-1); font-family: var(--body); color: var(--mute); text-transform: uppercase; letter-spacing: .08em; }
.lk3-verdict-pill, .lk3-pill{
  display: inline-block; padding: 4px 12px; border-radius: 999px; font-weight: 800; font-size: var(--fs-2); font-family: var(--cond); letter-spacing: .14em; text-transform: uppercase;
  background: var(--lk-luck-soft); color: var(--lk-luck); white-space: nowrap;
}
.lk3-verdict-pill.is-down, .lk3-pill.is-down{ background: var(--lk-bad-soft); color: var(--lk-bad); }
.lk3-rare{ display: grid; gap: 6px; width: 100%; }
.lk3-rchip{
  display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 10px;
  border-radius: var(--r); background: var(--row); font-weight: 600; font-size: var(--fs-2); font-family: var(--body); color: var(--ink); text-align: left;
}
.lk3-x{ font-weight: 800; font-size: var(--fs-3); font-family: var(--cond); padding: 1px 8px; border-radius: 999px; white-space: nowrap; }
.lk3-x.is-hot{ background: var(--lk-jack-soft); color: var(--lk-jack); }
.lk3-x.is-cold{ background: var(--lk-bad-soft); color: var(--lk-bad); }
.lk3-x.is-even{ background: var(--row); color: var(--mute); }
.lk3-small{ font-size: var(--fs-2); font-family: var(--body); color: var(--mute); }
.lk3-rows{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.lk3-lr{
  display: grid; grid-template-columns: 34px 44px minmax(0, 1fr) minmax(0, 2.4fr); gap: 12px; align-items: center;
  padding: 10px 12px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card);
}
.lk3-lr.clickable{ cursor: pointer; }
.lk3-lr.clickable:hover{ border-color: color-mix(in srgb, var(--gold) 45%, var(--rule)); }
.lk3-lr[hidden], .lk3-pd[hidden]{ display: none; }
.lk3-rk{ font-weight: 800; font-size: var(--fs-4); font-family: var(--cond); color: var(--dim); text-align: center; }
.lk3 .lk3-av{ width: 40px; height: 40px; border-radius: 50%; background: var(--row); object-fit: contain; }
.lk3-who{ display: grid; gap: 2px; min-width: 0; }
.lk3-nm{ font-weight: 700; font-size: var(--fs-3); font-family: var(--body); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk3-who .eqb-ally{ font-size: var(--fs-1); }
.lk3-figs{ display: grid; grid-template-columns: minmax(0, 1fr) 120px; gap: 12px; align-items: center; }
.lk3-chips{ display: flex; flex-wrap: wrap; gap: 6px; }
.lk3-ch{
  display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 999px; background: var(--row);
  font-weight: 600; font-size: var(--fs-2); font-family: var(--body); color: var(--ink); white-space: nowrap;
}
.lk3-ch .lk3-x{ font-size: var(--fs-2); padding: 0 6px; }
.lk3-bar{ display: grid; gap: 4px; }
.lk3-track{ position: relative; height: 8px; border-radius: 999px; background: var(--rule); overflow: hidden; }
.lk3-track i{ position: absolute; left: 0; top: 0; bottom: 0; border-radius: 999px; background: linear-gradient(90deg, var(--lk-luck), var(--lk-jack)); }
.lk3-bar.is-down .lk3-track i{ background: linear-gradient(90deg, var(--lk-jack), var(--lk-bad)); }
.lk3-bar-label{ font-weight: 600; font-size: var(--fs-1); font-family: var(--body); color: var(--lk-luck); text-align: right; }
.lk3-bar.is-down .lk3-bar-label{ color: var(--lk-bad); }
@media (max-width: 760px){
.lk3-lr{ grid-template-columns: 28px 40px minmax(0, 1fr); gap: 8px 10px; }
.lk3-lr .lk3-figs{ grid-column: 1 / -1; grid-template-columns: 1fr; gap: 8px; }
}
dialog.lkd{ width: min(960px, calc(100vw - 24px)); max-height: min(90vh, 980px); }
.lk3-bd{ display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 14px; }
@media (max-width: 820px){
.lk3-bd{ grid-template-columns: 1fr; }
}
.lk3-big{
  display: grid; justify-items: center; align-content: start; align-self: start; gap: 10px; text-align: center; padding: 18px 14px; min-width: 0;
  border-radius: var(--r-lg); border: 1px solid var(--rule);
  background: radial-gradient(100% 120% at 50% 0%, var(--lk-luck-soft), transparent 70%), var(--panel);
}
.lk3-bd.is-down .lk3-big{ background: radial-gradient(100% 120% at 50% 0%, var(--lk-bad-soft), transparent 70%), var(--panel); }
.lk3-verdict{ margin: 0; font-style: italic; font-weight: 800; font-size: clamp(28px, 4vw, 34px); line-height: .95; font-family: var(--cond); text-transform: uppercase; color: var(--ink); }
.lk3-sub{ margin: 0; font-weight: 600; font-size: var(--fs-2); font-family: var(--body); color: var(--mute); }
.lk3-dist{ width: 100%; min-height: 40px; }
.lk3-graph{ width: 100%; height: auto; display: block; overflow: visible; }
.lk3-bin.is-flat{ fill: var(--rule); }
.lk3-bin.is-up{ fill: var(--lk-luck); opacity: .6; }
.lk3-bin.is-down{ fill: var(--lk-bad); opacity: .55; }
.lk3-bin.is-me{ fill: var(--lk-jack); }
.lk3-graph.is-math .lk3-bin.is-up, .lk3-graph.is-math .lk3-bin.is-down{ opacity: .45; }
.lk3-base{ stroke: var(--rule); }
.lk3-marker{ stroke: var(--lk-jack); stroke-width: 2; stroke-dasharray: 3 3; }
.lk3-marker-label{ fill: var(--lk-jack); font-weight: 700; font-size: var(--fs-1); font-family: var(--body); }
.lk3-axis{ fill: var(--dim); font-size: var(--fs-1); font-family: var(--body); }
.lk3-curve{ fill: none; stroke: var(--gold); stroke-width: 2; }
.lk3-tick{ stroke: var(--dim); }
.lk3-tick-label{ fill: var(--dim); font-size: var(--fs-1); font-family: var(--mono); }
.lk3-badge-line{ stroke-dasharray: 2 4; opacity: .7; }
.lk3-badge-line.is-up{ stroke: var(--lk-luck); }
.lk3-badge-line.is-down{ stroke: var(--lk-bad); }
.lk3-card{
  display: grid; gap: 10px; align-content: start; min-width: 0; padding: 14px;
  border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule);
}
.lk3-levels{ display: grid; gap: 4px; }
.lk3-level{ border-radius: var(--r-lg); }
.lk3-level-sum{
  list-style: none; cursor: pointer; display: grid; grid-template-columns: 70px minmax(0, 1fr) 92px 16px; gap: 12px; align-items: center;
  padding: 8px 8px 20px; border-radius: var(--r-lg);
}
.lk3-level-sum::-webkit-details-marker{ display: none; }
.lk3-level-sum:hover, .lk3-level[open] > .lk3-level-sum{ background: var(--row); }
.lk3-level.is-headline > .lk3-level-sum{ background: var(--lk-jack-soft); }
.lk3-level-sum:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.lk3-level-sum .lk3-marks{ font-size: var(--fs-3); }
.lk3-lane{ position: relative; height: 28px; border-radius: var(--r); background: var(--row); }
.lk3-level[open] .lk3-lane, .lk3-level.is-headline .lk3-lane{ background: var(--bg); }
.lk3-lane-got{ position: absolute; left: 0; top: 0; bottom: 0; border-radius: var(--r); }
.lk3-lane-got.is-t5{ background: var(--lk-t5); }
.lk3-lane-got.is-t4{ background: var(--lk-t4); }
.lk3-lane-got.is-t3{ background: var(--lk-t3); }
.lk3-lane-got.is-t2{ background: var(--lk-t2); }
.lk3-lane-got.is-t1{ background: var(--lk-t1); }
.lk3-lane-exp{ position: absolute; top: -3px; bottom: -3px; width: 3px; margin-left: -1px; background: var(--ink); opacity: .8; }
.lk3-lane-exp::after{ content: "expected"; position: absolute; top: calc(100% + 1px); left: 50%; transform: translateX(-50%); font-weight: 600; font-size: var(--fs-1); font-family: var(--body); color: var(--mute); white-space: nowrap; }
.lk3-lane-n{ position: absolute; left: 10px; top: 0; bottom: 0; display: flex; align-items: center;  font-weight: 700; font-size: var(--fs-2); font-family: var(--mono); color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.7); }
.lk3-res{ text-align: right; }
.lk3-res .lk3-x{ font-size: var(--fs-4); background: none; padding: 0; }
.lk3-res-exp{ display: block; font-size: var(--fs-1); font-family: var(--body); color: var(--dim); }
.lk3-chev{ font-weight: 700; font-size: var(--fs-3); font-family: var(--body); color: var(--dim); transition: transform .2s; }
.lk3-level[open] .lk3-chev{ transform: rotate(90deg); }
.lk3-drop{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 10px 6px 6px; }
@media (max-width: 620px){
.lk3-drop{ grid-template-columns: 1fr; }
.lk3-level-sum{ grid-template-columns: 58px minmax(0, 1fr) 76px 12px; gap: 8px; }
}
.lk3-col{ display: grid; gap: 6px; align-content: start; min-width: 0; }
.lk3-col-h{ margin: 0; font-weight: 800; font-size: var(--fs-1); font-family: var(--cond); letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
.lk3-none{ margin: 0; font-size: var(--fs-2); font-family: var(--body); color: var(--mute); }
.lk3-it{
  display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: var(--r); min-width: 0;
  background: var(--panel); border: 1px solid var(--rule); color: var(--ink); text-decoration: none;
}
.lk3-it:hover{ border-color: var(--gold); }
.lk3-it.is-got{ border-color: color-mix(in srgb, var(--lk-luck) 70%, var(--rule)); }
.lk3-it.is-miss{ opacity: .78; }
.lk3-it-art{ flex: none; width: 30px; height: 30px; display: grid; place-items: center; }
.lk3-it-art img{ width: 30px; height: 30px; object-fit: contain; }
.lk3-it-name{ flex: 1; min-width: 0; font-weight: 600; font-size: var(--fs-2); font-family: var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk3-it-q{ flex: none; font-weight: 600; font-size: var(--fs-1); font-family: var(--body); color: var(--mute); }
.lk3-it.is-got .lk3-it-q{ color: var(--lk-luck); }
.lk3-tabs{ border-top: 1px solid var(--rule); padding-top: 12px; display: grid; gap: 10px; }
.lk3-tabbar{ display: flex; flex-wrap: wrap; gap: 6px; }
.lk3-tab{
  font-weight: 700; font-size: var(--fs-2); font-family: var(--body); padding: 6px 12px; border-radius: 999px; border: 1px solid var(--rule);
  background: none; color: var(--mute); cursor: pointer;
}
.lk3-tab[aria-selected="true"]{ background: var(--gold); border-color: var(--gold); color: var(--bg); }
.lk3-tab:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.lk3-pane[hidden]{ display: none; }
.lk3-how p{ margin: 0 0 10px; font-size: var(--fs-3); line-height: 1.6; max-width: 62ch; color: var(--ink); }
.lk3-how .lk3-note, .lk3-note{ font-size: var(--fs-2); color: var(--mute); margin: 0; }
.lk3-kv{ display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; }
.lk3-kv-tile{ background: var(--row); border-radius: var(--r); padding: 8px 10px; }
.lk3-kv-tile b{ display: block; font-weight: 800; font-size: var(--fs-4); font-family: var(--cond); color: var(--ink); }
.lk3-kv-tile span{ font-size: var(--fs-1); font-family: var(--body); color: var(--dim); text-transform: uppercase; letter-spacing: .06em; }
.lk3-dist.is-math{ margin-top: 12px; }
.lk3-cap, .lk3-lead{ margin: 6px 0 0; font-size: var(--fs-2); font-family: var(--body); color: var(--mute); }
.lk3-fx{ margin: 12px 0 0; display: grid; grid-template-columns: minmax(0, max-content) minmax(0, 1fr); gap: 6px 14px; font-size: var(--fs-2); }
.lk3-fx > div{ display: contents; }
.lk3-fx dt{ font-weight: 700; color: var(--ink); }
.lk3-fx dd{ margin: 0; color: var(--mute); }
.lk3-method{ display: inline-block; margin-top: 12px; font-weight: 700; font-size: var(--fs-2); font-family: var(--body); color: var(--gold); }
button.rluck.lkb-open{ cursor: pointer; font: inherit; text-align: left; }
@media (max-width: 420px){
.lk3-hero{ padding: 16px 14px; }
.lk3 .lk3-seg button{ padding: 7px 10px; }
}
.lk3-verdict-pill.is-mid, .lk3-pill.is-mid{ background: var(--row); color: var(--ink); box-shadow: inset 0 0 0 1px var(--rule); }
.lk3-pill[hidden]{ display: none; }
.lk3-bd.is-mid .lk3-big{ background: radial-gradient(100% 120% at 50% 0%, color-mix(in srgb, var(--ink) 7%, transparent), transparent 70%), var(--panel); }
.lk3-dial.is-mid .lk3-dial-arc{ stroke: var(--mute); }
.lk3-dial.is-mid .lk3-dial-v b{ color: var(--ink); }
.lk3-bar.is-mid .lk3-track i{ background: linear-gradient(90deg, var(--rule), var(--mute)); }
.lk3-bar.is-mid .lk3-bar-label{ color: var(--mute); }
.lkdist-player.is-loading{ opacity: .7; }
.lkdist-chart{ position: relative; background: radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 6%, transparent), transparent 70%), var(--row); }
.lkdist-stop-flat{ stop-color: color-mix(in srgb, var(--ink) 55%, var(--row)); }
.lkdist-stop-up{ stop-color: var(--lk-luck); }
.lkdist-stop-down{ stop-color: var(--lk-bad); }
.lkdist-stop-me{ stop-color: var(--lk-jack); }
.lkdist-stop-curve{ stop-color: var(--gold); }
.lkdist-bar, .lkdist-bar.is-up, .lkdist-bar.is-down{ fill-opacity: 1; cursor: pointer; transition: fill-opacity .15s; }
.lkdist-bar.is-hot, .lkdist-bar:hover{ fill-opacity: .78; }
.lkdist-bar.is-me{ stroke: var(--lk-jack); stroke-width: 1; }
.lkdist-zone-label{ font: 800 var(--fs-1)/1 var(--cond); letter-spacing: .1em; text-transform: uppercase; }
.lkdist-zone-label.is-up{ fill: var(--lk-luck); }
.lkdist-zone-label.is-down{ fill: var(--lk-bad); }
.lkdist-zone-sd{ fill: var(--dim); font: 500 var(--fs-1)/1 var(--mono); }
.lkdist-curve-fill{ stroke: none; }
.lkdist-tier{ stroke: var(--mute); }
.lkdist-mark{ stroke: var(--lk-jack); stroke-width: 3; stroke-linecap: round; }
.lkdist-mark-dot{ fill: var(--lk-jack); stroke: var(--row); stroke-width: 2; }
.lkdist-mark-pill rect{ fill: var(--lk-jack); }
.lkdist-mark-pill .lkdist-mark-label{ fill: var(--lk-on-jack, #1A1204); stroke: none; font: 800 var(--fs-1)/1 var(--body); }
.lkdist-tip-box{ fill: var(--panel); stroke: var(--rule); }
.lkdist-tip-text{ fill: var(--ink); font: 600 var(--fs-1)/1 var(--body); }
.lkdist-swatch.is-bar{ background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 55%, var(--row)), color-mix(in srgb, var(--ink) 20%, var(--row))); }
@media (prefers-reduced-motion: no-preference){
.lkdist-svg.is-grow .lkdist-bar{ transform-box: fill-box; transform-origin: 50% 100%; animation: lkdist-grow .6s cubic-bezier(.2, .8, .2, 1) both; }
.lk3-graph.is-grow .lk3-bin{ transform-box: fill-box; transform-origin: 50% 100%; animation: lkdist-grow .5s cubic-bezier(.2, .8, .2, 1) both; }
}
@keyframes lkdist-grow{ from { transform: scaleY(0); } to { transform: scaleY(1); } }
.lk3-bin{ cursor: default; }
.lk3-bin.is-me{ filter: drop-shadow(0 0 4px var(--lk-jack)); }
.lk3-zone.is-up{ fill: var(--lk-luck); }
.lk3-zone.is-down{ fill: var(--lk-bad); }
.lk3-zone{ opacity: .1; }
.lk3-zone.is-strong{ opacity: .18; }
.lk3-curve-fill{ fill: var(--gold); opacity: .12; stroke: none; }
.lk3-marker{ stroke-width: 2.5; stroke-dasharray: none; }
.lk3-marker-pill rect{ fill: var(--lk-jack); }
.lk3-marker-pill text{ fill: var(--lk-on-jack, #1A1204); font: 800 var(--fs-1)/1 var(--body); }
.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); }
.lk3 .lk3-suggest{ flex: 1 1 100%; list-style: none; margin: 0; padding: 6px; display: grid; gap: 2px; border-radius: var(--r-lg); background: var(--panel); border: 1px solid var(--rule); box-shadow: var(--shadow-card); }
.lk3 .lk3-suggest[hidden]{ display: none; }
.lk3-sug{ all: unset; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: var(--r); cursor: pointer; }
.lk3-sug:hover, .lk3-sug:focus-visible{ background: var(--row); }
.lk3-sug:focus-visible{ outline: 2px solid var(--gold); outline-offset: 1px; }
.lk3-sug-name{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 var(--fs-3)/1.2 var(--body); color: var(--ink); }
.lk3-sug-tag{ flex: none; padding: 2px 9px; border-radius: 999px; background: var(--row); color: var(--mute); font: 700 var(--fs-1)/1.4 var(--body); white-space: nowrap; }
.lk3-sug-tag.is-on{ background: var(--lk-jack-soft); color: var(--lk-jack); }
.lk3-pd.is-found, .lk3-lr.is-found{ border-color: var(--lk-jack); box-shadow: 0 0 0 3px var(--lk-jack-soft), var(--shadow-card); transition: box-shadow .3s, border-color .3s; }
.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; }
.mx-row-body .mt{ content-visibility: auto; contain-intrinsic-size: auto 260px; }
.eqb-list > .eqb-row{ content-visibility: auto; contain-intrinsic-size: auto 69px; }
.wrap > .rh-more, .ladder-host > .rh-more{ display: block; margin: 12px auto 4px; min-height: 40px; padding: 0 22px; }
.ux.pb-cards > .rh-more, .eqb > .rh-more, .mx-row-body > .rh-more{ display: block; margin: 12px auto 4px; min-height: 40px; padding: 0 22px; }