@charset "UTF-8";
:root,
[data-theme=light] {
  color-scheme: light;
  --sys-color-bg: #EAE4D7;
  --sys-color-surface: rgba(255, 255, 255, 0.8);
  --sys-color-surface-solid: #FBFAF7;
  --surface-current: #FBFAF7;
  --sys-surface-grouped: #F7F4ED;
  --sys-surface-elevated: #F2EBDC;
  --sys-surface-secondary-tint: #D4C9AF;
  --sys-surface-primary-tint: #E3F2FD;
  --sys-surface-textured: #F2EBDC;
  --sys-surface-homeplate: #FFFFFF;
  --sys-surface-texture-ink: rgba(93, 80, 50, 0.14);
  --sys-tier-promotion-bg: #DCF2DE;
  --sys-tier-promotion-edge: #3D8B40;
  --sys-tier-playoff-bg: #FBEECD;
  --sys-tier-playoff-edge: #A66F00;
  --sys-tier-relegation-bg: #F8DFDF;
  --sys-tier-relegation-edge: #C0392B;
  --sys-result-win: #005F8F;
  --sys-result-loss: #8A3F00;
  --sys-result-tie: #5F5A50;
  --sys-featured-gotd-bg: #F8EDD2;
  --sys-featured-gotd-edge: #9A6A00;
  --sys-featured-rivalry-bg: #D8F1F2;
  --sys-featured-rivalry-edge: #087C82;
  --sys-marker-new-bg: #E1EBD8;
  --sys-marker-new-text: #2E5F18;
  --sys-marker-update-bg: #F6DFE1;
  --sys-marker-update-text: #7D2933;
  --sys-marker-vintage-bg: #E0E1E5;
  --sys-marker-vintage-text: #343844;
  --sys-marker-archive-bg: #E1E6EC;
  --sys-marker-archive-text: #4B5F78;
  --sys-marker-future-bg: #D8EAEC;
  --sys-marker-future-text: #005F68;
  --sys-marker-throwback-bg: #E9DFF0;
  --sys-marker-throwback-text: #5F2785;
  --sys-marker-nsfw-bg: #F2DEDC;
  --sys-marker-nsfw-text: #862B23;
  --sys-league-independent: #1F702F;
  --sys-vintage-bg: #ECEBED;
  --sys-vintage-active-bg: #DFDDE3;
  --sys-vintage-accent: #006397;
  --sys-color-primary: #006397;
  --sys-color-on-primary: #FFFFFF;
  --sys-color-secondary: #D4C9AF;
  --sys-color-tertiary: #5D5032;
  --sys-color-text-primary: #222222;
  --sys-color-text-secondary: #444444;
  --sys-color-text-muted: #6C6659;
  --sys-color-link: #006397;
  --sys-color-border: #D4C9AF;
  --sys-color-border-strong: #A68F59;
  --sys-color-success: #2E7D32;
  --sys-color-success-text: #2B742E;
  --sys-color-warning: #967000;
  --sys-color-warning-text: #816100;
  --sys-color-error: #C62828;
  --sys-color-error-text: #C42828;
  --sys-color-info: #007CBF;
  --sys-color-info-text: #006BA5;
  --sys-color-on-status: #FFFFFF;
  --sys-color-info-subtle: #e2edf1;
  --sys-color-success-subtle: #e7eee3;
  --sys-color-warning-subtle: #f1ecde;
  --sys-color-error-subtle: #f6e5e2;
  --sys-color-skeleton: #e6dfcf;
  --sys-color-hover: rgba(34, 34, 34, 0.06);
  --sys-color-press: rgba(34, 34, 34, 0.1);
  --sys-color-highlight: rgba(0, 99, 151, 0.12);
  --sys-color-selected: #e8e2d3;
  --sys-color-scrim: rgba(34, 34, 34, 0.4);
  --sys-color-input-bg: #FFFFFF;
  --sys-color-disabled-surface: #F2EEE6;
  --sys-color-disabled-border: #E0D8C6;
  --sys-color-disabled-text: #A9A290;
  --sys-color-disabled-button: transparent;
  --sys-color-switch-track: #D4C9AF;
  --sys-color-switch-knob: #FFFFFF;
  --sys-color-switch-knob-on: #FFFFFF;
  --table-head-bg: rgba(255, 255, 255, 0.5);
  --table-head-text: #6C6659;
  --table-rule-top: #2A2D34;
  --table-rule-head: #2A2D34;
  --table-rule-row: #e8e2d3;
  --table-total-bg: #efebe1;
  --table-vintage-bg: #ebf0e7;
  --table-vintage-active-bg: #dae6d7;
  --focus-color: #006397;
  --shell-bar1-bg: #006397;
  --shell-bar1-text: #FFFFFF;
  --shell-bar1-hover: rgba(255, 255, 255, 0.14);
  --shell-bar1-badge-bg: #FFFFFF;
  --shell-bar1-badge-text: #006397;
  --shell-bar2-bg: #D4C9AF;
  --shell-bar2-text: #444444;
  --shell-bar2-hover: rgba(34, 34, 34, 0.08);
  --shell-thumb-bg: rgba(255, 255, 255, 0.9);
}

[data-theme=dark] {
  color-scheme: dark;
  --sys-color-bg: #0F1418;
  --sys-color-surface: rgba(24, 33, 42, 0.8);
  --sys-color-surface-solid: #161E26;
  --surface-current: #161E26;
  --sys-surface-grouped: #18212A;
  --sys-surface-elevated: #1C2530;
  --sys-surface-secondary-tint: #1A2329;
  --sys-surface-primary-tint: #0A1E2E;
  --sys-surface-textured: #1C2530;
  --sys-surface-homeplate: #2F3438;
  --sys-surface-texture-ink: rgba(255, 255, 255, 0.10);
  --sys-tier-promotion-bg: #1E3524;
  --sys-tier-promotion-edge: #4FA855;
  --sys-tier-playoff-bg: #382E17;
  --sys-tier-playoff-edge: #D9A227;
  --sys-tier-relegation-bg: #3A2021;
  --sys-tier-relegation-edge: #D2564B;
  --sys-result-win: #70C7F4;
  --sys-result-loss: #FFB56B;
  --sys-result-tie: #B8C0C7;
  --sys-featured-gotd-bg: #332A17;
  --sys-featured-gotd-edge: #E1B34A;
  --sys-featured-rivalry-bg: #173238;
  --sys-featured-rivalry-edge: #36C2C7;
  --sys-marker-new-bg: #243321;
  --sys-marker-new-text: #A8D787;
  --sys-marker-update-bg: #39242A;
  --sys-marker-update-text: #F2A4AD;
  --sys-marker-vintage-bg: #282C35;
  --sys-marker-vintage-text: #D7DAE2;
  --sys-marker-archive-bg: #29323D;
  --sys-marker-archive-text: #B8C5D3;
  --sys-marker-future-bg: #173238;
  --sys-marker-future-text: #73D1D6;
  --sys-marker-throwback-bg: #2D2038;
  --sys-marker-throwback-text: #CDA6E8;
  --sys-marker-nsfw-bg: #382322;
  --sys-marker-nsfw-text: #F0A49E;
  --sys-league-independent: #6FD47C;
  --sys-vintage-bg: #20242D;
  --sys-vintage-active-bg: #2A2F3A;
  --sys-vintage-accent: #6FC3FF;
  --sys-color-primary: #6FC3FF;
  --sys-color-on-primary: #0F1418;
  --sys-color-secondary: #1A2329;
  --sys-color-tertiary: #0B2A33;
  --sys-color-text-primary: #F5F7FA;
  --sys-color-text-secondary: #8F9AA7;
  --sys-color-text-muted: #778693;
  --sys-color-link: #6FC3FF;
  --sys-color-border: #2A3440;
  --sys-color-border-strong: #556A82;
  --sys-color-success: #81C784;
  --sys-color-success-text: #81C784;
  --sys-color-warning: #FFD54F;
  --sys-color-warning-text: #FFD54F;
  --sys-color-error: #E57373;
  --sys-color-error-text: #E57373;
  --sys-color-info: #6FC3FF;
  --sys-color-info-text: #6FC3FF;
  --sys-color-on-status: #0F1418;
  --sys-color-info-subtle: #223544;
  --sys-color-success-subtle: #253633;
  --sys-color-warning-subtle: #37382c;
  --sys-color-error-subtle: #332a31;
  --sys-color-skeleton: #242d38;
  --sys-color-hover: rgba(245, 247, 250, 0.06);
  --sys-color-press: rgba(0, 0, 0, 0.16);
  --sys-color-highlight: rgba(111, 195, 255, 0.12);
  --sys-color-selected: #0B2A33;
  --sys-color-scrim: rgba(0, 0, 0, 0.6);
  --sys-color-input-bg: #18212A;
  --sys-color-disabled-surface: #141A20;
  --sys-color-disabled-border: #1E2730;
  --sys-color-disabled-text: #4A5561;
  --sys-color-disabled-button: #141A20;
  --sys-color-switch-track: #2A3440;
  --sys-color-switch-knob: #8F9AA7;
  --sys-color-switch-knob-on: #0F1418;
  --table-head-bg: rgba(255, 255, 255, 0.03);
  --table-head-text: #8F9AA7;
  --table-rule-top: #556A82;
  --table-rule-head: #404f61;
  --table-rule-row: #2A3440;
  --table-total-bg: #202933;
  --table-vintage-bg: #212f2f;
  --table-vintage-active-bg: #293c37;
  --focus-color: #6FC3FF;
  --shell-bar1-bg: #0B2A33;
  --shell-bar1-text: #FFFFFF;
  --shell-bar1-hover: rgba(255, 255, 255, 0.1);
  --shell-bar1-badge-bg: #6FC3FF;
  --shell-bar1-badge-text: #0F1418;
  --shell-bar2-bg: #1A2329;
  --shell-bar2-text: #F5F7FA;
  --shell-bar2-hover: rgba(245, 247, 250, 0.08);
  --shell-thumb-bg: rgba(255, 255, 255, 0.9);
}

[data-theme] {
  background-color: var(--sys-color-bg);
  color: var(--sys-color-text-primary);
}

:root {
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --font-accent: "Lato", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-small: 4px;
  --radius: 8px;
  --radius-sheet: 16px;
  --radius-pill: 999px;
  --elevation-1: 2px;
  --elevation-2: 3px;
  --elevation-3: 4px;
  --elevation-4: 6px;
  --elevation-0: 1px;
  --elevation-flat: 1px;
  --elevation-surface: 2px;
  --elevation-overlay: 3px;
  --elevation-modal: 4px;
  --elevation-blocking: 6px;
  --chart-1: #6D4C91;
  --chart-1-pale: #C8A9E5;
  --chart-2: #00796B;
  --chart-2-pale: #58C7B4;
  --chart-3: #8A5A00;
  --chart-3-pale: #E6B65C;
  --chart-4: #B6426B;
  --chart-4-pale: #EA8FB3;
  --chart-5: #4D6F24;
  --chart-5-pale: #A9CE68;
  --chart-6: #5B5BD6;
  --chart-6-pale: #9BA8FF;
  --chart-7: #8B4A3C;
  --chart-7-pale: #D9998C;
  --chart-8: #3F6F7E;
  --chart-8-pale: #8FC2D1;
  --chart-seq-1: #ECE8F3;
  --chart-seq-2: #D6CBE6;
  --chart-seq-3: #B9A6D3;
  --chart-seq-4: #967DB9;
  --chart-seq-5: #73569F;
  --chart-seq-6: #51377F;
  --chart-div-1: #8E3B46;
  --chart-div-2: #BD6A70;
  --chart-div-3: #E3AEB0;
  --chart-div-4: #DDD8CC;
  --chart-div-5: #AFC6C2;
  --chart-div-6: #6F9F98;
  --chart-div-7: #2F6F69;
  --focus-width: 2px;
  --focus-offset: 2px;
  --bar1-h: 72px;
  --bar2-h: 56px;
  --phone-bar-h: 56px;
  --tabbar-h: 56px;
  --container-max: 1800px;
  --grid-columns: 4;
  --grid-gap: 12px;
  --page-pad: 16px;
  --card-pad: 16px;
  --control-h: 38px;
  --control-pad-y: 10px;
  --control-pad-x: 14px;
  --control-gap: 10px;
  --control-touch: 40px;
  --switch-h: 20px;
  --icon-size: 20px;
  --z-bar: 100;
  --z-panel: 200;
  --z-scrim: 300;
  --z-sheet: 400;
  --z-tabbar: 450;
  --z-modal: 500;
  --z-toast: 600;
}
@media (max-width: 899.98px) {
  :root {
    --control-h: 46px;
    --control-pad-y: 12px;
    --control-pad-x: 20px;
    --control-gap: 12px;
    --control-touch: 48px;
    --switch-h: 24px;
    --icon-size: 24px;
  }
}
@media (min-width: 600px) {
  :root {
    --grid-columns: 8;
    --grid-gap: 16px;
    --page-pad: 32px;
    --card-pad: 24px;
  }
}
@media (min-width: 1200px) {
  :root {
    --grid-columns: 12;
    --grid-gap: 24px;
    --page-pad: 64px;
  }
}

[data-density=compact] {
  --control-h: 32px;
  --control-pad-y: 6px;
  --control-pad-x: 12px;
  --control-gap: 8px;
  --control-touch: 32px;
  --switch-h: 16px;
  --icon-size: 16px;
}

[data-density=default] {
  --control-h: 38px;
  --control-pad-y: 10px;
  --control-pad-x: 14px;
  --control-gap: 10px;
  --control-touch: 40px;
  --switch-h: 20px;
  --icon-size: 20px;
}

[data-density=comfortable] {
  --control-h: 46px;
  --control-pad-y: 12px;
  --control-pad-x: 20px;
  --control-gap: 12px;
  --control-touch: 48px;
  --switch-h: 24px;
  --icon-size: 24px;
}

[data-focus=inverse] {
  --focus-color: #FFFFFF;
  --focus-width: 2.5px;
  --focus-offset: 1px;
}

[aria-invalid=true] {
  --focus-color: var(--sys-color-error);
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
}

h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
  margin: 0;
}

img, svg, video, canvas {
  display: block;
  max-width: 100%;
}

img {
  height: auto;
}

input, button, textarea, select {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
}

[hidden] {
  display: none !important;
}

:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

body {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--sys-color-text-primary);
  background: var(--sys-color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4 {
  color: var(--sys-color-text-primary);
}

h1 {
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: 36px;
  line-height: 1.25;
  letter-spacing: -0.5px;
}

h2 {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
  letter-spacing: 0;
}

h3 {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
}

h4 {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
}

p {
  color: var(--sys-color-text-secondary);
}

a {
  color: var(--sys-color-link);
  text-underline-offset: 2px;
}

code, kbd, samp {
  font-family: var(--font-mono);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}

.layout-container {
  width: 100%;
  max-width: calc(var(--container-max) + 2 * var(--page-pad));
  margin-inline: auto;
  padding-inline: var(--page-pad);
  display: flow-root;
}

.layout-main {
  padding-bottom: var(--space-7);
}

.layout-grid {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

@media (min-width: 900px) {
  .layout-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 600px) {
  .layout-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .layout-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 600px) {
  .layout-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 900px) {
  .layout-grid-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .layout-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.layout-columns {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
}
.layout-columns > * {
  grid-column: span var(--span-mobile, 4);
}
@media (min-width: 600px) {
  .layout-columns > * {
    grid-column: span var(--span-tablet, 8);
  }
}
@media (min-width: 1200px) {
  .layout-columns > * {
    grid-column: span var(--span-desktop, 12);
  }
}

.layout-rail {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}
@media (min-width: 1200px) {
  .layout-rail {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 24%);
  }
}

@media (min-width: 1200px) {
  .layout-rail-wide {
    grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr);
  }
}

.layout-stack,
.layout-rail-main {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
.layout-stack > .sheet,
.layout-rail-main > .sheet {
  margin-bottom: 0;
}
.layout-stack > .sheet h4,
.layout-rail-main > .sheet h4 {
  margin-bottom: var(--space-3);
}

.layout-rail-main {
  min-width: 0;
}

.layout-rail-side {
  display: grid;
  gap: var(--grid-gap);
  align-items: start;
  min-width: 0;
}
.layout-rail-side > .card {
  --card-pad: var(--space-4);
}

@media (max-width: 899.98px) {
  body {
    padding-bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom));
  }
}

.shell-skip {
  position: absolute;
  left: var(--space-4);
  top: -64px;
  z-index: var(--z-toast);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-small);
  background: var(--sys-color-surface-solid);
  color: var(--sys-color-text-primary);
}
.shell-skip:focus {
  top: var(--space-2);
}

.shell {
  position: relative;
  z-index: var(--z-bar);
}

.shell-inner {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  max-width: calc(var(--container-max) + 2 * var(--page-pad));
  height: 100%;
  margin-inline: auto;
  padding-inline: var(--page-pad);
}

.shell-bar1 {
  --shell-hover: var(--shell-bar1-hover);
  --focus-color: #FFFFFF;
  --focus-width: 2.5px;
  --focus-offset: 1px;
  background: var(--shell-bar1-bg);
  color: var(--shell-bar1-text);
}
.shell-bar1 .shell-inner {
  flex-wrap: wrap;
  min-height: var(--phone-bar-h);
}
@media (min-width: 900px) {
  .shell-bar1 {
    height: var(--bar1-h);
  }
  .shell-bar1 .shell-inner {
    flex-wrap: nowrap;
  }
}

.shell-logo {
  flex: none;
  display: flex;
  align-items: center;
  min-height: var(--control-touch);
  margin-right: var(--space-2);
}
.shell-logo img {
  width: auto;
  height: 32px;
}
@media (min-width: 900px) {
  .shell-logo {
    margin-right: var(--space-4);
  }
  .shell-logo img {
    height: 40px;
  }
}

.shell-identity {
  flex: none;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.shell-thumb {
  flex: none;
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  background: var(--shell-thumb-bg);
}
.shell-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shell-thumb:hover {
  opacity: 0.8;
}

.shell-thumb-logo img {
  object-fit: contain;
}

.shell-avatar {
  flex: none;
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--shell-thumb-bg);
}
.shell-avatar:hover {
  opacity: 0.8;
}

.shell-avatar-image {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.shell-link {
  position: relative;
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--control-touch);
  padding-inline: var(--space-2);
  border: 0;
  border-radius: var(--radius);
  background: none;
  color: inherit;
  font: 600 15px/24px var(--font-serif);
  text-decoration: none;
  white-space: nowrap;
}
.shell-link [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: calc(var(--icon-size) * 0.8);
  line-height: 1;
}
.shell-link:hover, .shell-link[aria-expanded=true] {
  background: var(--shell-hover);
  color: inherit;
  text-decoration: none;
}

.nav-pill {
  display: inline-flex;
  flex: none;
  overflow: hidden;
  border-radius: 4.5px;
  font: 400 12px/18px var(--font-sans);
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.nav-pill span {
  display: block;
  height: 18px;
  min-width: 18px;
  padding: 0 4px;
}
.nav-pill .action {
  background-color: #00466C;
  color: #FFFFFF;
}
.nav-pill .open {
  background-color: #3895C8;
  color: rgba(255, 255, 255, 0.95);
}

.nav-counter {
  display: inline-block;
  flex: none;
  height: 18px;
  min-width: 18px;
  max-width: 36px;
  padding: 0 4px;
  overflow: hidden;
  border-radius: 4.5px;
  background-color: #00466C;
  color: #FFFFFF;
  font: 400 12px/18px var(--font-sans);
  font-variant-numeric: tabular-nums;
  text-align: center;
  text-overflow: ellipsis;
}

.nav-pill,
.nav-counter {
  margin-left: calc(5px - var(--space-2));
}

.nav-counter:empty,
.nav-pill:empty {
  display: none !important;
}

.nav-counter:not(:empty),
.nav-pill:not(:empty) {
  animation: badge-in 240ms cubic-bezier(0.19, 1, 0.22, 1);
}

@keyframes badge-in {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.shell-owner {
  display: none;
}
@media (min-width: 900px) {
  .shell-owner {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: var(--space-1);
    min-width: 0;
    margin-left: var(--space-2);
  }
}

.shell-owner-links {
  display: flex;
  flex: 0 1 auto;
  gap: var(--space-1);
  min-width: 0;
  margin: calc(-1 * var(--space-1));
  padding: var(--space-1);
  overflow: hidden;
}

.shell-overflow {
  position: relative;
  flex: none;
}

.shell-overflow-menu {
  --focus-color: var(--sys-color-primary);
  --focus-width: 2px;
  --focus-offset: 2px;
  position: absolute;
  top: calc(100% + var(--space-3));
  right: 0;
  z-index: var(--z-panel);
  display: none;
  min-width: 256px;
}
body[data-nav-open=overflow] .shell-overflow-menu {
  display: block;
}
.shell-overflow-menu .nav-pill {
  margin-left: auto;
}

.shell-bar1-end {
  flex: none;
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin-left: auto;
}

.shell-quick {
  display: none;
}
@media (min-width: 900px) {
  .shell-quick {
    display: inline-flex;
  }
}

.shell-search {
  position: relative;
  display: none;
  align-items: center;
  width: 160px;
  margin-left: var(--space-2);
}
.shell-search input {
  width: 100%;
  height: var(--control-h);
  padding: var(--control-pad-y) var(--space-7) var(--control-pad-y) calc(var(--control-pad-x) + 16px + var(--control-gap));
  border: 0;
  border-radius: var(--radius);
  background: #FFFFFF;
  color: #222222;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 16px;
}
@media (min-width: 900px) {
  .shell-search input {
    font-size: 14px;
  }
}
.shell-search input::placeholder {
  color: #6C6659;
}
.shell-search input::-webkit-search-cancel-button {
  display: none;
}
.shell-search .fa-magnifying-glass {
  position: absolute;
  left: var(--control-pad-x);
  color: #444444;
  pointer-events: none;
}
@media (min-width: 900px) {
  .shell-search {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .shell-search {
    width: 200px;
  }
}
@media (max-width: 899.98px) {
  body[data-nav-open=search] .shell-search {
    order: 10;
    display: flex;
    flex-basis: 100%;
    width: auto;
    margin: 0 0 var(--space-2);
  }
}

.shell-search-hint {
  position: absolute;
  right: var(--space-2);
  display: none;
  padding: 0 var(--space-1);
  border: 1px solid #D4C9AF;
  border-radius: var(--radius-small);
  color: #6C6659;
  font-family: var(--font-mono);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .shell-search-hint {
    display: block;
  }
}
input:focus ~ .shell-search-hint, input:not(:placeholder-shown) ~ .shell-search-hint {
  display: none;
}

.shell-icon-btn {
  position: relative;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-touch);
  height: var(--control-touch);
  border: 0;
  border-radius: 50%;
  background: none;
  color: inherit;
}
.shell-icon-btn [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: calc(var(--icon-size) * 0.8);
  line-height: 1;
}
.shell-icon-btn:hover, .shell-icon-btn[aria-expanded=true] {
  background: var(--shell-hover);
  color: inherit;
  text-decoration: none;
}
@media (min-width: 900px) {
  .shell-icon-btn {
    display: none;
  }
}

.shell-bar2 {
  --shell-hover: var(--shell-bar2-hover);
  display: none;
  height: var(--bar2-h);
  background: var(--shell-bar2-bg);
  color: var(--shell-bar2-text);
}
@media (min-width: 900px) {
  .shell-bar2 {
    display: block;
  }
}

.shell-date {
  display: none;
  flex: none;
  margin-right: var(--space-4);
  font: 600 15px/24px var(--font-serif);
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .shell-date {
    display: block;
  }
}

.shell-levels {
  flex: none;
  display: flex;
  gap: var(--space-1);
  margin-right: var(--space-4);
}

.shell-track {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
  height: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.shell-track[data-overflow-start] {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 48px);
  mask-image: linear-gradient(to right, transparent, #000 48px);
}
.shell-track[data-overflow-end] {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent);
}
.shell-track[data-overflow-start][data-overflow-end] {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
}
.shell-track::-webkit-scrollbar {
  display: none;
}

.shell-level {
  position: relative;
  display: flex;
}

.shell-dropdown {
  position: absolute;
  top: calc(100% + var(--space-2));
  left: 0;
  z-index: var(--z-panel);
  display: none;
  min-width: 224px;
  max-height: calc(100vh - var(--bar1-h) - var(--bar2-h) - var(--space-4));
  overflow-y: auto;
  padding: var(--space-3);
  border: 1px solid var(--sys-color-border);
  border-bottom-width: var(--elevation-2);
  border-radius: var(--radius);
  background: var(--sys-color-surface-solid);
  color: var(--sys-color-text-primary);
}

.shell-dropdown-title {
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  margin-bottom: var(--space-2);
}

body[data-nav-open=majors] .shell-dropdown[data-panel=majors] {
  display: block;
}

body[data-nav-open=minors] .shell-dropdown[data-panel=minors] {
  display: block;
}

.shell-panel {
  display: none;
  background: var(--sys-color-surface-solid);
  color: var(--sys-color-text-primary);
}
@media (min-width: 900px) {
  .shell-panel {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: var(--z-panel);
    max-height: calc(100vh - var(--bar1-h) - var(--bar2-h));
    overflow-y: auto;
    border-bottom: var(--elevation-2) solid var(--sys-color-border);
  }
}
@media (max-width: 899.98px) {
  .shell-panel {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom));
    z-index: var(--z-sheet);
    max-height: calc(100% - var(--phone-bar-h) - var(--tabbar-h) - env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--sys-color-border);
    border-bottom: 0;
    border-radius: var(--radius-sheet) var(--radius-sheet) 0 0;
  }
}

body[data-nav-open=league] .shell-panel[data-panel=league] {
  display: block;
}

body[data-nav-open=mega] .shell-panel[data-panel=mega] {
  display: block;
}

.shell-panel-inner {
  max-width: calc(var(--container-max) + 2 * var(--page-pad));
  margin-inline: auto;
  padding: var(--space-4) var(--page-pad) var(--space-6);
}
@media (min-width: 900px) {
  .shell-panel-inner {
    padding-top: var(--space-5);
  }
}

.shell-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-4);
}

.shell-panel-title {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
}

.shell-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-touch);
  height: var(--control-touch);
  margin-right: calc(-1 * var(--space-2));
  border: 0;
  border-radius: 50%;
  background: none;
  color: var(--sys-color-text-secondary);
  font-size: 20px;
}
.shell-close:hover {
  background: var(--sys-color-hover);
  color: inherit;
  text-decoration: none;
}

.shell-menu {
  display: grid;
  gap: var(--space-5) var(--space-6);
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 600px) {
  .shell-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 900px) {
  .shell-menu {
    grid-template-columns: repeat(auto-fill, minmax(192px, 1fr));
  }
}

@media (min-width: 900px) {
  .shell-menu-phone {
    display: none;
  }
}

@media (max-width: 899.98px) {
  .shell-menu-desktop {
    display: none;
  }
}

.shell-menu-title {
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  margin-bottom: var(--space-2);
}

.shell-menu-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 600px) {
  .shell-menu-links-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(208px, 1fr));
    column-gap: var(--space-6);
  }
}

.shell-menu-link {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--control-touch);
  margin-inline: calc(-1 * var(--space-2));
  padding-inline: var(--space-2);
  border-radius: var(--radius-small);
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  text-decoration: none;
}
.shell-menu-link [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: calc(var(--icon-size) * 0.8);
  line-height: 1;
  color: var(--sys-color-primary);
}
.shell-menu-link .nav-pill {
  margin-left: auto;
}
.shell-menu-link:hover {
  background: var(--sys-color-hover);
  color: inherit;
  text-decoration: none;
}
.shell-menu-link[aria-current=page] {
  background: var(--sys-color-selected);
  color: var(--sys-color-primary);
  font-weight: 600;
}
@media (min-width: 900px) {
  .shell-menu-link {
    font-family: var(--font-sans);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 500;
  }
  .shell-menu-link[aria-current=page] {
    font-weight: 600;
  }
}

.shell-menu-meta {
  margin-top: var(--space-2);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.shell-scrim {
  display: none;
  position: fixed;
  inset: 0;
  z-index: var(--z-scrim);
  background: var(--sys-color-scrim);
}
@media (max-width: 899.98px) {
  body[data-nav-open=league] .shell-scrim, body[data-nav-open=mega] .shell-scrim {
    display: block;
  }
}

@media (max-width: 899.98px) {
  body[data-nav-open=league],
body[data-nav-open=mega] {
    overflow: hidden;
  }
}

.shell-tabbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-tabbar);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  height: calc(var(--tabbar-h) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  border-top: 1px solid var(--sys-color-border);
  background: var(--sys-color-surface-solid);
}
@media (min-width: 900px) {
  .shell-tabbar {
    display: none;
  }
}

.shell-tab {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border: 0;
  background: none;
  color: var(--sys-color-text-secondary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 500;
  text-decoration: none;
}
.shell-tab [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: calc(24px * 0.8);
  line-height: 1;
}
.shell-tab:hover {
  color: inherit;
  text-decoration: none;
}
.shell-tab[aria-current=page], .shell-tab[data-current], .shell-tab[aria-expanded=true] {
  color: var(--sys-color-primary);
}
.shell-tab .nav-pill {
  position: absolute;
  top: 4px;
  left: calc(50% + 6px);
  box-shadow: 0 0 0 2px var(--sys-color-surface-solid);
}

.page-head {
  padding-top: var(--space-5);
  padding-bottom: var(--space-4);
}
@media (min-width: 900px) {
  .page-head {
    padding-top: var(--space-6);
    padding-bottom: var(--space-5);
  }
}

.page-head:not(:has(.page-eyebrow)) {
  padding-top: var(--space-4);
}
@media (min-width: 900px) {
  .page-head:not(:has(.page-eyebrow)) {
    padding-top: var(--space-5);
  }
}

.page-eyebrow {
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  margin-bottom: var(--space-1);
  color: var(--sys-color-primary);
}

.page-title {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--sys-color-text-primary);
}
@media (min-width: 900px) {
  .page-title {
    font-family: var(--font-serif);
    font-weight: 700;
    font-size: 36px;
    line-height: 1.25;
    letter-spacing: -0.5px;
  }
}

.page-subtitle {
  font-weight: 400;
}

.page-tabs {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  margin-top: var(--space-2);
  overflow-x: auto;
  scrollbar-width: none;
  box-shadow: inset 0 -1px 0 var(--sys-color-border);
}
.page-tabs[data-overflow-start] {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 48px);
  mask-image: linear-gradient(to right, transparent, #000 48px);
}
.page-tabs[data-overflow-end] {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent);
}
.page-tabs[data-overflow-start][data-overflow-end] {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
}
.page-tabs::-webkit-scrollbar {
  display: none;
}
@media (max-width: 899.98px) {
  .page-head > .page-tabs {
    margin-inline: calc(-1 * var(--page-pad));
    padding-inline: var(--page-pad);
  }
}

.page-tab {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--control-touch);
  color: var(--sys-color-text-secondary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: inset 0 -2px 0 transparent;
}
.page-tab [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: calc(var(--icon-size) * 0.8);
  line-height: 1;
}
.page-tab:hover {
  color: var(--sys-color-text-primary);
  box-shadow: inset 0 -2px 0 var(--sys-color-border-strong);
  text-decoration: none;
}
.page-tab[aria-current=page] {
  color: var(--sys-color-primary);
  font-weight: 600;
  box-shadow: inset 0 -2px 0 var(--sys-color-primary);
}
.page-tab[aria-disabled=true] {
  color: var(--sys-color-disabled-text);
  box-shadow: none;
  cursor: not-allowed;
}

.page-tabs-group {
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 10px;
  flex: none;
  margin-left: var(--space-4);
  white-space: nowrap;
}

.pp {
  position: relative;
}

.player-header {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  margin-bottom: var(--space-5);
}
@media (max-width: 899.98px) {
  .player-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
  }
}

.player-header .thumbnail,
.player-header .team-thumbnail {
  flex: none;
  width: 200px;
  height: 200px;
}
.player-header .thumbnail img,
.player-header .team-thumbnail img {
  border-radius: var(--radius);
}
@media (max-width: 899.98px) {
  .player-header .thumbnail,
.player-header .team-thumbnail {
    width: 140px;
    height: 140px;
  }
}

.player-header .thumbnail {
  width: 220px;
  height: 220px;
}

.player-header .information {
  min-width: 0;
  flex: 1 1 auto;
}

.name-first,
.name-last {
  display: inline;
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: 36px;
  line-height: 1.25;
  letter-spacing: -0.5px;
  font-family: var(--font-serif);
}

.name-first {
  font-weight: 700;
}

.name-last {
  font-weight: 300;
}

.name-team {
  margin-top: var(--space-2);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  color: var(--sys-color-text-secondary);
}
.name-team .heavy {
  font-weight: 700;
  color: var(--sys-color-text-primary);
}
.name-team .slash {
  color: var(--sys-color-border-strong);
  padding: 0 var(--space-1);
}
.name-team .other {
  color: var(--sys-color-text-secondary);
}

icons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-4) 0;
}

.flag {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--sys-color-border);
  border-radius: var(--radius-small);
  background: var(--sys-surface-secondary-tint);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  color: var(--sys-color-text-primary);
}
.flag name {
  display: block;
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 9px;
  letter-spacing: 0.09em;
}

.flag-disabled {
  background: var(--sys-color-error-subtle);
  border-color: var(--sys-color-error);
}

.flag-rule6 {
  background: var(--sys-color-warning-subtle);
  border-color: var(--sys-color-warning);
}

.player-header .details {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.player-header .outside {
  margin-top: var(--space-2);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}
.player-header .outside a {
  margin-right: var(--space-3);
}

.titles {
  position: relative;
  min-height: 90px;
  margin-bottom: var(--space-3);
}

.pennant-wrap {
  position: relative;
  display: block;
  float: left;
  height: 1px;
  width: 50px;
}

.team-pennant {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 90px;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--font-sans);
  font-size: 10px;
  color: rgba(255, 255, 255, 0.85);
}
.team-pennant .title {
  font-weight: 600;
  padding-top: 6px;
}
.team-pennant .year {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.3px;
}
.team-pennant .championship,
.team-pennant .legend,
.team-pennant .league,
.team-pennant .division,
.team-pennant .wildcard {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
}
.team-pennant .championship {
  background-image: url(/objects/images/pennant-championship.png);
}
.team-pennant .legend {
  background-image: url(/objects/images/pennant-legend.png);
}
.team-pennant .league {
  background-image: url(/objects/images/pennant-league.png);
}
.team-pennant .division {
  background-image: url(/objects/images/pennant-division.png);
}
.team-pennant .wildcard {
  background-image: url(/objects/images/pennant-wildcard.png);
}

.subnavigation {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: safe center;
  gap: var(--space-5);
  margin-top: var(--space-2);
  margin-bottom: var(--space-5);
  overflow-x: auto;
  scrollbar-width: none;
  box-shadow: inset 0 -1px 0 var(--sys-color-border);
}
.subnavigation[data-overflow-start] {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 48px);
  mask-image: linear-gradient(to right, transparent, #000 48px);
}
.subnavigation[data-overflow-end] {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent);
}
.subnavigation[data-overflow-start][data-overflow-end] {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
}
.subnavigation::-webkit-scrollbar {
  display: none;
}
.subnavigation ul {
  display: contents;
  margin: 0;
  padding: 0;
}
.subnavigation li {
  list-style: none;
}
.subnavigation a {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--control-touch);
  color: var(--sys-color-text-secondary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: inset 0 -2px 0 transparent;
}
.subnavigation a [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: calc(var(--icon-size) * 0.8);
  line-height: 1;
}
.subnavigation a:hover {
  color: var(--sys-color-text-primary);
  box-shadow: inset 0 -2px 0 var(--sys-color-border-strong);
  text-decoration: none;
}
.subnavigation a.on {
  color: var(--sys-color-primary);
  font-weight: 600;
  box-shadow: inset 0 -2px 0 var(--sys-color-primary);
}

.hd3 {
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  padding: var(--space-1) 0;
  margin-bottom: var(--space-2);
}

.card {
  min-width: 0;
  border: 1px solid var(--sys-color-border);
  border-radius: var(--radius);
  background: var(--sys-color-surface);
  border-bottom-width: var(--elevation-overlay);
  --surface-current: var(--sys-color-surface-solid);
}

.card-overline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--card-pad) var(--card-pad) 0;
  font-family: var(--font-mono);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--sys-color-text-muted);
}

.card-status {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  white-space: nowrap;
}

.card-status::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background: currentColor;
}

.card-status-success {
  color: var(--sys-color-success-text);
}

.card-status-warning {
  color: var(--sys-color-warning-text);
}

.card-status-error {
  color: var(--sys-color-error-text);
}

.card-status-info {
  color: var(--sys-color-info-text);
}

.card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--card-pad) var(--card-pad) 0;
}

.card-overline + .card-head {
  padding-top: var(--space-2);
}

.card-title {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
}

.card-subtitle {
  padding: var(--space-1) var(--card-pad) 0;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.card-meta {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.card-body {
  padding: var(--card-pad);
}

.card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-3) var(--card-pad);
  border-top: 1px solid var(--sys-color-border);
  font-family: var(--font-mono);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-muted);
}

.card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: 0 var(--card-pad) var(--card-pad);
}

.card-body + .card-actions {
  padding-top: 0;
}

.card-foot + .card-actions {
  padding-top: var(--card-pad);
}

.card-actions-label {
  padding: 0 var(--card-pad) var(--space-2);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
}

.card-divider {
  height: 1px;
  margin: var(--space-4) 0;
  border: 0;
  background: var(--sys-color-border);
}

.card-head .additional {
  display: inline;
  margin-left: var(--space-2);
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--sys-color-text-muted);
}

.card-head-icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: calc(var(--icon-size) * 0.8);
  line-height: 1;
  color: var(--sys-color-primary);
}

.card-section-title {
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  padding: var(--space-5) 0 var(--space-2);
}
.card-section-title:first-child {
  padding-top: 0;
}

[data-surface=grouped] {
  background: var(--sys-surface-grouped);
  --surface-current: var(--sys-surface-grouped);
}

[data-surface=elevated] {
  background: var(--sys-surface-elevated);
  --surface-current: var(--sys-surface-elevated);
}

[data-surface=secondary-tint] {
  background: var(--sys-surface-secondary-tint);
  --surface-current: var(--sys-surface-secondary-tint);
}

[data-surface=primary-tint] {
  background: var(--sys-surface-primary-tint);
  --surface-current: var(--sys-surface-primary-tint);
}

[data-surface=inverse] {
  background: #1A2535;
  color: #F5F7FA;
  border-color: #2A3440;
  --sys-color-text-primary: #F5F7FA;
  --sys-color-text-secondary: #8F9AA7;
  --sys-color-text-muted: #7F8D99;
  --sys-color-border: #2A3440;
  --sys-color-link: #6FC3FF;
  --focus-color: #FFFFFF;
}

[data-surface=textured],
[data-surface=homeplate] {
  background-color: var(--sys-surface-textured);
  background-image: repeating-linear-gradient(45deg, transparent 0 12px, var(--sys-surface-texture-ink) 12px 13px, transparent 13px 28px), repeating-linear-gradient(-45deg, transparent 0 12px, var(--sys-surface-texture-ink) 12px 13px, transparent 13px 28px);
}

[data-surface=homeplate] {
  background-color: var(--sys-surface-homeplate);
}

[data-surface=secondary-tint] {
  --sys-color-text-muted: #5A554A;
  --sys-color-link: #005A89;
}

[data-theme=dark] [data-surface=grouped] {
  --sys-color-text-muted: #7B8A96;
}
[data-theme=dark] [data-surface=elevated],
[data-theme=dark] [data-surface=textured] {
  --sys-color-text-muted: #7F8D99;
}
[data-theme=dark] [data-surface=secondary-tint] {
  --sys-color-text-muted: #7C8B97;
}
[data-theme=dark] [data-surface=homeplate] {
  --sys-color-text-muted: #919DA8;
  --sys-color-text-secondary: #919CA9;
}

[data-elevation] {
  border: 1px solid var(--sys-color-border);
}

[data-elevation=flat] {
  border-bottom-width: var(--elevation-flat);
}

[data-elevation=surface] {
  border-bottom-width: var(--elevation-surface);
}

[data-elevation=overlay] {
  border-bottom-width: var(--elevation-overlay);
}

[data-elevation=modal] {
  border-bottom-width: var(--elevation-modal);
}

[data-elevation=blocking] {
  border-bottom-width: var(--elevation-blocking);
}

[data-surface=primary-tint][data-elevation=overlay] {
  border-bottom-color: var(--sys-color-primary);
}

.card-mini-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}
@media (max-width: 599.98px) {
  .card-mini-container {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .card-mini-container .card-mini {
    flex-shrink: 0;
    min-width: 76px;
  }
}

.card-mini {
  flex: 1 1 auto;
  min-width: 80px;
  max-width: 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-1);
  padding: var(--space-3);
  border: 1px solid var(--sys-color-border);
  border-bottom-width: var(--elevation-flat);
  border-radius: var(--radius);
  background: var(--sys-surface-elevated);
  text-align: center;
}
.card-mini name {
  display: block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 600;
  color: var(--sys-color-text-muted);
}
.card-mini data {
  display: block;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--sys-color-text-primary);
}
.card-mini sub {
  display: block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--sys-color-text-muted);
  vertical-align: baseline;
}
.card-mini:not(:has(sub)) data {
  margin-top: auto;
  margin-bottom: auto;
}

.card-mini-container .x2 {
  flex: 1 1 auto;
  min-width: 120px;
  max-width: 180px;
}

.team-ballpark {
  position: relative;
  min-height: 342px;
  margin-bottom: var(--space-3);
  border-radius: var(--radius);
  background-repeat: no-repeat;
  background-position: center -240px;
  background-color: var(--sys-surface-homeplate);
}
.team-ballpark .pos {
  position: absolute;
  transform: translate(-50%, -50%);
  padding: var(--space-1);
  border-radius: var(--radius-small);
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFFFFF;
  text-align: center;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  line-height: 1;
}
.team-ballpark .pos-ca {
  top: 86%;
  left: 50%;
}
.team-ballpark .pos-1b {
  top: 60%;
  left: 85%;
}
.team-ballpark .pos-2b {
  top: 46%;
  left: 64%;
}
.team-ballpark .pos-3b {
  top: 60%;
  left: 15%;
}
.team-ballpark .pos-ss {
  top: 46%;
  left: 36%;
}
.team-ballpark .pos-lf {
  top: 23%;
  left: 20%;
}
.team-ballpark .pos-cf {
  top: 18%;
  left: 50%;
}
.team-ballpark .pos-rf {
  top: 23%;
  left: 80%;
}
.team-ballpark .player-circle-mini {
  width: 32px;
  height: 32px;
  margin-bottom: 3px;
}
.team-ballpark .field-rating {
  color: rgba(255, 255, 255, 0.7);
  padding-bottom: 2px;
}
.team-ballpark .field-name {
  display: none;
}
@media (min-width: 1200px) {
  .team-ballpark .field-name {
    display: block;
  }
}
.team-ballpark .excellent {
  background-color: rgba(247, 183, 49, 0.9);
  color: #222222;
}
.team-ballpark .excellent .field-rating {
  color: rgba(34, 34, 34, 0.75);
}
.team-ballpark .unrated {
  background-color: rgba(109, 128, 149, 0.9);
}

.uniform {
  position: relative;
  width: 100%;
}
.uniform .baseline {
  position: relative;
  width: 100%;
}
.uniform .baseline img {
  display: block;
  width: 100%;
  height: auto;
}
.uniform .pinstripes,
.uniform .numbers,
.uniform .custom {
  position: absolute;
  inset: 0;
  display: block;
}
.uniform .pinstripes img,
.uniform .numbers img,
.uniform .custom img {
  display: block;
  width: 100%;
  height: auto;
}

.pos-mate {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  margin-bottom: var(--space-2);
  border: 1px solid var(--sys-color-border);
  border-radius: var(--radius);
  color: inherit;
  text-decoration: none;
  transition: background-color 0.15s ease;
}
.pos-mate:hover {
  background-color: var(--sys-color-hover);
}
.pos-mate .player-circle-mini {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  margin: 0;
}

.pos-mate-meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.25;
}

.pos-mate-name {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  color: var(--sys-color-text-primary);
}

.pos-mate-pos {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-muted);
}

.teammates a {
  display: block;
  padding: var(--space-1) var(--space-4);
}

.dfa-timeline-event {
  display: flex;
  align-items: center;
  padding: var(--space-3);
}
.dfa-timeline-event.year-change {
  border-top: 1px solid var(--sys-color-border);
}

.event-year {
  flex-shrink: 0;
  width: 60px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--sys-color-text-primary);
}

.event-icon {
  flex-shrink: 0;
  width: 40px;
  text-align: center;
  font-size: 18px;
  color: var(--sys-color-text-secondary);
}

.event-text {
  flex: 1;
  min-width: 0;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--sys-color-text-primary);
}

.name-nick {
  display: inline-block;
  margin: 0 var(--space-1) var(--space-2) 0;
  padding: 3px var(--space-2);
  border-radius: var(--radius-small);
  background-color: var(--sys-color-selected);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.thumblarge {
  height: 250px;
  border: 6px solid var(--sys-surface-elevated);
  border-radius: var(--radius);
  background-color: var(--sys-surface-elevated);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: background 0.5s linear;
}

.watchlist-open-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-2) var(--space-2) var(--space-2) 0;
  padding: var(--control-pad-y) var(--control-pad-x);
  border: 1px solid var(--sys-color-border-strong);
  border-radius: var(--radius-small);
  background-color: transparent;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: var(--sys-color-text-primary);
  text-decoration: none;
}
.watchlist-open-button:hover {
  background-image: linear-gradient(var(--sys-color-hover), var(--sys-color-hover));
}

.stat-icon-link {
  color: var(--sys-color-text-muted);
}
.stat-icon-link .fa-duotone {
  display: none;
}
.stat-icon-link:hover {
  color: var(--sys-color-link);
}
.stat-icon-link:hover .fa-light {
  display: none;
}
.stat-icon-link:hover .fa-duotone {
  display: inline-block;
}

.inline-form {
  display: inline;
}

.footnote {
  display: inline-block;
  margin: var(--space-1) 0;
  padding-left: var(--space-2);
  border-left: 6px solid var(--sys-color-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}

.rank-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: var(--space-3) 0;
}

.leaders-toolbar {
  align-items: flex-start;
  row-gap: var(--space-3);
}

.leaders-toolbar-left {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-5);
}

.leaders-toolbar-right {
  flex: 0 0 auto;
}

.rank-filters {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.rank-filters-label {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-muted);
}

.rank-filter,
.rank-select {
  display: inline-block;
  padding: 2px var(--space-2);
  border: 1px solid var(--sys-color-border-strong);
  border-radius: var(--radius-pill);
  background-color: transparent;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  line-height: 18px;
  color: var(--sys-color-text-secondary);
  text-decoration: none;
}

.rank-select {
  width: auto;
  height: auto;
  margin-bottom: 0;
  font-family: var(--font-sans);
}

.rank-filter:hover {
  color: var(--sys-color-text-primary);
}

.rank-filter.active {
  background-color: var(--sys-color-primary);
  border-color: var(--sys-color-primary);
  color: var(--sys-color-on-primary);
}

.leaders-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
}
@media (min-width: 600px) {
  .leaders-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .leaders-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.leaders-grid > .card,
.leaders-grid > .sheet {
  margin-bottom: 0;
}
.leaders-grid .leaders-grid-break {
  grid-column: 1/-1;
  margin-bottom: 0;
}
.leaders-grid .leaders-rank {
  width: 15px;
}
.leaders-grid .leaders-lead {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.leaders-grid .leaders-lead-thumb {
  flex: none;
  width: 50px;
}
.leaders-grid .leaders-lead-name,
.leaders-grid .leaders-lead-total {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
}
.leaders-grid .leaders-empty {
  padding: var(--space-5);
  text-align: center;
  color: var(--sys-color-text-muted);
}

.leaders-multi {
  margin-left: 1px;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  font-weight: 600;
  line-height: 0;
  color: var(--sys-color-text-muted);
}

.filter-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-3) var(--space-4);
  margin-bottom: var(--space-5);
  padding: var(--space-5);
  border-radius: var(--radius);
  background-color: var(--sys-surface-primary-tint);
}
.filter-wrap form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-3) var(--space-4);
  width: 100%;
}
.filter-wrap .fl {
  float: none;
  display: flex;
  flex-direction: column;
  margin-right: 0;
}
.filter-wrap .fl:has(.fl) {
  display: contents;
}
.filter-wrap .sp {
  margin-right: 0;
}
.filter-wrap .cl {
  display: none;
}
.filter-wrap label,
.filter-wrap .light {
  display: block;
  margin-bottom: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--sys-color-text-secondary);
}
.filter-wrap select,
.filter-wrap input[type=text],
.filter-wrap input[type=search] {
  margin-bottom: 0;
}

.ps-rank {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
  font-family: var(--font-sans);
  font-weight: 800;
  text-align: center;
  color: var(--sys-color-text-primary);
}

.ps-rank-overall {
  position: relative;
  display: inline-block;
}

.ps-rank-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  color: var(--sys-color-text-primary);
}

.ps-rank-wreath .fa-wreath-laurel {
  font-size: 34px;
  color: #DAA520;
}

.ps-rank-2 .fa-wreath-laurel,
.ps-rank-3 .fa-wreath-laurel {
  color: var(--sys-color-text-muted);
}

.ps-city {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
  font-family: var(--font-sans);
  font-weight: 800;
  margin-bottom: 3px;
  color: var(--sys-color-text-primary);
}

.ps-nickname {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
  font-family: var(--font-sans);
  font-weight: 400;
  margin-bottom: 3px;
  color: var(--sys-color-text-primary);
}

.ps-prev {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  color: var(--sys-color-text-secondary);
}

.ps-prev-up {
  color: var(--sys-color-success-text);
}

.ps-prev-down {
  color: var(--sys-color-error-text);
}

.ps-change-number {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 600;
}

.powerpoll-days {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: left;
  color: var(--sys-color-text-muted);
}

.movie-watchlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
  padding: var(--space-2);
  border-radius: var(--radius);
  background-color: var(--sys-surface-elevated);
}

.movie-rank {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--space-5);
  margin-bottom: var(--space-2);
  padding: var(--space-5);
  border-radius: var(--radius);
  background-color: var(--sys-surface-elevated);
}
@media (max-width: 1199.98px) {
  .movie-rank {
    flex-wrap: wrap;
    gap: var(--space-4);
  }
}

.movie-poster,
.movie-poster-wrap {
  flex: 0 0 120px;
  max-height: 180px;
  overflow: hidden;
  border-radius: var(--radius);
}

.movie-info {
  flex: 1 1 auto;
  min-width: 0;
}

.movie-review {
  flex: 0 0 240px;
  padding: var(--space-3);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  line-height: 1.4;
}

.movie-scores {
  flex: 0 0 140px;
  padding: var(--space-3);
  border-radius: var(--radius);
  text-align: center;
  background-color: var(--sys-surface-secondary-tint);
}

.movie-title,
.movie-score {
  display: block;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 700;
}

.movie-title {
  padding-bottom: var(--space-3);
}

.movie-score {
  padding-top: var(--space-3);
}

.movie-reviews {
  display: block;
  padding-top: var(--space-3);
  font-weight: 500;
}

.movie-reviewers {
  display: block;
  margin-top: var(--space-3);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.movie-description {
  display: block;
  margin-bottom: var(--space-3);
  max-width: 76ch;
  line-height: 1.5;
}

.movie-quote {
  display: block;
}

.movie-not-reviewed {
  display: inline-block;
  margin-top: var(--space-3);
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-small);
  background-color: var(--sys-color-selected);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}

.inside-alt {
  display: block;
  margin: 0 var(--space-3);
  padding: var(--space-3);
  border-radius: var(--radius);
  background-color: var(--sys-color-warning-subtle);
}

.statistics-movies {
  position: absolute;
  top: 24px;
  right: 36px;
}

.bucket-3 {
  background-color: var(--sys-surface-primary-tint);
}

.todolist {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.team-edit {
  display: none;
}

.bucket-4 {
  background-color: var(--sys-color-surface);
}

.scripts {
  margin-bottom: var(--space-5);
}
.scripts a {
  font-weight: 600;
}

.module-row.row-hidden {
  opacity: 0.5;
}
.module-row.row-display td {
  background-color: var(--sys-surface-grouped);
}
.module-row.row-missing-file td {
  background-color: var(--sys-color-error-subtle);
}
.module-row.row-missing-file td:first-child {
  border-left: 3px solid var(--sys-color-error);
}

.module-path,
.display-path {
  font-family: var(--font-mono);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}

.module-path {
  color: var(--sys-color-primary);
}

.display-path {
  color: var(--sys-color-text-muted);
}

.file-exists {
  font-weight: 700;
  color: var(--sys-color-success-text);
}

.file-missing {
  font-weight: 700;
  color: var(--sys-color-error-text);
}

.flag-hide,
.flag-hide-nav,
.flag-league,
.flag-flip,
.flag-head,
.flag-head-no {
  display: inline-block;
  min-width: 18px;
  height: 18px;
  margin: 0 2px;
  padding: 0 3px;
  border: 1px solid transparent;
  border-radius: var(--radius-small);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.flag-hide,
.flag-hide-nav {
  background-color: var(--sys-color-error-subtle);
  color: var(--sys-color-error-text);
}

.flag-league {
  background-color: var(--sys-color-success-subtle);
  color: var(--sys-color-success-text);
}

.flag-flip {
  background-color: var(--sys-color-warning-subtle);
  color: var(--sys-color-warning-text);
}

.flag-head,
.flag-head-no {
  background-color: var(--sys-color-info-subtle);
  color: var(--sys-color-info-text);
}

.flag-hide-nav {
  border-color: var(--sys-color-error-text);
}

.flag-head-no {
  border-color: var(--sys-color-info-text);
}

.badge-blue,
.badge-green,
.badge-gray,
.badge-dark,
.badge-success,
.badge-muted {
  display: inline-block;
  padding: 3px var(--space-2);
  border: 1px solid transparent;
  border-radius: var(--radius-small);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  font-weight: 600;
  text-transform: uppercase;
}

.badge-blue {
  background-color: var(--sys-color-info-subtle);
  color: var(--sys-color-info-text);
}

.badge-green,
.badge-success {
  background-color: var(--sys-color-success-subtle);
  color: var(--sys-color-success-text);
}

.badge-gray,
.badge-muted {
  background-color: var(--sys-color-selected);
  color: var(--sys-color-text-secondary);
}

.badge-dark {
  background-color: var(--sys-color-selected);
  border-color: var(--sys-color-border-strong);
  color: var(--sys-color-text-primary);
}

.data-table th {
  padding: var(--space-2);
  background-color: var(--table-head-bg);
  font-weight: 600;
  text-align: left;
}
.data-table td {
  padding: var(--space-2);
  border-bottom: 1px solid var(--table-rule-row);
}
.data-table tr:hover {
  background-color: var(--sys-color-hover);
}

.module-row .fancy {
  margin-bottom: 0 !important;
}

.btn-edit {
  display: inline-block;
  padding: 3px var(--space-2);
  border: 1px solid var(--sys-color-border-strong);
  border-radius: var(--radius-small);
  background-color: transparent;
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 600;
  text-decoration: none;
}
.btn-edit:hover {
  background-color: var(--sys-color-hover);
}

.form-description {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.form-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ballpark-change,
.dfa-change {
  display: contents;
}

.ballpark-highlight {
  background-color: var(--sys-color-highlight);
}

.ballpark-result,
.dfa-result {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}
.ballpark-result:not(:empty),
.dfa-result:not(:empty) {
  padding: var(--space-1) var(--space-2);
}

.dfa-t1,
.dfa-t2,
.dfa-t3 {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.admin-owner-thumb {
  width: 40px;
}
.admin-owner-thumb [class*=owner-thumb-] {
  margin: 0;
}

.draft-articles {
  margin: 0;
  padding-left: var(--space-5);
  list-style: disc;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--control-gap);
  height: var(--control-h);
  padding: 0 var(--control-pad-x);
  border: 1px solid transparent;
  border-radius: var(--radius);
  background-color: transparent;
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.button:hover {
  background-image: linear-gradient(var(--sys-color-press), var(--sys-color-press));
}
.button:active {
  background-image: linear-gradient(var(--sys-color-press), var(--sys-color-press)), linear-gradient(var(--sys-color-press), var(--sys-color-press));
}
.button:disabled, .button[aria-disabled=true] {
  border-color: transparent;
  background: var(--sys-color-disabled-button);
  color: var(--sys-color-disabled-text);
  cursor: not-allowed;
}

.button-primary {
  background-color: var(--sys-color-primary);
  color: var(--sys-color-on-primary);
}

.button-secondary {
  background-color: var(--sys-color-secondary);
  color: var(--sys-color-text-primary);
}

.button-outline {
  border-color: var(--sys-color-primary);
  color: var(--sys-color-primary);
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.button-row-fill > .button {
  flex: 1 1 0;
}

.form-stack {
  display: grid;
  gap: var(--space-5);
}

.form-field {
  display: grid;
  gap: var(--space-2);
}

.form-label {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: var(--sys-color-text-primary);
}

.form-overline {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: var(--sys-color-text-secondary);
  text-transform: uppercase;
}

.form-required {
  margin-left: 2px;
  color: var(--sys-color-error-text);
}

.form-help {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.form-error {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-error-text);
}

.input {
  display: block;
  width: 100%;
  height: var(--control-h);
  padding: 0 var(--control-pad-x);
  border: 1px solid var(--sys-color-border-strong);
  border-radius: var(--radius);
  background-color: var(--sys-color-input-bg);
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 16px;
  appearance: none;
}
@media (min-width: 900px) {
  .input {
    font-size: 14px;
  }
}
.input::placeholder {
  color: var(--sys-color-text-muted);
  opacity: 1;
}
.input:focus {
  border-color: var(--sys-color-primary);
}
.input:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}
.input[aria-invalid=true] {
  border-color: var(--sys-color-error);
  color: var(--sys-color-error-text);
}
.input:disabled {
  border-color: var(--sys-color-disabled-border);
  background-color: var(--sys-color-disabled-surface);
  color: var(--sys-color-disabled-text);
  cursor: not-allowed;
}
.input:disabled::placeholder {
  color: var(--sys-color-disabled-text);
}
.input::-webkit-search-cancel-button {
  display: none;
}

textarea.input {
  height: auto;
  min-height: calc(var(--control-h) * 3);
  padding-block: var(--control-pad-y);
  resize: vertical;
}

select.input {
  cursor: pointer;
}

.input-affix {
  position: relative;
  display: block;
}

.input-icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: calc(16px * 0.8);
  line-height: 1;
  position: absolute;
  top: 50%;
  left: var(--control-pad-x);
  color: var(--sys-color-text-secondary);
  transform: translateY(-50%);
  pointer-events: none;
}

.input-icon-accent {
  color: var(--sys-color-primary);
}

.input-affix-leading .input {
  padding-left: calc(var(--control-pad-x) + 16px + var(--control-gap));
}

.input-affix-trailing .input {
  padding-right: var(--control-h);
}

.input-trail {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-h);
  height: var(--control-h);
  border: 0;
  border-radius: var(--radius);
  background: none;
  color: var(--sys-color-text-secondary);
  pointer-events: none;
}

button.input-trail {
  pointer-events: auto;
  cursor: pointer;
}
button.input-trail:hover {
  color: var(--sys-color-text-primary);
}

.input-group {
  display: flex;
  min-width: 0;
}
.input-group > .input,
.input-group > .input-affix {
  flex: 1 1 auto;
  min-width: 0;
}
.input-group > .input,
.input-group > .input-affix .input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .button {
  flex: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input:placeholder-shown ~ .input-clear {
  display: none;
}

.choice {
  display: flex;
  align-items: flex-start;
  gap: var(--control-gap);
  min-height: var(--control-touch);
  padding-block: calc((var(--control-touch) - 21px) / 2);
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  cursor: pointer;
}
.choice:has(:disabled) {
  color: var(--sys-color-disabled-text);
  cursor: not-allowed;
}
.choice:has(:disabled) .choice-description {
  color: var(--sys-color-disabled-text);
}

.choice-text {
  display: grid;
}

.choice-description {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.choice-checkbox,
.choice-radio {
  flex: none;
  display: grid;
  place-content: center;
  width: 16px;
  height: 16px;
  margin: 2.5px 0 0;
  border: 1.5px solid var(--sys-color-border-strong);
  border-radius: 50%;
  background: var(--sys-color-input-bg);
  appearance: none;
  cursor: inherit;
}
.choice-checkbox::before,
.choice-radio::before {
  content: "";
  transform: scale(0);
  transition: transform 0.12s ease-out;
}
.choice-checkbox:checked,
.choice-radio:checked {
  border-color: var(--sys-color-primary);
}
.choice-checkbox:checked::before,
.choice-radio:checked::before {
  transform: scale(1);
}
.choice-checkbox:disabled,
.choice-radio:disabled {
  border-color: var(--sys-color-disabled-border);
  background: var(--sys-color-disabled-surface);
}

.choice-checkbox::before {
  width: 10px;
  height: 10px;
  background: var(--sys-color-on-primary);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.choice-checkbox:checked {
  background: var(--sys-color-primary);
}

.choice-radio::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sys-color-primary);
}
.choice-radio:checked {
  border-width: 2px;
}

.choice-switch {
  position: relative;
  flex: none;
  width: calc(var(--switch-h) * 1.8);
  height: var(--switch-h);
  margin: calc((21px - var(--switch-h)) / 2) 0 0;
  border-radius: var(--radius-pill);
  background: var(--sys-color-switch-track);
  box-shadow: inset 0 0 0 1px var(--sys-color-border-strong);
  appearance: none;
  cursor: inherit;
  transition: background-color 0.15s ease-out;
}
.choice-switch::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(var(--switch-h) - 4px);
  height: calc(var(--switch-h) - 4px);
  border-radius: 50%;
  background: var(--sys-color-switch-knob);
  transition: transform 0.15s ease-out;
}
.choice-switch:checked {
  background: var(--sys-color-primary);
  box-shadow: none;
}
.choice-switch:checked::before {
  background: var(--sys-color-switch-knob-on);
  transform: translateX(calc(var(--switch-h) * 0.8));
}
.choice-switch:disabled {
  background: var(--sys-color-disabled-surface);
  box-shadow: inset 0 0 0 1px var(--sys-color-disabled-border);
}
.choice-switch:disabled::before {
  background: var(--sys-color-disabled-border);
}

.segmented,
.button-group {
  position: relative;
  display: inline-flex;
  gap: var(--space-1);
  padding: var(--space-1);
  border: 1px solid var(--sys-color-border);
  border-radius: var(--radius);
  background: var(--sys-color-input-bg);
}

.segmented-block {
  display: flex;
  width: 100%;
}
.segmented-block .segmented-option {
  flex: 1 1 0;
}

.segmented-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.segmented-option,
.button-group a {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--control-h) - 2 * var(--space-1) - 2px);
  padding: 0 var(--control-pad-x);
  border-radius: calc(var(--radius) - var(--space-1));
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.segmented-option:hover,
.button-group a:hover {
  background: var(--sys-color-hover);
  text-decoration: none;
}

.segmented-input:checked + .segmented-option {
  background: var(--sys-color-primary);
  color: var(--sys-color-on-primary);
}
.segmented-input:focus-visible + .segmented-option {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}

.button-group {
  --control-h: 32px;
  --control-pad-y: 6px;
  --control-pad-x: 12px;
  --control-gap: 8px;
  --control-touch: 32px;
  --switch-h: 16px;
  --icon-size: 16px;
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto var(--space-5);
  overflow-x: auto;
  scrollbar-width: none;
}
.button-group::-webkit-scrollbar {
  display: none;
}
.button-group a {
  font-weight: 400;
}
.button-group a.active {
  background: var(--sys-color-primary);
  color: var(--sys-color-on-primary);
  font-weight: 600;
}
.button-group a:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: calc(-1 * var(--focus-width));
}

.menu {
  margin: 0;
  padding: var(--space-1) 0;
  list-style: none;
  border: 1px solid var(--sys-color-border);
  border-bottom-width: var(--elevation-2);
  border-radius: var(--radius);
  background: var(--sys-color-surface-solid);
}

.menu-item {
  display: flex;
  align-items: center;
  gap: var(--control-gap);
  min-height: var(--control-touch);
  padding: 0 var(--control-pad-x);
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
}
.menu-item:hover {
  background: var(--sys-color-hover);
  color: inherit;
  text-decoration: none;
}
.menu-item[aria-selected=true] {
  background: var(--sys-color-selected);
}

.menu-icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: calc(var(--icon-size) * 0.8);
  line-height: 1;
  color: var(--sys-color-primary);
}

.menu-check {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: calc(16px * 0.8);
  line-height: 1;
}

.icon-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--sys-color-link);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  text-decoration: none;
}
.icon-link [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: calc(var(--icon-size) * 0.8);
  line-height: 1;
}
.icon-link:hover {
  text-decoration: underline;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}

.breadcrumbs li {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
}

.breadcrumbs li + li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1.5px solid var(--sys-color-text-muted);
  border-right: 1.5px solid var(--sys-color-text-muted);
  transform: rotate(45deg);
}

.breadcrumbs a {
  color: var(--sys-color-link);
  text-decoration: none;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs [aria-current=page] {
  color: var(--sys-color-text-primary);
  font-weight: 600;
}

.nav-list {
  display: grid;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-list-item {
  display: flex;
  align-items: center;
  gap: var(--control-gap);
  min-height: var(--control-touch);
  padding: 0 var(--control-pad-x);
  border-radius: var(--radius);
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: none;
}
.nav-list-item [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: calc(var(--icon-size) * 0.8);
  line-height: 1;
  color: var(--sys-color-text-secondary);
}
.nav-list-item:hover {
  background: var(--sys-color-hover);
}
.nav-list-item[aria-current=page] {
  background: var(--sys-color-selected);
  color: var(--sys-color-primary);
  font-weight: 600;
}
.nav-list-item[aria-current=page] [class*=fa-] {
  color: var(--sys-color-primary);
}

.nav-list-item-warning [class*=fa-] {
  color: var(--sys-color-warning-text);
}

.nav-list-end {
  margin-left: auto;
}

.nav-list-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sys-color-success);
}

.nav-list-tag {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: var(--sys-color-warning-text);
  font-weight: 700;
  text-transform: uppercase;
}

.toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--sys-color-border);
  border-bottom-width: var(--elevation-2);
  border-radius: var(--radius);
  background: var(--sys-color-bg);
}

.toolbar-brand {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--space-3);
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
}

.toolbar-mark {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: calc(24px * 0.8);
  line-height: 1;
  border-radius: var(--radius-small);
  background: var(--sys-color-primary);
  color: var(--sys-color-on-primary);
  font-size: 14px;
}

.toolbar-search {
  flex: 1 1 280px;
}

.filter-bar {
  --control-h: 32px;
  --control-pad-y: 6px;
  --control-pad-x: 12px;
  --control-gap: 8px;
  --control-touch: 32px;
  --switch-h: 16px;
  --icon-size: 16px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-5);
  margin: 0 0 var(--space-5);
}

.filter-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
  max-width: 100%;
}

.filter-field-end {
  margin-left: auto;
}

.filter-label {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: var(--sys-color-text-secondary);
  white-space: nowrap;
}

.filter-control {
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.filter-bar .button-group {
  margin: 0;
  max-width: 100%;
}

.filter-bar .input-affix {
  display: inline-block;
  width: auto;
  max-width: 100%;
}

.filter-bar .input {
  width: auto;
  max-width: 100%;
  border-color: var(--sys-color-border);
}

#nav-mega .inside-team {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-5);
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--sys-color-border);
}
#nav-mega .mega-identity {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
#nav-mega .mega-teamname {
  margin-left: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
  font-family: var(--font-serif);
  font-weight: 400;
}
#nav-mega .mega-teamname .team-name-city {
  font-weight: 700;
}
#nav-mega .mega-teamlinks,
#nav-mega .mega-strip-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1);
}
#nav-mega .mega-strip-right {
  margin-left: auto;
}
#nav-mega .mega-teamlinks a,
#nav-mega .mega-strip-right a,
#nav-mega .section a {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--control-touch);
  padding-inline: var(--space-2);
  border-radius: var(--radius);
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  text-decoration: none;
}
#nav-mega .mega-teamlinks a [class*=fa-],
#nav-mega .mega-strip-right a [class*=fa-],
#nav-mega .section a [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: calc(var(--icon-size) * 0.8);
  line-height: 1;
  color: var(--sys-color-primary);
}
#nav-mega .mega-teamlinks a .nav-counter,
#nav-mega .mega-teamlinks a .nav-pill,
#nav-mega .mega-strip-right a .nav-counter,
#nav-mega .mega-strip-right a .nav-pill,
#nav-mega .section a .nav-counter,
#nav-mega .section a .nav-pill {
  margin-left: auto;
}
#nav-mega .mega-teamlinks a:hover,
#nav-mega .mega-strip-right a:hover,
#nav-mega .section a:hover {
  background: var(--sys-color-hover);
}
#nav-mega .mega-teamlinks a.linkon,
#nav-mega .mega-strip-right a.linkon,
#nav-mega .section a.linkon {
  background: var(--sys-color-selected);
  color: var(--sys-color-primary);
  font-weight: 600;
}
#nav-mega .section a {
  margin-inline: calc(-1 * var(--space-2));
}
#nav-mega .mega-close {
  color: var(--sys-color-text-secondary);
}
#nav-mega .mega-close [class*=fa-] {
  color: inherit;
}
#nav-mega .inside {
  display: grid;
  gap: var(--space-5) var(--space-6);
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 600px) {
  #nav-mega .inside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 900px) {
  #nav-mega .inside {
    grid-template-columns: repeat(auto-fill, minmax(192px, 1fr));
  }
}
#nav-mega .title {
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  margin-bottom: var(--space-2);
}
@media (max-width: 899.98px) {
  #nav-mega .shell-panel-inner {
    position: relative;
  }
  #nav-mega .mega-identity {
    padding-right: var(--control-touch);
  }
  #nav-mega .mega-strip-right {
    margin-left: 0;
  }
  #nav-mega .mega-strip-right .mega-close {
    position: absolute;
    top: calc(var(--space-4) + 16px - var(--control-touch) / 2);
    right: calc(var(--page-pad) - var(--space-2));
    justify-content: center;
    width: var(--control-touch);
    padding: 0;
    border-radius: 50%;
  }
}

.announce {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4) var(--page-pad);
  background: var(--sys-color-info);
  color: var(--sys-color-on-status);
  border-bottom: var(--elevation-4) solid rgba(0, 0, 0, 0.25);
}
.announce [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: calc(24px * 0.8);
  line-height: 1;
  flex: none;
  margin-top: 2px;
}
.announce a {
  color: inherit;
  text-underline-offset: 2px;
}
.announce ul {
  margin: var(--space-1) 0 0;
  padding-left: var(--space-5);
}
.announce li + li {
  margin-top: var(--space-1);
}

.announce-message {
  background: var(--sys-color-info);
}

.announce-success {
  background: var(--sys-color-success);
}

.announce-warning {
  background: var(--sys-color-warning);
}

.announce-alert {
  background: var(--sys-color-error);
}

.announce .notice-title {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
  color: inherit;
}

.announce .notice-body {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: inherit;
}

#container.container-locked a[href^="/"] {
  opacity: 0.5;
  cursor: not-allowed;
}

#container.container-locked a[href^="/"]:hover {
  opacity: 0.75;
  text-decoration: none;
}

.notice,
.notice-prose,
.alert,
.alert-notification,
.landing-alert,
.landing-warning,
.landing-calendar,
.landing-dfa {
  position: relative;
  clear: both;
  margin-bottom: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--notice-edge);
  border-bottom: 3px solid var(--notice-edge);
  border-radius: var(--radius);
  background: var(--notice-ground);
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  --notice-ground: var(--sys-color-info-subtle);
  --notice-edge: var(--sys-color-info);
}
.notice a,
.notice-prose a,
.alert a,
.alert-notification a,
.landing-alert a,
.landing-warning a,
.landing-calendar a,
.landing-dfa a {
  color: var(--sys-color-link);
  font-weight: 600;
  text-underline-offset: 2px;
}
.notice ul,
.notice-prose ul,
.alert ul,
.alert-notification ul,
.landing-alert ul,
.landing-warning ul,
.landing-calendar ul,
.landing-dfa ul {
  margin: var(--space-2) 0 0;
  padding-left: var(--space-5);
}
.notice li + li,
.notice-prose li + li,
.alert li + li,
.alert-notification li + li,
.landing-alert li + li,
.landing-warning li + li,
.landing-calendar li + li,
.landing-dfa li + li {
  margin-top: var(--space-1);
}

.notice,
.landing-alert,
.landing-warning,
.landing-calendar,
.landing-dfa {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
}
.notice > [class*=fa-],
.landing-alert > [class*=fa-],
.landing-warning > [class*=fa-],
.landing-calendar > [class*=fa-],
.landing-dfa > [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: calc(20px * 0.8);
  line-height: 1;
  flex: none;
  margin-top: 1px;
  color: var(--notice-edge);
}

.notice-prose,
.alert,
.alert-notification {
  display: block;
}

.notice-content {
  flex: 1;
  min-width: 0;
}

.notice-title {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  color: var(--sys-color-text-primary);
}

.notice-body {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.notice-title + .notice-body {
  margin-top: 2px;
}

.notice-action {
  flex: none;
  align-self: center;
  margin-left: auto;
  padding-left: var(--space-4);
}

.notice-center {
  text-align: center;
}

.notice-compact {
  padding: var(--space-2) var(--space-3);
  align-items: center;
}
.notice-compact .notice-title,
.notice-compact .notice-body {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}
.notice-compact > [class*=fa-] {
  margin-top: 0;
}

.notice-message,
.landing-calendar {
  --notice-ground: var(--sys-color-info-subtle);
  --notice-edge: var(--sys-color-info);
}

.notice-success {
  --notice-ground: var(--sys-color-success-subtle);
  --notice-edge: var(--sys-color-success);
}

.notice-warning,
.landing-warning {
  --notice-ground: var(--sys-color-warning-subtle);
  --notice-edge: var(--sys-color-warning);
}

.notice-alert,
.landing-alert {
  --notice-ground: var(--sys-color-error-subtle);
  --notice-edge: var(--sys-color-error);
}

.notice-other,
.landing-dfa {
  --notice-ground: var(--sys-color-info-subtle);
  --notice-edge: var(--sys-color-info);
}

.landing-alert,
.landing-warning,
.landing-calendar,
.landing-dfa {
  align-items: center;
}
.landing-alert icons,
.landing-warning icons,
.landing-calendar icons,
.landing-dfa icons {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: calc(24px * 0.8);
  line-height: 1;
  flex: none;
  color: var(--notice-edge);
}
.landing-alert time,
.landing-warning time,
.landing-calendar time,
.landing-dfa time {
  margin-left: auto;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: var(--sys-color-text-secondary);
  white-space: nowrap;
}

.notice-dismissable {
  padding-right: var(--space-7);
}

.notice-dismissable .notice-dismiss {
  position: absolute;
  top: var(--space-2);
  right: var(--space-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-small);
  background: none;
  color: var(--sys-color-text-secondary);
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
.notice-dismissable .notice-dismiss:hover {
  background: var(--sys-color-hover);
  color: var(--sys-color-text-primary);
  text-decoration: none;
}
.notice-dismissable .notice-dismiss:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: calc(-1 * var(--focus-width));
}

.notice-compact.notice-dismissable {
  padding-right: var(--space-6);
}
.notice-compact.notice-dismissable .notice-dismiss {
  top: 50%;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
}

.toast-stack {
  position: fixed;
  right: var(--page-pad);
  bottom: var(--page-pad);
  z-index: var(--z-toast);
  display: grid;
  gap: var(--space-2);
  width: min(360px, calc(100vw - 2 * var(--page-pad)));
}
@media (max-width: 899.98px) {
  .toast-stack {
    bottom: calc(var(--tabbar-h) + var(--space-2) + env(safe-area-inset-bottom));
  }
}

.toast {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--sys-color-border);
  border-bottom: 4px solid var(--sys-color-border-strong);
  border-radius: var(--radius);
  background: var(--sys-color-surface-solid);
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}

.toast-dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--sys-color-info);
}

.toast-dot-success {
  background: var(--sys-color-success);
}

.toast-dot-warning {
  background: var(--sys-color-warning);
}

.toast-dot-alert {
  background: var(--sys-color-error);
}

.toast-label {
  flex: 1;
  min-width: 0;
}

.toast-action {
  flex: none;
  margin-left: auto;
}

.toast-dismiss {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-small);
  background: none;
  color: var(--sys-color-text-secondary);
  line-height: 1;
  cursor: pointer;
}
.toast-dismiss:hover {
  background: var(--sys-color-hover);
  color: var(--sys-color-text-primary);
}
.toast-dismiss:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: calc(-1 * var(--focus-width));
}

.empty {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  padding: var(--space-7) var(--space-5);
  text-align: center;
}

.empty-icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-size: calc(32px * 0.8);
  line-height: 1;
  color: var(--sys-color-text-muted);
}

.empty-title {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
  color: var(--sys-color-text-primary);
}

.empty-body {
  max-width: 60ch;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.empty-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
  margin-top: var(--space-2);
}

.card-body > .empty:only-child {
  padding-block: var(--space-6);
}

.progress {
  display: grid;
  gap: var(--space-2);
}

.progress-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.progress-value {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-primary);
  font-variant-numeric: tabular-nums;
}

.progress-track {
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--sys-color-skeleton);
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  border-radius: var(--radius-pill);
  background: var(--sys-color-primary);
  transition: width 0.2s ease;
}

.skeleton {
  height: 12px;
  border-radius: var(--radius-small);
  background: var(--sys-color-skeleton);
}

.skeleton-line + .skeleton-line {
  margin-top: var(--space-2);
}

.skeleton-short {
  width: 30%;
}

.skeleton-wide {
  width: 100%;
}

@media (prefers-reduced-motion: no-preference) {
  .skeleton {
    animation: skeleton-pulse 1.4s ease-in-out infinite;
  }
}
@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
}
.loader-wrap {
  display: flex;
  justify-content: center;
  padding: var(--space-4);
}

.diamond-loader {
  display: block;
}
.diamond-loader .diamond-loader__bg {
  fill: none;
  stroke: var(--sys-color-border-strong);
  stroke-width: 2;
}
.diamond-loader .diamond-loader__trail {
  fill: none;
  stroke: var(--sys-color-primary);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 26 121;
  stroke-dashoffset: 26;
  animation: diamond-loader-trail 2.4s linear infinite;
}
.diamond-loader .diamond-loader__base {
  fill: var(--sys-color-surface-solid);
  stroke: var(--sys-color-border-strong);
  stroke-width: 1.5;
}
.diamond-loader .diamond-loader__runner {
  fill: var(--sys-color-error);
}

@keyframes diamond-loader-trail {
  from {
    stroke-dashoffset: 26;
  }
  to {
    stroke-dashoffset: -121;
  }
}
.auth-page {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: flex-start;
  padding: var(--space-6) var(--page-pad);
  background-color: var(--sys-color-bg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 900px) {
  .auth-page {
    align-items: center;
    padding-block: var(--space-7);
  }
}

.auth-panel {
  width: 100%;
  max-width: 460px;
  padding: var(--space-5);
  border: 1px solid var(--sys-color-border);
  border-bottom-width: var(--elevation-3);
  border-radius: var(--radius);
  background: var(--sys-color-surface-solid);
}
@media (min-width: 900px) {
  .auth-panel {
    margin-left: var(--space-7);
    padding: var(--space-6);
  }
}

.auth-logo {
  margin-bottom: var(--space-5);
}
.auth-logo img {
  width: auto;
  height: 48px;
}

.auth-title {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
  letter-spacing: 0;
  margin-bottom: var(--space-3);
}

.auth-lede {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
  margin-bottom: var(--space-5);
}

.auth-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-5);
}
.auth-actions a {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-link);
  text-decoration: none;
}
.auth-actions a:hover {
  text-decoration: underline;
}

.auth-remember {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-3);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.auth-credit {
  position: fixed;
  right: var(--space-5);
  bottom: var(--space-5);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-small);
  background: var(--sys-color-scrim);
  color: #FFFFFF;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}

table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

thead {
  text-align: left;
  text-transform: uppercase;
}

thead tr {
  border-top: 2px solid var(--table-rule-top);
  border-bottom: 1px solid var(--table-rule-head);
  background-color: var(--table-head-bg);
  color: var(--table-head-text);
  font-size: 12px;
}

th {
  position: relative;
  padding: var(--space-2) 6px;
  border-top: 2px solid var(--table-rule-top);
  border-bottom: 1px solid var(--table-rule-head);
  font-weight: 600;
  text-align: left;
}

td {
  position: relative;
  padding: var(--space-2) 6px;
}

tbody th {
  border-top: 0;
  border-bottom: 0;
  text-transform: none;
}

tr {
  border-bottom: 1px solid var(--table-rule-row);
}

tr:last-child {
  border-bottom: 0;
}

th.r, td.r {
  text-align: right;
}

th.c, td.c {
  text-align: center;
}

table.sortable tbody tr.former td,
table.sortable tbody tr.unavailable td,
table.sortable tbody tr.unqualified td,
table.stats-table tbody tr.former td,
table tr.row-summary td {
  background-color: rgba(127, 127, 127, 0.12);
}

table.stats-table td a,
table.injury-stats td a,
table.freeagent-stats td a,
table.draft-value td a {
  font-weight: 600;
}

th.f2,
td.f2 {
  width: 2%;
}

th.f3,
td.f3 {
  width: 3%;
}

th.f4,
td.f4 {
  width: 4%;
}

th.f5,
td.f5 {
  width: 5%;
}

th.f6,
td.f6 {
  width: 6%;
}

th.f7,
td.f7 {
  width: 7%;
}

th.f8,
td.f8 {
  width: 8%;
}

th.f9,
td.f9 {
  width: 9%;
}

th.f10,
td.f10 {
  width: 10%;
}

th.f12,
td.f12 {
  width: 12%;
}

th.f15,
td.f15 {
  width: 15%;
}

th.f18,
td.f18 {
  width: 18%;
}

th.f20,
td.f20 {
  width: 20%;
}

tr.a-line {
  border-top: 1px solid var(--sys-color-border);
}

tr.b-line {
  border-bottom: 2px solid var(--sys-color-border);
}

th.col, td.col {
  padding-left: 3px;
  border-left: 1px dotted var(--sys-color-border);
}

td.label {
  display: block;
  margin-bottom: 3px;
  color: var(--table-head-text);
  font-size: 10px;
  text-transform: uppercase;
}

td.column {
  background-color: var(--table-total-bg);
  font-weight: 600;
}

tr.vintage {
  background-color: var(--table-vintage-bg);
  font-weight: 600;
}

tr.vintage-active {
  background-color: var(--table-vintage-active-bg);
  font-weight: 600;
}

tr.total,
tr.total-combo {
  border-top: 2px solid var(--sys-color-border);
  background-color: var(--table-total-bg);
  color: var(--table-head-text);
}
tr.total .totalname,
tr.total-combo .totalname {
  font-size: 12px;
  text-transform: uppercase;
}

tr.is-mine td {
  background-color: var(--sys-color-highlight);
}

.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-scroll th,
.table-scroll td {
  white-space: nowrap;
}
.table-scroll th:first-child,
.table-scroll td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: var(--surface-current);
}
.table-scroll thead th:first-child {
  background: linear-gradient(var(--table-head-bg), var(--table-head-bg)), var(--surface-current);
}
.table-scroll tr.is-mine td:first-child {
  background: linear-gradient(var(--sys-color-highlight), var(--sys-color-highlight)), var(--surface-current);
}
.table-scroll[data-overflow-start] th:first-child,
.table-scroll[data-overflow-start] td:first-child {
  box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.3);
}

.team-cell {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: inherit;
  text-decoration: none;
}
.team-cell img {
  flex: none;
  width: 20px;
  height: 20px;
  max-width: none;
  object-fit: contain;
}
.team-cell:hover {
  text-decoration: underline;
}

@media (max-width: 599.98px) {
  .team-city {
    display: none;
  }
}

.overview-stats td a {
  font-weight: 600;
}

table.sortable th.sort-header {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
table.sortable th.sort-header:hover {
  color: var(--sys-color-link);
}
table.sortable th.sort-asc,
table.sortable th.sort-desc {
  color: var(--sys-color-link);
}
table.sortable th.sort-asc::after {
  content: " ▴";
}
table.sortable th.sort-desc::after {
  content: " ▾";
}

table.table-thin th,
table.table-thin td {
  padding: var(--space-1);
}
table.table-thin td {
  font-size: 12px;
}

.tier-table {
  width: 100%;
  border-collapse: collapse;
}
.tier-table .tier-place {
  width: 2.5em;
  color: var(--sys-color-text-muted);
  font-variant-numeric: tabular-nums;
}
.tier-table .tier-negative {
  font-style: normal;
  color: inherit;
}

.tier-row td:first-child {
  border-left: 6px solid transparent;
}

.tier-promotion td {
  background-color: var(--sys-tier-promotion-bg);
}

.tier-promotion td:first-child {
  border-left: 6px solid var(--sys-tier-promotion-edge);
}

.tier-playoff td {
  background-color: var(--sys-tier-playoff-bg);
}

.tier-playoff td:first-child {
  border-left: 4px double var(--sys-tier-playoff-edge);
}

.tier-relegation td {
  background-color: var(--sys-tier-relegation-bg);
}

.tier-relegation td:first-child {
  border-left: 6px dashed var(--sys-tier-relegation-edge);
}

[data-theme=dark] .tier-promotion {
  --sys-color-text-muted: #8D99A4;
}
[data-theme=dark] .tier-playoff {
  --sys-color-text-muted: #8B98A3;
}
[data-theme=dark] .tier-relegation {
  --sys-color-text-muted: #82909C;
}

.tier-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-5);
  margin-top: var(--space-5);
}

.tier-key {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}

.tier-swatch {
  flex: none;
  width: 28px;
  height: 18px;
  border-radius: var(--radius-small);
}
.tier-swatch.tier-promotion {
  background-color: var(--sys-tier-promotion-bg);
  border-left: 6px solid var(--sys-tier-promotion-edge);
}
.tier-swatch.tier-playoff {
  background-color: var(--sys-tier-playoff-bg);
  border-left: 4px double var(--sys-tier-playoff-edge);
}
.tier-swatch.tier-relegation {
  background-color: var(--sys-tier-relegation-bg);
  border-left: 6px dashed var(--sys-tier-relegation-edge);
}

.tier-rule {
  margin-top: var(--space-3);
  max-width: 80ch;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

#postseason .ps-note {
  max-width: 70ch;
  margin-bottom: var(--space-4);
}
#postseason .ps-champion {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: var(--space-2) 0 var(--space-4);
  padding: var(--space-2) var(--space-3);
  border-left: 4px double var(--sys-tier-playoff-edge);
  background-color: var(--sys-tier-playoff-bg);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
#postseason .ps-champion img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
#postseason .ps-champion strong {
  font-weight: 600;
}
#postseason .ps-tree {
  display: flex;
  align-items: stretch;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  overflow-x: auto;
}
#postseason .ps-half {
  display: flex;
  flex: 1;
  min-width: 0;
  gap: var(--space-3);
}
#postseason .ps-col {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 8.5em;
}
#postseason .ps-col > h4 {
  margin: 0 0 var(--space-1);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 10px;
  color: var(--sys-color-text-secondary);
  white-space: nowrap;
  text-align: center;
}
#postseason .ps-slots,
#postseason .ps-pair {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-around;
}
#postseason .ps-tie {
  position: relative;
  flex: 0 0 auto;
}
#postseason .ps-col-open .ps-slots {
  justify-content: flex-start;
  gap: var(--space-2);
}
#postseason .ps-col-open .ps-tie-bye {
  margin-bottom: var(--space-4);
}
#postseason .ps-cell {
  display: grid;
  grid-template-columns: 1.3em 1fr auto;
  align-items: center;
  gap: var(--space-1) 6px;
  padding: var(--space-1) 7px;
  border: 1px solid var(--table-rule-row);
  background-color: var(--sys-surface-grouped);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 13px;
}
#postseason .ps-cell + .ps-cell {
  border-top: 0;
  border-radius: 0 0 var(--radius-small) var(--radius-small);
}
#postseason .ps-cell:first-child {
  border-radius: var(--radius-small) var(--radius-small) 0 0;
}
#postseason .ps-cell .ps-seed {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  font-size: 10px;
  color: var(--sys-color-text-secondary);
  text-align: right;
  font-variant-numeric: tabular-nums;
}
#postseason .ps-cell .ps-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#postseason .ps-cell .ps-wins {
  min-width: 0.9em;
  color: var(--sys-color-text-secondary);
  text-align: right;
  font-variant-numeric: tabular-nums;
}
#postseason .ps-cell.won .ps-name,
#postseason .ps-cell.won .ps-name a {
  font-weight: 700;
}
#postseason .ps-cell.won .ps-wins {
  color: var(--sys-color-text-primary);
  font-weight: 700;
}
#postseason .ps-tie-bye .ps-cell {
  border-style: dashed;
  border-radius: var(--radius-small);
}
#postseason .ps-line {
  padding: 3px 0 0;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  font-size: 10px;
  color: var(--sys-color-text-secondary);
  text-align: center;
  white-space: nowrap;
}
#postseason .ps-line a {
  margin-right: 2px;
}
#postseason .ps-line span {
  margin-right: 2px;
  opacity: 0.45;
}
#postseason .ps-tree-run {
  justify-content: flex-start;
}
#postseason .ps-tree-run .ps-col {
  flex: 0 0 auto;
  width: 14em;
}
#postseason .ps-de-track {
  margin-bottom: var(--space-4);
}
#postseason .ps-de-label {
  margin-bottom: var(--space-2);
  padding-bottom: 3px;
  border-bottom: 1px solid var(--table-rule-row);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 10px;
  color: var(--sys-color-text-secondary);
}
#postseason .ps-de .ps-slots {
  justify-content: flex-start;
  gap: 6px;
}
#postseason .ps-de .ps-col {
  width: 12em;
}
#postseason .ps-final {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  min-width: 10em;
}
#postseason .ps-crown {
  margin-bottom: var(--space-4);
  text-align: center;
}
#postseason .ps-crown img {
  width: 84px;
  height: 84px;
  object-fit: contain;
}
#postseason .ps-crown strong {
  display: block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
}
#postseason .ps-crown span {
  display: block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}
#postseason .ps-col-final > h4 {
  text-align: center;
}
#postseason .ps-bracket {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: var(--space-4);
}
#postseason .ps-round > h4 {
  margin: 0 0 6px;
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 12px;
  color: var(--sys-color-text-primary);
}
#postseason .ps-round .ps-byes {
  margin: 0 0 var(--space-2);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}
#postseason .ps-series {
  margin-bottom: var(--space-2);
  padding: 6px var(--space-2);
  border-radius: var(--radius);
  background-color: var(--sys-surface-grouped);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 13px;
}
#postseason .ps-club {
  display: grid;
  grid-template-columns: 24px 22px 1fr auto;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
}
#postseason .ps-club img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}
#postseason .ps-club .ps-seed {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: var(--sys-color-text-secondary);
  text-align: right;
}
#postseason .ps-club .ps-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#postseason .ps-club .ps-record {
  margin-left: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: var(--sys-color-text-secondary);
}
#postseason .ps-club .ps-wins {
  min-width: 1.2em;
  text-align: right;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
#postseason .ps-club.won .ps-name {
  font-weight: 600;
}
#postseason .ps-club.lost {
  opacity: 0.55;
}
#postseason .ps-games {
  margin-top: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: var(--sys-color-text-secondary);
}
#postseason .ps-games a {
  margin-right: 6px;
  color: var(--sys-color-text-primary);
  white-space: nowrap;
}
#postseason .ps-games .ps-status {
  font-style: italic;
}
#postseason .ps-groups {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
#postseason .ps-group h4 {
  margin: 0 0 var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
}
#postseason .ps-group table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
#postseason .ps-group td,
#postseason .ps-group th {
  padding: 3px var(--space-1);
  text-align: left;
}
#postseason .ps-group th {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: var(--sys-color-text-secondary);
  font-weight: 400;
}
#postseason .ps-group td.n,
#postseason .ps-group th.n {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
#postseason .ps-group td.ps-club-cell {
  display: flex;
  align-items: center;
  gap: 6px;
}
#postseason .ps-group td.ps-club-cell img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
#postseason .ps-group tr.advanced td {
  background-color: var(--sys-tier-promotion-bg);
}
#postseason .ps-group tr.advanced td:first-child {
  border-left: 6px solid var(--sys-tier-promotion-edge);
}
#postseason .ps-group tr.out td {
  opacity: 0.55;
}
#postseason .ps-group .ps-group-games {
  margin-top: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: var(--sys-color-text-secondary);
}
#postseason .ps-group .ps-group-games a {
  margin-right: 6px;
  color: var(--sys-color-text-secondary);
  white-space: nowrap;
}
#postseason .ps-de-round {
  margin-bottom: var(--space-2);
}
#postseason .ps-de-round > h4 {
  margin: 0 0 var(--space-1);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 12px;
  color: var(--sys-color-text-secondary);
}
#postseason .ps-de-game {
  display: grid;
  grid-template-columns: 6em 1fr;
  gap: var(--space-2);
  padding: 2px 0;
  font-size: 12px;
}
#postseason .ps-de-game .ps-tag {
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 10px;
  color: var(--sys-color-text-secondary);
}
#postseason .ps-de-game .ps-tag.winners {
  color: var(--sys-tier-promotion-edge);
}
#postseason .ps-de-game .ps-tag.elimination {
  color: var(--sys-tier-relegation-edge);
}
#postseason .ps-de-game a {
  color: inherit;
}
#postseason .ps-tiers {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
#postseason .ps-tier h4 {
  margin: 0 0 var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
}
#postseason .ps-tier table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
#postseason .ps-tier td {
  padding: 3px var(--space-1);
}
#postseason .ps-tier td.n {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
#postseason .ps-tier td.ps-club-cell {
  display: flex;
  align-items: center;
  gap: 6px;
}
#postseason .ps-tier td.ps-club-cell img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
#postseason .ps-tier tr td:first-child {
  border-left: 6px solid transparent;
}
#postseason .ps-tier tr.promotion td {
  background-color: var(--sys-tier-promotion-bg);
}
#postseason .ps-tier tr.promotion td:first-child {
  border-left: 6px solid var(--sys-tier-promotion-edge);
}
#postseason .ps-tier tr.playoff td {
  background-color: var(--sys-tier-playoff-bg);
}
#postseason .ps-tier tr.playoff td:first-child {
  border-left: 4px double var(--sys-tier-playoff-edge);
}
#postseason .ps-tier tr.relegation td {
  background-color: var(--sys-tier-relegation-bg);
}
#postseason .ps-tier tr.relegation td:first-child {
  border-left: 6px dashed var(--sys-tier-relegation-edge);
}
#postseason .ps-tier tr.gap td {
  height: 6px;
  padding: 0;
  border-left-color: transparent;
}
#postseason .ps-tier .ps-key {
  margin-top: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: var(--sys-color-text-secondary);
}
@media (max-width: 1199.98px) {
  #postseason .ps-tree,
#postseason .ps-half {
    flex-direction: column;
  }
  #postseason .ps-slots,
#postseason .ps-pair {
    display: block;
  }
  #postseason .ps-tie {
    margin-bottom: var(--space-2);
  }
}
#postseason .ps-cell .ps-crest,
#postseason .ps-cell .ps-record {
  display: none;
}
@media (min-width: 1536px) {
  #postseason .ps-cell {
    grid-template-columns: 1.3em 18px 1fr auto;
  }
  #postseason .ps-cell .ps-crest {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: contain;
  }
  #postseason .ps-cell .ps-record {
    display: inline;
    margin-left: 5px;
    font-family: var(--font-sans);
    font-weight: 400;
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: 0.2px;
    font-size: 10px;
    color: var(--sys-color-text-secondary);
  }
}
@media (min-width: 1200px) {
  #postseason .ps-bracket,
#postseason .ps-groups,
#postseason .ps-tiers {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1536px) {
  #postseason .ps-bracket,
#postseason .ps-groups {
    grid-template-columns: repeat(4, 1fr);
  }
  #postseason .ps-tiers {
    grid-template-columns: repeat(3, 1fr);
  }
}

.trade-vote {
  max-width: 860px;
  width: 100%;
}
.trade-vote .trade-date,
.trade-vote .trade-past {
  text-align: left;
}
.trade-vote .trade-date {
  margin-bottom: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}
.trade-vote .trade-past {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}

.bucket-7.trade-vote {
  max-width: none;
  background-color: #1A2535;
  color: #F5F7FA;
  --sys-color-text-primary: #F5F7FA;
  --sys-color-text-secondary: #8F9AA7;
  --sys-color-text-muted: #7F8D99;
  --sys-color-link: #6FC3FF;
  --focus-color: #FFFFFF;
  --trade-title: #EFCA08;
}
td .bucket-7.trade-vote {
  max-width: 600px;
}

.bucket .title {
  display: block;
  margin-bottom: var(--space-2);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 12px;
  letter-spacing: 1px;
  color: var(--sys-color-primary);
}

.bucket-7 .title,
.bucket-7 h3 {
  color: var(--trade-title);
}

.title .additional {
  display: inline;
  margin-left: var(--space-2);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--sys-color-text-muted);
}

h1 > .additional, h2 > .additional, h3 > .additional, h4 > .additional {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: var(--space-2);
  padding: 2px var(--space-2);
  border-radius: var(--radius-small);
  background-color: var(--sys-color-selected);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--sys-color-text-secondary);
}

.trade-outer {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: var(--space-1);
}
.trade-outer .trade-side {
  width: 50%;
  margin-top: var(--space-2);
  padding: var(--space-4);
  background-color: rgba(255, 255, 255, 0.06);
  text-align: left;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
.trade-outer .trade-side-left {
  border-radius: var(--radius) 0 0 var(--radius);
  text-align: right;
}
.trade-outer .trade-side-right {
  border-radius: 0 var(--radius) var(--radius) 0;
}
.trade-outer .trade-side-left-after {
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: var(--radius) 0 0 0;
  text-align: right;
}
.trade-outer .trade-side-right-after {
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 0 var(--radius) 0 0;
}
.trade-outer .trade-inside {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.trade-outer .trade-inside .trade-logo {
  width: 60px;
  min-width: 60px;
  display: block;
}
.trade-outer .trade-inside .trade-logo img {
  display: block;
  width: 100%;
  height: auto;
}
.trade-outer .trade-inside .trade-content {
  flex: 1;
}
.trade-outer .trade-inside .trade-content .trade-name {
  display: block;
  font-weight: 400;
}
.trade-outer .trade-inside .trade-content .trade-label {
  display: block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: #9FAAB3;
}
.trade-outer .trade-inside .trade-content .trade-acquired {
  display: block;
  font-weight: 600;
}
.trade-outer .trade-click {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  margin-top: var(--space-2);
  background-color: var(--sys-color-link);
  color: #0F1418;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.trade-outer .trade-click:hover {
  background-color: #FFFFFF;
}
.trade-outer .trade-click.trade-click-left {
  border-radius: var(--radius) 0 0 var(--radius);
}
.trade-outer .trade-click.trade-click-right {
  border-radius: 0 var(--radius) var(--radius) 0;
}
.trade-outer .trade-click span {
  font-size: 16px;
}

.trade-side-left .trade-logo,
.trade-side-left-after .trade-logo {
  margin-left: auto;
}

.trade-side-left-after,
.trade-side-right-after {
  width: 50%;
}

.trade-response {
  margin-top: var(--space-1);
  text-align: center;
}
.trade-response:empty {
  display: none;
}
.trade-response .trade-comment-success {
  color: var(--sys-color-success-text);
  font-weight: 600;
}
.trade-response .trade-comment-error,
.trade-response .trade-vote-error {
  color: var(--sys-color-error-text);
  font-weight: 600;
}

.voting-results-wrap {
  margin-top: var(--space-1);
  padding: var(--space-2) var(--space-4);
  border-radius: 0 0 var(--radius) var(--radius);
  background-color: rgba(255, 255, 255, 0.06);
  text-align: center;
  font-weight: 600;
}

.voting-results {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 600;
}

.trade-tug {
  margin-bottom: var(--space-2);
}
.trade-tug .trade-tug__names {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--space-3);
  margin-bottom: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  opacity: 0.8;
}
.trade-tug .trade-tug__names span:first-child {
  text-align: left;
}
.trade-tug .trade-tug__names span:nth-child(2) {
  text-align: center;
}
.trade-tug .trade-tug__names span:last-child {
  grid-column: 3;
  text-align: right;
}
.trade-tug .trade-tug__bar {
  position: relative;
  display: flex;
  gap: var(--space-1);
  height: 12px;
}
.trade-tug .trade-tug__bar .trade-tug__half {
  display: flex;
  width: 50%;
  border-radius: var(--radius-pill);
  background-color: rgba(255, 255, 255, 0.1);
}
.trade-tug .trade-tug__bar .trade-tug__half--one {
  justify-content: flex-end;
}
.trade-tug .trade-tug__bar .trade-tug__half--two {
  justify-content: flex-start;
}
.trade-tug .trade-tug__bar .trade-tug__fill {
  display: block;
  height: 100%;
  min-width: 6px;
  border-radius: var(--radius-pill);
}
.trade-tug .trade-tug__bar .trade-tug__one,
.trade-tug .trade-tug__bar .trade-tug__two {
  background-color: var(--sys-color-link);
}
.trade-tug .trade-tug__bar .trade-tug__even {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  min-width: 12px;
  border-radius: var(--radius-pill);
  background-color: #9AA6B4;
}

.trade-vote-actions {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--space-2);
  margin-top: var(--space-2);
}
.trade-vote-actions .trade-vote-btn {
  padding: var(--space-2) var(--space-3);
  border: 0;
  border-radius: var(--radius);
  background-color: var(--sys-color-link);
  color: #0F1418;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}
.trade-vote-actions .trade-vote-btn:hover {
  background-color: #FFFFFF;
}
.trade-vote-actions .trade-vote-btn.trade-vote-btn--even {
  background-color: rgba(255, 255, 255, 0.15);
  color: #F5F7FA;
}
.trade-vote-actions .trade-vote-btn.trade-vote-btn--even:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.trade-vote-actions.is-loading {
  cursor: progress;
}
.trade-vote-actions.is-loading .trade-vote-btn {
  pointer-events: none;
  opacity: 0.3;
}
.trade-vote-actions.is-loading .trade-vote-btn.is-selected {
  opacity: 1;
  animation: trade-vote-pending 0.9s ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .trade-vote-actions.is-loading .trade-vote-btn.is-selected {
    animation: none;
  }
}

@keyframes trade-vote-pending {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
.trade-comment-toggle {
  display: inline-block;
  margin-top: var(--space-2);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 600;
}

.trade-comments {
  margin-top: var(--space-1);
}
.trade-comments .trade-comment {
  display: block;
  width: 100%;
  padding: var(--space-2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
.trade-comments .trade-comment:last-child {
  border-bottom: none;
}
.trade-comments .trade-comment .trade-comment-meta {
  display: inline-block;
  margin-left: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-muted);
}
.trade-comments .trade-comment .trade-comment-meta a {
  color: var(--sys-color-link);
  font-weight: 600;
  text-decoration: none;
}
.trade-comments .trade-comment .trade-comment-meta a:hover {
  text-decoration: underline;
}

.trade-comment-form {
  display: none;
  margin-top: var(--space-1);
}
.trade-comment-form.is-open {
  display: block;
}
.trade-comment-form .trade-textarea {
  width: 100%;
  height: 60px;
  margin-bottom: var(--space-1);
  padding: var(--space-2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius);
  background-color: rgba(255, 255, 255, 0.08);
  color: #F5F7FA;
  font-family: var(--font-sans);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  resize: vertical;
}
.trade-comment-form .trade-textarea:focus {
  outline: none;
  border-color: var(--sys-color-link);
}
.trade-comment-form .trade-submit {
  display: inline-block;
  padding: var(--space-2) var(--space-4);
  border: none;
  border-radius: var(--radius);
  background-color: var(--sys-color-link);
  color: #0F1418;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  cursor: pointer;
}
.trade-comment-form .trade-submit:hover {
  background-color: #FFFFFF;
}

.bucket-7 .photo-circle-60 {
  border-color: #223047;
}

.pp-thumb {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.pp-thumb .large {
  height: 150px;
  width: 120px;
}
.pp-thumb .medium {
  height: 100px;
  width: 60px;
}
.pp-thumb .small {
  height: 33px;
  width: 26px;
}
.pp-thumb .tiny {
  height: 21px;
  width: 18px;
}
.pp-thumb .profile {
  width: 50px;
}
.pp-thumb .landing-team {
  height: 60px;
  width: 45px;
}

.nav-third {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0 0 var(--space-5);
}
.nav-third div {
  display: block;
}
.nav-third a {
  display: inline-block;
  padding: 6px var(--space-5);
  border: 1px solid var(--sys-color-border-strong);
  border-left: 0;
  background-color: var(--sys-color-input-bg);
  color: var(--sys-color-text-secondary);
  text-decoration: none;
}
.nav-third a:first-child {
  border-left: 1px solid var(--sys-color-border-strong);
  border-radius: var(--radius-small) 0 0 var(--radius-small);
}
.nav-third a:last-child {
  border-radius: 0 var(--radius-small) var(--radius-small) 0;
}
.nav-third a:hover {
  color: var(--sys-color-primary);
}
.nav-third .on {
  display: inline-block;
  background-color: var(--sys-color-surface-solid);
  color: var(--sys-color-primary);
  font-weight: 700;
}

.filters {
  display: block;
  margin-bottom: var(--space-2);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  color: var(--sys-color-text-muted);
}
.filters .group {
  display: inline-block;
  margin-right: var(--space-3);
}
.filters .group:last-child {
  margin-right: 0;
}
.filters .title {
  display: inline-block;
  margin-right: 3px;
  padding: 3px;
  color: var(--sys-color-text-primary);
}
.filters a {
  display: inline-block;
  margin-right: 3px;
  text-decoration: none;
}
.filters .on {
  margin-bottom: -3px;
  border-bottom: 3px solid var(--sys-color-primary);
  font-weight: 900;
  text-decoration: none;
}

.base-separator {
  position: relative;
  margin: var(--space-1);
}
.base-separator::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-top: 1px dotted var(--sys-color-primary);
}

.base-separator__label {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  padding-right: var(--space-2);
  background: var(--sys-surface-primary-tint);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  line-height: 1;
  color: var(--sys-color-link);
}

.base-player {
  position: relative;
  display: flex;
  align-items: stretch;
  margin: var(--space-1);
  border-radius: var(--radius-sheet);
  background-color: var(--sys-surface-secondary-tint);
}
.base-player:not(:has(.base-icons)) {
  margin-left: 40px;
}
.base-player.base-player-rule6, .base-player.base-player-injury {
  margin-left: var(--space-1);
}
.base-player.base-player-injury .injury-return {
  margin-top: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.4;
}
.base-player.base-player-suspended .suspended-activate {
  position: absolute;
  top: var(--space-2);
  right: var(--space-2);
  z-index: 2;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-small);
  background-color: var(--sys-color-primary);
  color: var(--sys-color-on-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1;
}
.base-player.base-player-suspended .suspended-activate:hover {
  background-color: var(--sys-color-link);
}
.base-player .base-icons {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: var(--space-1);
  min-width: 30px;
  padding: 0;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}
.base-player .base-icons span, .base-player .base-icons i, .base-player .base-icons svg {
  display: block;
  line-height: 1;
}
.base-player .base-card {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-2);
  border-radius: var(--radius-sheet);
  background-color: var(--sys-color-surface);
}
.base-player .base-card .photo {
  flex: 0 0 60px;
  width: 60px;
  text-align: left;
}
.base-player .base-card .core {
  flex: 1 1 200px;
  min-width: 200px;
  text-align: left;
}
.base-player .base-card .core .name {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-1);
  font-size: 18px;
  font-weight: 700;
}
.base-player .base-card .core .starter,
.base-player .base-card .core .platoon {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--space-2);
  border-radius: var(--radius-small);
  font-size: calc(1em * 0.75);
  font-weight: 600;
  line-height: inherit;
}
.base-player .base-card .core .starter {
  background-color: #EFCA08;
  color: #222222;
}
.base-player .base-card .core .platoon {
  background-color: var(--sys-surface-primary-tint);
}
.base-player .base-card .core .label {
  display: inline-block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}
.base-player .base-card .core .rating {
  display: inline-block;
  font-size: 15px;
}
.base-player .base-card .ratings {
  flex: 1 1 160px;
  min-width: 100px;
  text-align: left;
}
.base-player .base-card .ratings .position {
  display: inline-block;
  margin-bottom: var(--space-1);
  padding: 2px var(--space-1);
  border-radius: var(--radius-small);
  background-color: var(--sys-surface-primary-tint);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 600;
}
.base-player .base-card .ratings .rating {
  display: inline-block;
  padding: var(--space-1);
  font-size: 15px;
}
.base-player .base-card .actions {
  flex: 1 1 140px;
  min-width: 140px;
  text-align: left;
}
.base-player .base-card .actions .time,
.base-player .base-card .actions .action,
.base-player .base-card .actions .secondary {
  display: inline-block;
  margin-right: var(--space-1);
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  text-decoration: none;
}
.base-player .base-card .actions .time {
  border: 1px solid var(--sys-surface-primary-tint);
  background-color: var(--sys-surface-primary-tint);
  color: var(--sys-color-text-primary);
  font-size: 15px;
  font-weight: 500;
}
.base-player .base-card .actions .action {
  border: 1px solid var(--sys-color-primary);
  background-color: var(--sys-color-primary);
  color: var(--sys-color-on-primary);
  font-weight: 600;
}
.base-player .base-card .actions .action:hover {
  background-color: var(--sys-color-link);
}
.base-player .base-card .actions .secondary {
  border: 1px solid var(--sys-color-border-strong);
  background-color: transparent;
  color: var(--sys-color-text-primary);
  font-weight: 500;
}
.base-player .base-card .actions .secondary:hover {
  background-color: var(--sys-color-hover);
}

.gird-injury {
  background-color: var(--sys-color-error-subtle);
}

.base-player.gird-injury .base-card {
  background-color: var(--sys-color-error-subtle);
}

.roster-page .layout-rail-main {
  gap: var(--space-2);
}
@media (max-width: 1199.98px) {
  .roster-page .card-mini-container {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .roster-page .card-mini-container .card-mini {
    flex-shrink: 0;
    min-width: 60px;
  }
}

.roster-callouts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: var(--space-4);
}

.roster-rail-form {
  display: grid;
  gap: var(--space-3);
  justify-items: start;
}
.roster-rail-form select {
  margin-bottom: 0;
}

.profile-form h4 {
  margin-bottom: var(--space-3);
}
.profile-form h4 ~ h4 {
  margin-top: var(--space-6);
}

#profile-update:empty {
  display: none;
}

.profile-roster th:first-child,
.profile-roster th:nth-child(2),
.profile-roster td.on,
.profile-roster td.on-l,
.profile-roster td.on-r {
  width: 28px;
}

.profile-yes {
  color: var(--sys-color-primary);
  font-size: 12px;
}

.lineup-order {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lineup-order li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: -1px;
  padding: var(--space-2);
  border: 1px solid var(--sys-color-border-strong);
  border-radius: var(--radius-small);
  background-color: var(--sys-color-input-bg);
  cursor: grab;
}
.lineup-order li:active {
  cursor: grabbing;
}
.lineup-order li.ui-sortable-helper {
  cursor: grabbing;
}
.lineup-order li.ui-sortable-placeholder {
  visibility: visible;
  border-style: dashed;
  background-color: var(--sys-color-hover);
}

.lineup-spot,
.lineup-pos {
  flex: 0 0 auto;
  width: 30px;
  padding: var(--space-1) 0;
  border-radius: var(--radius-small);
  background-color: var(--sys-surface-secondary-tint);
  text-align: center;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
}

.lineup-box {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 600;
}

.profile-lr {
  flex: 0 0 auto;
  min-width: 18px;
  padding: 0 var(--space-1);
  border-radius: var(--radius-small);
  background-color: var(--sys-color-selected);
  color: var(--sys-color-text-secondary);
  text-align: center;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
}

.profile-player-head {
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-3);
}

.player-tendencies {
  cursor: pointer;
}
.player-tendencies:hover {
  background-color: var(--sys-color-hover);
}

.profile-past {
  padding: var(--space-3);
  border-bottom: 1px solid var(--sys-color-border);
  cursor: pointer;
}
.profile-past:last-child {
  border-bottom: 0;
}
.profile-past:hover {
  background-color: var(--sys-color-hover);
}
.profile-past.is-current {
  background-color: var(--sys-color-highlight);
  box-shadow: inset 3px 0 0 var(--sys-color-primary);
}

.profile-past-club {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-weight: 600;
}

.profile-pdate {
  display: block;
  padding-top: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-muted);
}

.profile-notes {
  display: block;
  padding-top: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.announcer-choices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0 var(--space-4);
  margin-bottom: var(--space-5);
}

.announcer-loading {
  padding-block: var(--space-3);
  color: var(--sys-color-text-secondary);
}

.announcer-sample {
  margin-bottom: var(--space-4);
  padding: var(--space-4);
  border-left: 4px solid var(--sys-color-primary);
  border-radius: var(--radius-small);
  background-color: var(--sys-surface-grouped);
}
.announcer-sample:last-child {
  margin-bottom: 0;
}

.announcer-sample-title {
  margin-bottom: var(--space-2);
  color: var(--sys-color-primary);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

.announcer-sample-line {
  margin-bottom: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
.announcer-sample-line:last-child {
  margin-bottom: 0;
}

.profile-history {
  border: 1px solid var(--sys-color-border);
  border-radius: var(--radius-small);
  overflow: hidden;
}

.settings-layout {
  align-items: start;
}

.settings-nav {
  min-width: 0;
}
@media (min-width: 1200px) {
  .settings-nav {
    position: sticky;
    top: calc(var(--bar1-h) + var(--bar2-h) + var(--space-4));
  }
}

.settings-panel {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.settings-channels th[scope=row] {
  width: 100%;
}
.settings-channels thead th:not(:first-child),
.settings-channels td {
  width: 72px;
}
.settings-channels th[scope=row] {
  font-weight: 400;
  white-space: normal;
}

.settings-event {
  display: block;
  color: var(--sys-color-text-primary);
  font-weight: 600;
}

.settings-event-detail {
  display: block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.settings-switch {
  display: inline-flex;
  padding: var(--space-1);
  cursor: pointer;
}

.settings-channel-none {
  color: var(--sys-color-text-muted);
  cursor: help;
}

.settings-birthday {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: var(--space-4);
}

.owner-photos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: var(--space-4);
  margin: 0;
}

.owner-photo {
  margin: 0;
  text-align: center;
}

.owner-photo-image {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  margin-bottom: var(--space-2);
  border-radius: var(--radius);
}

.owner-photo-actions {
  display: grid;
  justify-items: center;
  gap: var(--space-1);
}

.owner-photo-primary {
  color: var(--sys-color-success-text);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

.owner-photo-remove {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.owner-photo-date {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: var(--sys-color-text-muted);
}

@media (max-width: 599.98px) {
  .settings-panel .segmented-block {
    flex-direction: column;
  }
  .settings-panel .segmented-block .segmented-option {
    width: 100%;
  }
}

.marker {
  position: relative;
  top: -1px;
  display: inline-flex;
  align-items: center;
  margin-right: var(--space-2);
  padding: 2px var(--space-2);
  border-radius: var(--radius-small);
  text-decoration: none;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: var(--sys-color-selected);
  color: var(--sys-color-text-secondary);
}

.marker--new {
  background-color: var(--sys-marker-new-bg);
  color: var(--sys-marker-new-text);
}

.marker--update {
  background-color: var(--sys-marker-update-bg);
  color: var(--sys-marker-update-text);
}

.marker--vintage {
  background-color: var(--sys-marker-vintage-bg);
  color: var(--sys-marker-vintage-text);
}

.marker--archive {
  background-color: var(--sys-marker-archive-bg);
  color: var(--sys-marker-archive-text);
}

.marker--future {
  background-color: var(--sys-marker-future-bg);
  color: var(--sys-marker-future-text);
}

.marker--throwback {
  background-color: var(--sys-marker-throwback-bg);
  color: var(--sys-marker-throwback-text);
}

.marker--nsfw {
  background-color: var(--sys-marker-nsfw-bg);
  color: var(--sys-marker-nsfw-text);
}

.marker--warning {
  background-color: var(--sys-color-warning-subtle);
  color: var(--sys-color-warning-text);
}

.marker--alert {
  background-color: var(--sys-color-error-subtle);
  color: var(--sys-color-error-text);
}

.marker--outline {
  background-color: transparent;
  border: 1px solid currentColor;
}

.marker--icon {
  padding-inline: var(--space-1);
  letter-spacing: 0;
}

score {
  display: block;
}

score cap {
  display: block;
  margin-bottom: var(--space-5);
  padding: var(--card-pad);
  border: 1px solid var(--sys-color-border);
  border-bottom-width: var(--elevation-1);
  border-radius: var(--radius);
  background: var(--sys-color-surface);
}

score boxdetails {
  display: block;
  margin-bottom: var(--space-4);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
  text-align: center;
}
score boxdetails date {
  font-weight: 600;
}
score boxdetails ballpark {
  color: var(--sys-color-text-muted);
}

score city {
  display: block;
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
  font-weight: 600;
}

score nick {
  display: block;
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--sys-color-text-secondary);
}

score cap score {
  display: block;
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  letter-spacing: -1px;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.game-head {
  display: grid;
  gap: var(--space-3);
  align-items: center;
  justify-items: center;
  text-align: center;
}
@media (min-width: 600px) {
  .game-head {
    grid-template-columns: 1fr auto 1fr;
    gap: var(--space-5);
  }
}

.game-head-club {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}
@media (min-width: 600px) {
  .game-head-club {
    justify-self: end;
  }
}

.game-head-club-home {
  flex-direction: row-reverse;
}
@media (min-width: 600px) {
  .game-head-club-home {
    justify-self: start;
    text-align: right;
  }
}

.game-head-result {
  display: flex;
  align-items: baseline;
  gap: var(--space-4);
  order: -1;
}
@media (min-width: 600px) {
  .game-head-result {
    order: 0;
  }
}

.score-hidden {
  margin-top: var(--space-3);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-muted);
  text-align: center;
}

score awayback,
score homeback {
  display: none;
}

score awaylogo,
score homelogo {
  display: block;
}
score awaylogo img,
score homelogo img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

score contain {
  display: block;
}

score subcontain,
score park {
  display: block;
  margin-bottom: var(--space-4);
  padding: var(--card-pad);
  border: 1px solid var(--sys-color-border);
  border-radius: var(--radius);
  background: var(--sys-color-surface);
}

score .highlights {
  display: inline-block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
}

score .subtitle {
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  margin-bottom: var(--space-2);
}

score park .weather {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
  margin-bottom: var(--space-3);
}
score park .diagram {
  position: relative;
  min-height: 240px;
  margin: 0 calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad));
  border-radius: 0 0 var(--radius) var(--radius);
  background-repeat: no-repeat;
  background-position: center -210px;
  background-size: 500px;
}
score park .rating {
  position: absolute;
  display: inline-block;
  padding: 2px 4px;
  border-radius: var(--radius-small);
  background: var(--sys-color-text-primary);
  color: var(--sys-color-bg);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  font-weight: 600;
}
score park .lsi {
  right: 48px;
  top: 32px;
}
score park .rsi {
  right: 18px;
  top: 32px;
}
score park .ldb {
  right: 48px;
  top: 56px;
}
score park .rdb {
  right: 18px;
  top: 56px;
}
score park .ltr {
  right: 48px;
  top: 80px;
}
score park .rtr {
  right: 18px;
  top: 80px;
}
score park .lhr {
  right: 48px;
  top: 104px;
}
score park .rhr {
  right: 18px;
  top: 104px;
}
score park .rlabel, score park .llabel,
score park .label-1b, score park .label-2b, score park .label-3b, score park .label-hr {
  position: absolute;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  font-weight: 600;
  color: var(--sys-color-text-primary);
}
score park .rlabel {
  right: 26px;
  top: 12px;
}
score park .llabel {
  right: 54px;
  top: 12px;
}

score {
  display: grid;
  gap: var(--grid-gap);
}
@media (min-width: 1200px) {
  score {
    grid-template-columns: minmax(0, 1fr) 23.5%;
    align-items: start;
  }
}

@media (min-width: 1200px) {
  score cap {
    grid-column: 1/-1;
  }
}

@media (min-width: 1200px) {
  score contain {
    grid-column: 1;
    grid-row: 2;
  }
}

score .rightrail {
  display: none;
}
@media (min-width: 1200px) {
  score .rightrail {
    display: grid;
    gap: var(--space-4);
    grid-column: 2;
    grid-row: 2;
  }
}

score .bottomrail {
  display: grid;
  gap: var(--grid-gap);
  margin-top: var(--space-5);
}
@media (min-width: 600px) {
  score .bottomrail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  score .bottomrail {
    display: none;
  }
}

score .boxscore,
score .boxscore-playbyplay,
score .linescore,
score .trending,
score .chart,
score .game-results {
  margin-bottom: var(--space-5);
  padding: var(--card-pad);
  border: 1px solid var(--sys-color-border);
  border-bottom-width: var(--elevation-1);
  border-radius: var(--radius);
  background: var(--sys-color-surface);
  overflow-x: auto;
}

score .boxscore pre,
pre.boxscore-text {
  margin: 0;
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.45;
  white-space: pre;
  color: var(--sys-color-text-primary);
}
score .boxscore pre a,
pre.boxscore-text a {
  color: var(--sys-color-link);
  text-decoration: none;
}
score .boxscore pre a:hover,
pre.boxscore-text a:hover {
  text-decoration: underline;
}

score .linescore .abbreviation {
  font-weight: 700;
}

score .linescore .finals,
score .boxscore .finals {
  font-weight: 700;
}

score .boxscore .position {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
  padding-left: var(--space-1);
}

score .boxscore .indent {
  padding-left: var(--space-4);
}

score .boxscore .starter {
  font-weight: 600;
}

.boxscore-pair {
  display: grid;
  gap: var(--space-5);
}
@media (min-width: 900px) {
  .boxscore-pair {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.boxscore-pair + .boxscore-pair {
  margin-top: var(--space-5);
}

score .extra-stats {
  margin-bottom: var(--space-2);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
score .extra-stats .person {
  font-weight: 600;
}
score .extra-stats .tag {
  display: inline-block;
  margin-right: var(--space-2);
  padding: 1px var(--space-2);
  border-radius: var(--radius-small);
  background: var(--sys-color-selected);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  font-weight: 600;
}

score .player-score {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

.team-grid {
  display: block;
}

.team-grid-value {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.team-grid-label {
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  text-align: center;
}

.team-grid-rank {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--sys-color-text-muted);
  text-align: center;
}

.scoreboard-days {
  display: flex;
  gap: var(--space-2);
  margin-bottom: var(--space-5);
  overflow-x: auto;
  scrollbar-width: none;
}
.scoreboard-days::-webkit-scrollbar {
  display: none;
}

.scoreboard-day {
  flex: 1 0 auto;
  min-width: 96px;
  padding: var(--space-3) var(--space-2);
  border: 1px solid var(--sys-color-border);
  border-radius: var(--radius);
  background: var(--sys-color-surface);
  color: var(--sys-color-text-secondary);
  text-align: center;
  text-decoration: none;
}
.scoreboard-day:hover {
  background-image: linear-gradient(var(--sys-color-hover), var(--sys-color-hover));
  text-decoration: none;
}
.scoreboard-day.is-current {
  border-color: var(--sys-color-primary);
  background: var(--sys-color-primary);
  color: var(--sys-color-on-primary);
}

.scoreboard-day-name {
  display: block;
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  color: inherit;
}

.scoreboard-day-date {
  display: block;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
  color: inherit;
}

.scoreboard-day-games {
  display: block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: inherit;
  opacity: 0.85;
}

.scoreboard-games {
  display: grid;
  gap: var(--grid-gap);
  margin-bottom: var(--space-6);
}

.scoreboard-game {
  display: grid;
  gap: var(--space-4);
}
@media (min-width: 900px) {
  .scoreboard-game {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.sp-gotd,
.sp-rivalry {
  display: inline-block;
  margin-bottom: var(--space-2);
  padding: 2px var(--space-2);
  border-radius: var(--radius-small);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  font-weight: 600;
  text-transform: uppercase;
}

.sp-gotd {
  background: var(--sys-color-warning-subtle);
  color: var(--sys-color-warning-text);
}

.sp-rivalry {
  background: var(--sys-color-info-subtle);
  color: var(--sys-color-info-text);
}

calendar {
  display: block;
}
calendar month {
  display: block;
  margin-bottom: var(--space-2);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
}
calendar table {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}
calendar tr {
  border-bottom: 0;
}
calendar td {
  padding: 2px;
  text-align: center;
}
calendar a {
  text-decoration: none;
}
calendar .cal-today {
  border-radius: var(--radius-small);
  background: var(--sys-color-selected);
}
calendar .cal-highlight {
  border-radius: var(--radius-small);
  background: var(--sys-color-primary);
}
calendar .cal-highlight a {
  color: var(--sys-color-on-primary);
}

.score-attendance-link::after {
  content: attr(data-name);
}

.game-score table {
  margin-bottom: 0;
}
.game-score th {
  padding: 0 6px 2px;
  border: 0;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: var(--sys-color-text-muted);
}
.game-score td {
  padding: 2px 6px;
  border: 0;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
}
.game-score tr {
  border: 0;
}
.game-score .score-final {
  font-weight: 700;
}

.game-score td,
.score-final {
  font-variant-numeric: tabular-nums;
}

.game-recap {
  margin-top: var(--space-3);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.game-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}
.game-links a {
  display: inline-block;
  padding: 4px var(--space-2);
  border-radius: var(--radius-small);
  background: var(--sys-color-selected);
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}
.game-links a:hover {
  background-image: linear-gradient(var(--sys-color-hover), var(--sys-color-hover));
  text-decoration: none;
}

.game-players {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}

.game-vital,
.game-section {
  display: block;
  margin-bottom: var(--space-1);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
}

.game-section {
  margin-top: var(--space-4);
}

.game-vital-name {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
}

.game-data {
  margin-top: var(--space-4);
  padding-top: var(--space-2);
  border-top: 1px solid var(--sys-color-border);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.game-highlights-title {
  font-weight: 600;
}

.game-injuries div,
.game-highlights div {
  margin-bottom: var(--space-1);
}

@media (min-width: 900px) {
  .game-column {
    padding-left: var(--space-4);
    border-left: 1px solid var(--sys-color-border);
  }
}

.player-thumb-50px {
  margin-bottom: 0;
}

.comments {
  margin-bottom: var(--space-3);
  padding: var(--space-3);
  border-radius: var(--radius);
  background: var(--sys-color-selected);
}

.landing-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--space-4);
  width: 100%;
  margin: 0 auto;
}

.landing-left {
  grid-column: span 6;
}

.landing-right {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.landing-container > .grid-col-1 {
  grid-column: span 1;
}
.landing-container > .grid-col-2 {
  grid-column: span 2;
}
.landing-container > .grid-col-3 {
  grid-column: span 3;
}
.landing-container > .grid-col-4 {
  grid-column: span 4;
}
.landing-container > .grid-col-5 {
  grid-column: span 5;
}
.landing-container > .grid-col-6 {
  grid-column: span 6;
}
.landing-container > .grid-col-7 {
  grid-column: span 7;
}
.landing-container > .grid-col-8 {
  grid-column: span 8;
}
.landing-container > .grid-col-9 {
  grid-column: span 9;
}
.landing-container > .grid-col-10 {
  grid-column: span 10;
}
.landing-container > .grid-col-11 {
  grid-column: span 11;
}
.landing-container > .grid-col-12 {
  grid-column: span 12;
}

@media (max-width: 1199.98px) {
  .landing-container > .grid-col-9 {
    grid-column: span 8;
  }
  .landing-container > .grid-col-10 {
    grid-column: span 8;
  }
  .landing-container > .grid-col-11 {
    grid-column: span 8;
  }
  .landing-container > .grid-col-12 {
    grid-column: span 8;
  }
}
@media (max-width: 899.98px) {
  .landing-container > .grid-col-1 {
    grid-column: span 4;
  }
  .landing-container > .grid-col-2 {
    grid-column: span 4;
  }
  .landing-container > .grid-col-3 {
    grid-column: span 4;
  }
  .landing-container > .grid-col-4 {
    grid-column: span 4;
  }
  .landing-container > .grid-col-5 {
    grid-column: span 4;
  }
  .landing-container > .grid-col-6 {
    grid-column: span 4;
  }
  .landing-container > .grid-col-7 {
    grid-column: span 4;
  }
  .landing-container > .grid-col-8 {
    grid-column: span 4;
  }
  .landing-container > .grid-col-9 {
    grid-column: span 4;
  }
  .landing-container > .grid-col-10 {
    grid-column: span 4;
  }
  .landing-container > .grid-col-11 {
    grid-column: span 4;
  }
  .landing-container > .grid-col-12 {
    grid-column: span 4;
  }
}
@media (max-width: 1199.98px) {
  .landing-container {
    grid-template-columns: repeat(8, 1fr);
  }

  .landing-right {
    display: contents;
  }

  .landing-left > *:first-child {
    order: 1;
    grid-column: span 8;
  }

  .landing-left > *:not(:first-child) {
    order: 3;
    grid-column: span 8;
  }

  .landing-right > .right-content-row {
    order: 2;
    grid-column: span 8;
  }

  .landing-right > *:not(.right-content-row) {
    order: 0;
    grid-column: span 8;
  }
}
@media (max-width: 899.98px) {
  .landing-container {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-2);
    padding: 0 var(--space-2);
  }

  .landing-left > *:first-child {
    grid-column: span 4;
  }

  .landing-left > *:not(:first-child) {
    grid-column: span 4;
  }

  .landing-right > .right-content-row {
    grid-column: span 4;
  }

  .landing-right > *:not(.right-content-row) {
    grid-column: span 4;
  }
}
.right-3col,
.content-2col,
.content-4col {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.right-content-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}

.content-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--space-4);
  align-items: start;
}
@media (max-width: 1199.98px) {
  .content-row {
    grid-template-columns: 1fr;
  }
}

.bottom-stats-container {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--space-4);
  margin-top: var(--space-6);
}
@media (max-width: 1199.98px) {
  .bottom-stats-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 899.98px) {
  .bottom-stats-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

.landing-header {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}
.landing-header .view-switch {
  flex: none;
  margin: 0;
}

.landing-header__identity {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}
.landing-header__identity .owner-thumb-32px {
  flex: none;
  margin: 0;
}
@media (max-width: 899.98px) {
  .landing-header__identity {
    display: none;
  }
}

.landing-header__logolink {
  display: block;
  flex: none;
}
.landing-header__logolink:hover {
  opacity: 0.8;
}

.landing-header__logo {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-pill);
  background-color: var(--sys-color-surface);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.landing-header__team {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: 0;
  letter-spacing: -0.05em;
  line-height: 1.2;
}

.landing-header__teamlink:hover .landing-header__team {
  text-decoration: underline;
}

.landing-header__quiet {
  flex: 1;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-muted);
  text-align: right;
}

.landing-header__online-wrap {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.view-switch .view-switch__icon {
  margin-right: 6px;
}
@media (max-width: 400px) {
  .view-switch .view-switch__label {
    display: none;
  }
  .view-switch .view-switch__icon {
    margin-right: 0;
  }
}

.scoreboard {
  display: block;
  margin-bottom: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--sys-color-border);
  border-radius: var(--radius);
  background-color: var(--sys-color-surface);
}
.scoreboard h3 {
  margin-bottom: var(--space-1);
}
.scoreboard .game-links {
  display: block;
  margin-bottom: var(--space-1);
  padding: 3px 0;
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 12px;
  color: var(--sys-color-text-secondary);
}
.scoreboard .game-links a {
  display: inline-block;
  margin-right: var(--space-1);
  font-size: 9px;
}
.scoreboard .game {
  margin-bottom: var(--space-4);
  padding: var(--space-2);
  border: 1px solid var(--sys-color-border);
  border-radius: var(--radius-small);
  background-color: var(--sys-color-surface);
}
@media (min-width: 1200px) {
  .scoreboard .game {
    padding: 15px;
  }
}
.scoreboard .game.rivals, .scoreboard .game.gotd {
  overflow: hidden;
}
.scoreboard .game.rivals {
  box-shadow: 0 0 0 4px var(--sys-featured-rivalry-edge);
}
.scoreboard .game.gotd {
  box-shadow: 0 0 0 4px var(--sys-featured-gotd-edge);
}
.scoreboard .gameoftheday,
.scoreboard .rivalrygame {
  margin: 0 calc(-1 * var(--space-2)) var(--space-1);
  padding: 4px 6px 8px;
  border-radius: 3px;
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 10px;
  text-align: center;
}
.scoreboard .gameoftheday:first-child,
.scoreboard .rivalrygame:first-child {
  margin-top: calc(-1 * var(--space-2));
  border-radius: 0;
}
@media (min-width: 1200px) {
  .scoreboard .gameoftheday,
.scoreboard .rivalrygame {
    margin: 0 -15px var(--space-1);
  }
  .scoreboard .gameoftheday:first-child,
.scoreboard .rivalrygame:first-child {
    margin-top: -15px;
  }
}
.scoreboard .gameoftheday {
  background-color: var(--sys-featured-gotd-bg);
  color: var(--sys-color-text-primary);
}
.scoreboard .rivalrygame {
  background-color: var(--sys-featured-rivalry-bg);
  color: var(--sys-color-text-primary);
}
.scoreboard .links {
  margin: 0 3px var(--space-2);
}
.scoreboard .links a {
  display: inline-block;
  margin: 0 3px 0 0;
  padding: 3px;
  border-radius: var(--radius-small);
  background-color: var(--sys-color-selected);
  color: var(--sys-color-text-secondary);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 10px;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .scoreboard .links a {
    padding: 6px;
  }
}
.scoreboard .recap {
  padding: var(--space-2) 3px;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
.scoreboard .innings {
  display: inline-block;
  margin: 0 3px 0 0;
  padding: 3px;
  background-color: var(--sys-color-selected);
  color: var(--sys-color-text-primary);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 9px;
}
.scoreboard .playoffs {
  border: 2px solid var(--sys-color-primary) !important;
  border-radius: 2px;
}
.scoreboard .comments {
  margin-bottom: var(--space-1);
  padding: var(--space-2);
  border-radius: var(--radius-small);
  background-color: var(--sys-surface-grouped);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
.scoreboard .comments:last-child {
  border-bottom: none;
}
.scoreboard .author {
  display: inline-block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 600;
}
.scoreboard .line {
  border-left: 2px solid var(--table-rule-row);
}
.scoreboard .back-color {
  background-color: var(--sys-surface-grouped);
}
.scoreboard .hits-errors {
  color: var(--sys-color-text-secondary);
}
.scoreboard thead tr {
  background: transparent;
}
.scoreboard tr {
  border-bottom: none;
}
.scoreboard th, .scoreboard td {
  padding: 3px;
  font-size: 15px;
  line-height: 18px;
}
.scoreboard .game-gap {
  height: 12px;
  background-image: url(/objects/images/background-landing-scores.png);
}
.scoreboard .game-gap:last-child {
  background-image: none;
  height: 0;
}
@media (min-width: 1200px) {
  .scoreboard .game-gap {
    height: 21px;
  }
}
.scoreboard .link-boxscore::after {
  content: "Box";
}
.scoreboard .link-playbyplay::after {
  content: "PxP";
}
.scoreboard .link-replay::after {
  content: "Rpl";
}
@media (min-width: 1200px) {
  .scoreboard .link-boxscore::after {
    content: "Boxscore";
  }
  .scoreboard .link-playbyplay::after {
    content: "Play-by-Play";
  }
  .scoreboard .link-replay::after {
    content: "Replay";
  }
}
.scoreboard .hide-cell {
  display: none;
}
@media (min-width: 1200px) {
  .scoreboard .hide-cell {
    display: table-cell;
  }
}

.scoreboard-minors {
  display: none;
}

.cell-hide {
  display: none;
}
@media (min-width: 1536px) {
  .cell-hide {
    display: table-cell;
  }
}

.landing-simple {
  margin-bottom: var(--space-4);
  padding: var(--space-4);
  border-radius: var(--radius);
  background-color: var(--sys-color-surface);
}

.landing-bucket-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-4) auto;
  justify-content: left;
}

.landing-mini {
  flex: 0 0 calc((100% - 9px) / 2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  padding: var(--space-2);
  border-radius: var(--radius);
  background-color: var(--sys-color-surface);
}
.landing-mini name {
  display: block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 600;
  color: var(--sys-color-text-secondary);
  text-align: center;
}
.landing-mini data {
  display: block;
  font-size: 18px;
  line-height: 21px;
  font-weight: 900;
  text-align: center;
}

.landing-actions .subtitle {
  display: block;
  margin-bottom: var(--space-1);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 11px;
  color: var(--sys-color-text-secondary);
}
.landing-actions span:not(.additional) {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.landing-actions span:not(.additional):nth-child(1) {
  text-align: left;
}
.landing-actions span:not(.additional):nth-child(2) {
  display: block;
  float: right;
  color: var(--sys-color-text-secondary);
  text-align: right;
}

.landing-birthday {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: var(--space-3);
  padding: var(--space-4);
  border-radius: var(--radius);
  background-color: var(--sys-color-primary);
  background-image: url(/objects/images/birthday-backdrop.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
  color: var(--sys-color-on-primary);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}
.landing-birthday .birthday-owner {
  margin-bottom: var(--space-3);
}
.landing-birthday .name {
  margin-bottom: var(--space-1);
  font-weight: 600;
}

.landing-comment-others {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}

.landing-toggle-comment {
  display: none;
}

.bucket-2 {
  background-color: var(--sys-surface-secondary-tint);
}
.bucket-2 .additional {
  background-color: transparent !important;
  color: var(--sys-color-text-primary);
}
.bucket-2 .bottom-table tr {
  border-bottom-color: var(--sys-color-border);
}

.bucket-5 {
  background-color: var(--sys-surface-grouped);
}

.title-tier-4 {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
  letter-spacing: -0.05em;
  line-height: 1.1;
}

.title-tier-6 {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
}

.title-tier-4 a,
.title-tier-6 a {
  color: inherit;
  text-decoration: none;
}
.title-tier-4 a:hover,
.title-tier-6 a:hover {
  text-decoration: underline;
}

.team-name-weighted .team-name-city {
  font-weight: 700;
}
.team-name-weighted .team-name-nickname {
  font-weight: 400;
}

.bottom-description {
  margin-bottom: var(--space-2);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-muted);
  line-height: 1.4;
}

.bottom-table {
  width: 100%;
  border-collapse: collapse;
}
.bottom-table tr {
  border-bottom: 1px solid var(--table-rule-row);
}
.bottom-table tr:last-child {
  border-bottom: none;
}
.bottom-table td {
  padding: var(--space-1) 0;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}
.bottom-table td a {
  color: var(--sys-color-text-primary);
  text-decoration: none;
}
.bottom-table td a:hover {
  color: var(--sys-color-link);
}
.bottom-table .bottom-value {
  color: var(--sys-color-primary);
  font-weight: 600;
  text-align: right;
}

.thumbnails-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
}

.usage-section {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.usage-section table {
  min-width: 100%;
}

.powerpoll-table .rank {
  width: 34px;
  text-align: center;
  line-height: 1;
}
.powerpoll-table .logo img {
  display: block;
  width: 22px;
  height: 22px;
}
.powerpoll-table .moved {
  width: 30px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}
.powerpoll-table .powerpoll-up {
  color: var(--sys-color-success-text);
}
.powerpoll-table .powerpoll-down {
  color: var(--sys-color-error-text);
}
.powerpoll-table .powerpoll-split td {
  border-top: 2px solid var(--table-rule-top);
}

.rb-rank {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.rb-rank .fa-wreath-laurel {
  font-size: 22px;
  color: var(--sys-color-text-muted);
}
.rb-rank .rb-rank-num {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 700;
  color: var(--sys-color-text-primary);
}
.rb-rank.rb-rank-1 .fa-wreath-laurel {
  color: #DAA520;
}

.icon-comments {
  display: inline;
  margin: 0 3px 0 0;
  padding: var(--space-1);
  border-radius: var(--radius-small);
  background-color: var(--sys-color-selected);
  color: var(--sys-color-text-secondary);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 8px;
  line-height: 9px;
}

.owner-questions .question {
  margin-bottom: var(--space-2);
  font-weight: 600;
}
.owner-questions .answer-owner {
  margin-top: var(--space-2);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}

.chatter .chatter-move,
.chatter .chatter-clink {
  float: left;
  display: inline-block;
  margin: 0 var(--space-2);
}
.chatter .chatter-move a,
.chatter .chatter-clink a {
  text-decoration: none;
}
.chatter .chatter-action {
  float: right;
  display: inline-block;
}
.chatter .talk {
  position: relative;
  margin-bottom: var(--space-4);
  padding: var(--space-4);
  border-radius: var(--radius);
  background-color: var(--sys-color-surface);
  word-wrap: break-word;
}
.chatter .talk .chatter-copy {
  margin-bottom: var(--space-3);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
.chatter .talk .chatter-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-top: var(--space-2);
}
.chatter .talk .chatter-owner {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: inherit;
  text-decoration: none;
}
.chatter .talk .chatter-owner-meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.2;
}
.chatter .talk .chatter-owner-name {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}
.chatter .talk .chatter-owner-time {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}
.chatter .talk .chatter-heart {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
  white-space: nowrap;
}
.chatter .talk .chatter-delete {
  opacity: 0.5;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}
.chatter .talk .chatter-delete:hover {
  opacity: 1;
}
.chatter .entry {
  margin-bottom: var(--space-4);
}
.chatter .chatter-small {
  height: 36px;
}
.chatter .chatter-rest {
  display: none;
}
.chatter .owner {
  float: left;
  margin-top: var(--space-1);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}
.chatter .owner a {
  color: var(--sys-color-text-secondary);
  font-weight: 600;
}
.chatter textarea {
  width: 100%;
  height: 90px;
  margin-bottom: var(--space-1);
  padding: var(--space-2);
  border: 1px solid var(--sys-color-border-strong);
  border-radius: var(--radius);
  background-color: var(--sys-color-input-bg);
  color: var(--sys-color-text-primary);
  font-family: var(--font-sans);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
.chatter .copy {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
}

.chatter-loadmore-wrap {
  text-align: center;
}

.chatter-loadmore {
  display: inline-block;
  padding: var(--space-1) var(--space-2);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 600;
  color: var(--sys-color-text-secondary);
  text-decoration: none;
}
.chatter-loadmore:hover {
  color: var(--sys-color-text-primary);
}
.chatter-loadmore.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

.journal-spotlight {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
@media (min-width: 900px) {
  .journal-spotlight {
    grid-template-columns: repeat(2, 1fr);
  }
}

.journal-card {
  margin-bottom: 0;
}
.journal-card .inside {
  display: block;
  height: 100%;
}
.journal-card asset {
  display: block;
  min-height: 200px;
  margin: calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-2);
  border-radius: var(--radius) var(--radius) 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 899.98px) {
  .journal-card asset {
    min-height: 140px;
  }
}
.journal-card name {
  display: block;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
}
.journal-card name a {
  font-weight: 700;
}
@media (max-width: 899.98px) {
  .journal-card name {
    font-size: 15px;
  }
}
.journal-card description {
  display: block;
  margin: 6px 0;
}
.journal-card icons {
  display: block;
  margin-top: var(--space-1);
}

.journal-meta {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-muted);
}

.journal-type {
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
  font-size: 11px;
  letter-spacing: 0.05em;
  color: var(--sys-color-text-muted);
}

.journal-table {
  margin-bottom: 0;
}
.journal-table .marker {
  margin-left: 6px;
}

.movie-container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: var(--space-4);
  padding: var(--space-3);
  border-radius: var(--radius);
  background-color: var(--sys-color-surface);
}

.movie-image {
  width: 100%;
  min-height: 180px;
  border-radius: var(--radius);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.movie-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.movie-body {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
  line-height: 1.2;
}
.movie-body .author {
  color: var(--sys-color-text-muted);
}

.movie-stars {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}

.battle-matchup {
  display: flex;
  align-items: stretch;
  gap: var(--space-2);
}

.battle-card {
  flex: 1;
  padding: var(--space-2);
  border: 2px solid var(--sys-color-border);
  border-radius: var(--radius);
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease, opacity 0.2s ease;
}
.battle-card:hover {
  border-color: var(--sys-color-primary);
}

.battle-name {
  padding-bottom: var(--space-1);
  font-weight: 700;
}

.battle-vs {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: var(--sys-color-text-muted);
}

.my-page .my-section {
  min-width: 0;
}

.my-section .myteam-nav {
  margin-bottom: 0;
}
.my-section .card-mini-container {
  margin: 0;
}

.myteam-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.myteam-nav-pages,
.myteam-nav-trade {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: var(--space-1);
}
.myteam-nav-pages a,
.myteam-nav-trade a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius);
  color: var(--sys-color-link);
  text-decoration: none;
}
.myteam-nav-pages a:hover,
.myteam-nav-trade a:hover {
  background-color: #EFCA08;
  color: #665603;
}

@media (max-width: 1199.98px) {
  .my-page .landing-left > .my-section-upcoming {
    order: 2;
    grid-column: span 8;
  }
  .my-page .landing-left > .my-section-auctions {
    order: 3;
    grid-column: span 8;
  }
  .my-page .landing-left > .my-section-rosternav {
    order: 4;
    grid-column: span 8;
  }
  .my-page .landing-left > .my-section-totals {
    order: 4;
    grid-column: span 8;
  }
  .my-page .landing-left > .my-section-pitching {
    order: 5;
    grid-column: span 8;
  }
  .my-page .landing-left > .my-section-catching {
    order: 6;
    grid-column: span 8;
  }
  .my-page .landing-right > .right-content-row {
    order: 7;
    grid-column: span 8;
  }
  .my-page .landing-right > .my-section-calendar {
    order: 8;
    grid-column: span 8;
  }
  .my-page .landing-left > .my-section-injuries {
    order: 9;
    grid-column: span 8;
  }
}
@media (max-width: 899.98px) {
  .my-page .landing-left > .my-section-upcoming {
    grid-column: span 4;
  }
  .my-page .landing-left > .my-section-auctions {
    grid-column: span 4;
  }
  .my-page .landing-left > .my-section-rosternav {
    grid-column: span 4;
  }
  .my-page .landing-left > .my-section-totals {
    grid-column: span 4;
  }
  .my-page .landing-left > .my-section-pitching {
    grid-column: span 4;
  }
  .my-page .landing-left > .my-section-catching {
    grid-column: span 4;
  }
  .my-page .landing-left > .my-section-injuries {
    grid-column: span 4;
  }
  .my-page .landing-right > .right-content-row {
    grid-column: span 4;
  }
  .my-page .landing-right > .my-section-calendar {
    grid-column: span 4;
  }
}
.chart-frame {
  position: relative;
  min-width: 0;
}
.chart-frame canvas {
  display: block;
  max-width: 100%;
}

.site-footer {
  margin-top: var(--space-7);
  padding-bottom: var(--space-7);
}

.site-footer-columns {
  display: grid;
  gap: var(--space-5);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 600px) {
  .site-footer-columns {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .site-footer-columns {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}

.site-footer-title {
  margin-bottom: var(--space-2);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: var(--font-serif);
  font-weight: 600;
}

.site-footer-links {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 32px;
  margin-inline: calc(-1 * var(--space-2));
  padding-inline: var(--space-2);
  border-radius: var(--radius-small);
  color: var(--sys-color-link);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: none;
}
.site-footer-link [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: calc(16px * 0.8);
  line-height: 1;
}
.site-footer-link:hover {
  background: var(--sys-color-hover);
  color: var(--sys-color-link);
  text-decoration: none;
}
.site-footer-link[aria-current=page] {
  background: var(--sys-color-selected);
  color: var(--sys-color-primary);
  font-weight: 600;
}

.site-footer-divider {
  height: 1px;
  margin: var(--space-6) 0 var(--space-5);
  border: 0;
  background: var(--sys-color-border);
}

.site-footer-legal {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.site-footer-services .nav-counter {
  margin-left: calc(-1 * var(--space-2));
}
.site-footer-services .nav-counter:empty {
  display: none;
}

.site-footer-services {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
  margin: var(--space-1) 0 calc(-1 * var(--space-1)) -15px;
  padding: var(--space-1) 0;
  list-style: none;
  clip-path: inset(0 0 0 6px);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}
.site-footer-services li {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
}
.site-footer-services li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--sys-color-text-muted);
}
.site-footer-services a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding-inline: var(--space-1);
  border-radius: var(--radius-small);
  color: var(--sys-color-link);
  text-decoration: none;
}
.site-footer-services a:hover {
  background: var(--sys-color-hover);
  text-decoration: none;
}
.site-footer-services [class*=fa-] {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: calc(16px * 0.8);
  line-height: 1;
}

.site-footer-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-4);
  margin-top: var(--space-3);
}

.site-footer-speed {
  font-family: var(--font-mono);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-muted);
}

.site-footer-streak {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--sys-color-text-secondary);
}

.site-footer-action {
  display: inline-flex;
  align-items: center;
  padding: 0 var(--space-1);
  border: 0;
  border-radius: var(--radius-small);
  background: none;
  color: var(--sys-color-link);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
}
.site-footer-action:hover {
  background: var(--sys-color-hover);
  color: var(--sys-color-link);
  text-decoration: none;
}

@media (min-width: 900px) {
  .c1 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 6.5%;
  }

  .c2 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 15%;
  }

  .c3 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 23.5%;
  }

  .c4 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 32%;
  }

  .c5 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 40.5%;
  }

  .c6 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 49%;
  }

  .c7 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 57.5%;
  }

  .c8 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 66%;
  }

  .c9 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 74.5%;
  }

  .c10 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 83%;
  }

  .c11 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 91.5%;
  }

  .c12 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 2%;
    width: 100%;
  }

  .x1 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 8.3333333333%;
  }

  .x2 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 16.6666666667%;
  }

  .x3 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 25%;
  }

  .x4 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 33.3333333333%;
  }

  .x5 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 41.6666666667%;
  }

  .x6 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 50%;
  }

  .x7 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 58.3333333333%;
  }

  .x8 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 66.6666666667%;
  }

  .x9 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 75%;
  }

  .x10 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 83.3333333333%;
  }

  .x11 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 91.6666666667%;
  }

  .x12 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 100%;
  }

  .e1 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 12.5%;
  }

  .e2 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 25%;
  }

  .e3 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 37.5%;
  }

  .e4 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 50%;
  }

  .e5 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 62.5%;
  }

  .e6 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 75%;
  }

  .e7 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 87.5%;
  }

  .e8 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 100%;
  }

  .e9 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 112.5%;
  }

  .e10 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 125%;
  }

  .e11 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 137.5%;
  }

  .e12 {
    position: relative;
    float: left;
    margin-bottom: 24px;
    text-align: left;
    margin-left: 0;
    width: 150%;
  }

  .cf {
    clear: both;
    margin-left: 0;
  }

  .fl {
    float: left;
  }
}
.cl {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.sp {
  margin-right: 10px;
}

.cno {
  margin-bottom: 0;
}

.cme {
  margin-bottom: 9px;
}

.cr {
  text-align: right;
}

.cc {
  text-align: center;
}

.mt6 {
  margin-top: 6px;
}

.mt12 {
  margin-top: 12px;
}

.no {
  margin-bottom: 0;
}

.buffer {
  height: 21px;
}

.buffer-mid {
  height: 15px;
}

.dim {
  color: var(--sys-color-text-muted);
}

.fr {
  float: right;
}

.player-circle-mini,
.player-circle-tiny,
.photo-circle-30,
.team-thumb-32px {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--radius-pill);
}

.player-circle-mini {
  width: 50px;
  height: 50px;
}

.player-circle-tiny {
  width: 24px;
  height: 24px;
  margin: 0 auto;
}

.photo-circle-30 {
  width: 30px;
  height: 30px;
}

.team-thumb-32px,
.player-thumb-no-32px {
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}

.team-thumb-32px {
  background-size: contain;
}

.player-thumb-no-32px {
  background-size: cover;
}

.player-thumb-32px {
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 auto var(--space-3);
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.team-thumb-50px,
.player-thumb-no-50px {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}

.team-thumb-50px {
  background-size: contain;
}

.player-thumb-no-50px {
  background-size: cover;
}

.player-thumb-50px {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto var(--space-3);
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.team-thumb-75px,
.player-thumb-no-75px {
  position: relative;
  width: 75px;
  height: 75px;
  margin: 0 auto;
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}

.team-thumb-75px {
  background-size: contain;
}

.player-thumb-no-75px {
  background-size: cover;
}

.player-thumb-75px {
  position: relative;
  width: 75px;
  height: 75px;
  margin: 0 auto var(--space-3);
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.team-thumb-100px,
.player-thumb-no-100px {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}

.team-thumb-100px {
  background-size: contain;
}

.player-thumb-no-100px {
  background-size: cover;
}

.player-thumb-100px {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto var(--space-3);
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.team-thumb-150px,
.player-thumb-no-150px {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}

.team-thumb-150px {
  background-size: contain;
}

.player-thumb-no-150px {
  background-size: cover;
}

.player-thumb-150px {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto var(--space-3);
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.team-thumb-200px,
.player-thumb-no-200px {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}

.team-thumb-200px {
  background-size: contain;
}

.player-thumb-no-200px {
  background-size: cover;
}

.player-thumb-200px {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto var(--space-3);
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.team-thumb-250px,
.player-thumb-no-250px {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
}

.team-thumb-250px {
  background-size: contain;
}

.player-thumb-no-250px {
  background-size: cover;
}

.player-thumb-250px {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto var(--space-3);
  border-radius: 12px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.team-thumb-32px {
  width: 32px;
  height: 32px;
  background-size: contain;
  border-radius: 0;
}

.player-circle-60, .photo-circle-60,
.player-circle-90, .photo-circle-90,
.player-circle-120, .photo-circle-120,
.player-circle-180, .photo-circle-180,
.player-circle-medium, .photo-circle-medium,
.player-circle-full, .photo-circle-full,
.player-circle-xfull, .photo-circle-xfull,
.player-circle-dfa {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0 auto;
}

.player-circle-60, .photo-circle-60 {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  border: 6px solid var(--sys-surface-elevated);
}

.owner-thumb-32px {
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.owner-thumb-50px {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.owner-thumb-100px {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.owner-thumb-150px {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.owner-thumb-200px {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.owner-thumb-250px {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.link-start {
  display: inline-block;
  margin-right: var(--space-2);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius);
  background-color: var(--sys-color-primary);
  color: var(--sys-color-on-primary);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}
.link-start:hover {
  background-color: var(--sys-color-link);
}

.watchlist-open:hover {
  color: var(--sys-color-link);
}
.watchlist-open:active {
  color: var(--sys-color-text-primary);
}

.player-circle-90, .photo-circle-90 {
  width: 90px;
  height: 90px;
  border-radius: 45px;
  border: 6px solid var(--sys-surface-elevated);
}

.player-circle-120, .photo-circle-120 {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  border: 6px solid var(--sys-surface-elevated);
}

.player-circle-180, .photo-circle-180 {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  border: 6px solid var(--sys-surface-elevated);
}

.player-circle-medium, .photo-circle-medium {
  width: 90px;
  height: 90px;
  border-radius: 45px;
}

.player-circle-full, .photo-circle-full {
  width: 120px;
  height: 120px;
  border-radius: 60px;
}

.player-circle-xfull, .photo-circle-xfull {
  width: 250px;
  height: 250px;
  border-radius: 125px;
}

.player-circle-dfa {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}

.layout-main input[type=text]:not(.input),
.layout-main input[type=number]:not(.input),
.layout-main input[type=password]:not(.input),
.layout-main input[type=email]:not(.input),
.layout-main input[type=date]:not(.input),
.layout-main input[type=time]:not(.input),
.layout-main input[type=search]:not(.input),
.layout-main textarea:not(.input),
.layout-main select:not(.input) {
  display: block;
  width: 100%;
  margin-bottom: var(--space-2);
  padding: 6px var(--space-2);
  border: 1px solid var(--sys-color-border-strong);
  border-radius: var(--radius-small);
  background-color: var(--sys-color-input-bg);
  color: var(--sys-color-text-primary);
  font-family: inherit;
  font-size: 16px;
}
@media (min-width: 900px) {
  .layout-main input[type=text]:not(.input),
.layout-main input[type=number]:not(.input),
.layout-main input[type=password]:not(.input),
.layout-main input[type=email]:not(.input),
.layout-main input[type=date]:not(.input),
.layout-main input[type=time]:not(.input),
.layout-main input[type=search]:not(.input),
.layout-main textarea:not(.input),
.layout-main select:not(.input) {
    font-size: 14px;
  }
}
.layout-main textarea:not(.input) {
  min-height: 96px;
}

input[type=text].thin {
  padding: 4px 6px;
  font-size: 12px;
}

input[type=text].short {
  width: 33%;
}

input[type=submit]:not(.button),
.submit:not(.button),
.button-submit,
.button-submit-thin,
.thumbnail-upload {
  display: inline-block;
  width: auto;
  padding: 6px var(--space-3);
  border: 1px solid transparent;
  border-radius: var(--radius-small);
  background-color: var(--sys-color-primary);
  color: var(--sys-color-on-primary);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
}
input[type=submit]:not(.button):hover,
.submit:not(.button):hover,
.button-submit:hover,
.button-submit-thin:hover,
.thumbnail-upload:hover {
  background-image: linear-gradient(var(--sys-color-press), var(--sys-color-press));
  text-decoration: none;
}

input[type=submit].submit-thin,
input[type=submit].submit-slim,
.submit.slim,
.button-submit-thin {
  padding: 3px var(--space-2);
}

input[type=submit].submit-ghost,
button.submit-ghost,
.submit.light {
  border-color: var(--sys-color-border-strong);
  background-color: var(--sys-color-input-bg);
  background-image: none;
  color: var(--sys-color-link);
}

.light {
  color: var(--sys-color-text-primary);
  font-weight: 300;
}

.light + table,
.light + .statistics {
  margin-top: var(--space-2);
}

.loading-wait {
  display: none;
  text-align: center;
}

.sheet,
.sheet-light {
  display: block;
  margin-bottom: var(--space-5);
  padding: var(--space-5);
  border: 1px solid var(--sys-color-border);
  border-bottom-width: var(--elevation-overlay);
  border-radius: var(--radius);
  background: var(--sys-color-surface);
  --surface-current: var(--sys-color-surface-solid);
}

.sheet-links a {
  display: block;
  margin-bottom: var(--space-1);
  padding: var(--space-1);
  color: var(--sys-color-link);
  text-decoration: none;
}
.sheet-links a:hover {
  text-decoration: underline;
}

.sheet-column-card {
  margin-bottom: var(--space-4);
  padding: var(--space-4);
  border: 1px solid var(--sys-color-border);
  border-bottom-width: var(--elevation-overlay);
  border-radius: var(--radius);
  background: var(--sys-color-surface);
  --surface-current: var(--sys-color-surface-solid);
}
.sheet-column-card h2,
.sheet-column-card month {
  display: block;
  margin-bottom: var(--space-2);
  font: 700 12px/16px var(--font-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sys-color-text-muted);
}

.bar,
.break {
  margin-bottom: var(--space-3);
}

.break-thin {
  margin-bottom: var(--space-2);
}

.split {
  margin-bottom: var(--space-6);
}

.split-line {
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--sys-color-border);
}

.b1 {
  padding-right: var(--space-4);
}

.bucket {
  display: block;
  margin-bottom: var(--space-4);
  padding: var(--space-4);
  border-radius: var(--radius);
}

.bucket-1 {
  border-bottom: 2px solid var(--sys-color-border);
  background: var(--sys-color-surface);
}