/* Standalone auth styles. Local Manrope uses swap so text remains visible during loading. */
.game-intro { padding: clamp(56px, 7vw, 100px) clamp(22px, 6vw, 90px); background: var(--bg, #17191d); color: var(--text, #e8e4de); border-top: 1px solid var(--line); }
.game-intro-inner { max-width: 1100px; margin: 0 auto; }
.game-intro-kicker { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.game-intro h2 { max-width: 800px; margin: 16px 0 20px; font-size: clamp(30px, 4vw, 48px); line-height: 1.15; letter-spacing: -.04em; }
.game-intro-lead { max-width: 780px; font-size: 17px; line-height: 1.75; color: var(--muted); }
.game-intro-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 64px; margin: 45px 0; }
.game-intro-grid article { border-top: 1px solid var(--line); padding-top: 18px; }
.game-intro-grid h3 { font-size: 20px; margin: 0 0 12px; }
.game-intro-grid p { margin: 0; color: var(--muted); line-height: 1.75; font-size: 15px; }
.game-intro-return { color: var(--lime); font-weight: 800; text-underline-offset: 5px; }
@media (max-width: 720px) { .game-intro-grid { grid-template-columns: 1fr; gap: 25px; } .game-intro-lead { font-size: 15px; } }
/* Standalone auth styles. Local Manrope uses swap so text remains visible during loading. */
/* Manrope is served locally; no external stylesheet can hold up first paint. SIL OFL: /fonts/LICENSE. */
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic-ext-v20.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic-v20.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/manrope-greek-v20.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/manrope-vietnamese-v20.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/manrope-latin-ext-v20.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/fonts/manrope-latin-v20.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root { font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color: rgb(236, 240, 237); background: rgb(17, 22, 19); font-synthesis: none; --muted: #97a49b; --line: #303a32; --lime: #b9f668; --panel: #1b231e; }
* { box-sizing: border-box; }
body { margin: 0px; }
button, input, select { font: inherit; }
button, a, select { touch-action: manipulation; }
button { cursor: pointer; }
button:disabled { opacity: 0.45; cursor: wait; }
button:focus-visible, a:focus-visible, select:focus-visible, input:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }
.navlabel, .eyebrow { font-size: 12px; letter-spacing: 1.8px; color: var(--muted); font-weight: 700; text-transform: uppercase; }
.sub { color: var(--muted); font-size: 14px; line-height: 1.7; margin: 0px; }
.primary, .secondary { border: 0px; border-radius: 7px; padding: 12px 18px; font-size: 14px; font-weight: 800; white-space: nowrap; }
.primary { background: var(--lime); color: rgb(23, 35, 19); }
.secondary { background: rgb(41, 53, 44); color: rgb(232, 241, 233); border: 1px solid rgb(58, 73, 61); }
.primary:hover { background: rgb(203, 255, 138); }
.secondary:hover { background: rgb(54, 73, 58); }
.danger { color: rgb(244, 185, 166); }
.auth-page { max-width: 520px; margin: 8vh auto; padding: 20px; }
.auth-page h1 { margin: 14px 0px; }
.auth-page .sub { line-height: 1.7; }
.auth-page form { display: grid; gap: 18px; margin-top: 24px; }
.auth-page label { display: grid; gap: 9px; font-size: 14px; }
.auth-page input { width: 100%; box-sizing: border-box; padding: 13px; background: rgb(24, 36, 28); color: rgb(238, 243, 238); border: 1px solid rgb(67, 81, 69); border-radius: 6px; font: inherit; }
.auth-page small { color: var(--muted); line-height: 1.5; }
:root { color-scheme: dark; color: rgb(235, 242, 232); background: rgb(11, 23, 21); --muted: #94aa9a; --line: #304339; --lime: #cef269; --panel: #12231e; --surface-raised: #192e26; }
body { background: rgb(11, 23, 21); }
.eyebrow, .navlabel { color: rgb(137, 164, 147); font-size: 10px; letter-spacing: 0.12em; }
.sub { color: var(--muted); font-size: 13px; line-height: 1.65; }
.primary, .secondary { padding: 11px 17px; border-radius: 6px; font-size: 12px; letter-spacing: 0.01em; }
.primary { background: var(--lime); color: rgb(17, 33, 19); }
.primary:hover { background: rgb(218, 250, 137); }
.secondary { background: rgb(35, 57, 44); color: rgb(229, 241, 226); border-color: rgb(64, 91, 71); }
.secondary:hover { background: rgb(48, 81, 58); }
select, .auth-page input, .press-dialog textarea, .application-rules input { background: rgb(23, 43, 34); color: rgb(239, 245, 237); border-color: rgb(64, 91, 71); }
select:hover, .auth-page input:hover, .press-dialog textarea:hover { border-color: rgb(108, 145, 111); }
.auth-page { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; margin-top: max(28px, 7vh); padding: clamp(22px, 4vw, 36px); }
.auth-page h1 { font-size: clamp(28px, 3vw, 40px); letter-spacing: -0.05em; }
.login-body { min-height: 100vh; background: rgb(9, 23, 18); color: rgb(238, 245, 233); }
.login-body .auth-page { display: grid; grid-template-columns: minmax(0px, 1.08fr) minmax(410px, 0.92fr); max-width: none; min-height: 100vh; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; }
.auth-story { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-width: 0px; padding: clamp(30px, 4.2vw, 68px); overflow: hidden; background: radial-gradient(65% 55% at 88% 72%, rgba(49, 83, 48, 0.5), transparent 72%), linear-gradient(145deg, rgb(18, 50, 37), rgb(12, 37, 29) 62%, rgb(16, 43, 29)); border-right: 1px solid rgb(54, 85, 67); }
.auth-story::after { content: ""; position: absolute; right: -15%; top: -18%; width: 70%; aspect-ratio: 1 / 1; border: 1px solid rgba(168, 219, 117, 0.125); border-radius: 50%; box-shadow: rgba(168, 219, 117, 0.03) 0px 0px 0px 70px, rgba(168, 219, 117, 0.024) 0px 0px 0px 140px; pointer-events: none; }
.auth-wordmark { position: relative; z-index: 1; display: block; align-self: flex-start; white-space: nowrap; font-size: clamp(25px, 2.5vw, 38px); line-height: 1; font-weight: 800; letter-spacing: -0.065em; color: rgb(243, 249, 238); }
.auth-wordmark span { color: var(--lime); }
.auth-story-content { position: relative; z-index: 1; max-width: 760px; margin: 80px 0px 54px; }
.auth-kicker { display: flex; align-items: center; gap: 10px; color: rgb(189, 213, 181); font-size: 11px; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; }
.auth-kicker-dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--lime); box-shadow: 0 0 16px var(--lime); }
.auth-story h2 { margin: 24px 0px 20px; font-size: clamp(47px, 5.2vw, 82px); line-height: 1.03; letter-spacing: -0.075em; font-weight: 800; }
.auth-story h2 em { font-style: normal; color: var(--lime); }
.auth-story-content > p { max-width: 490px; margin: 0px; color: rgb(179, 200, 182); font-size: clamp(14px, 1.35vw, 17px); line-height: 1.75; }
.auth-pitch { position: relative; margin-top: clamp(40px, 6vh, 75px); max-width: 650px; padding: 14px; border: 1px solid rgba(148, 189, 122, 0.22); border-radius: 16px; background: linear-gradient(135deg, rgba(41, 76, 53, 0.66), rgba(28, 61, 46, 0.396)); box-shadow: rgba(3, 18, 10, 0.3) 0px 25px 70px; transform: rotate(-3deg); }
.auth-pitch svg { display: block; width: 100%; height: auto; color: rgba(162, 189, 149, 0.27); }
.auth-pitch-label { position: absolute; right: 23px; bottom: 23px; color: rgb(215, 237, 199); font-size: 10px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; }
.auth-story-footer { position: relative; z-index: 1; display: flex; gap: clamp(20px, 3vw, 50px); color: rgb(141, 174, 145); font-size: 10px; font-weight: 800; letter-spacing: 0.2em; }
.auth-access { display: flex; flex-direction: column; min-width: 0px; padding: clamp(28px, 3.5vw, 56px) clamp(24px, 5vw, 88px); background: radial-gradient(100% 70% at 50% 40%, rgb(23, 48, 37), rgb(11, 27, 22) 75%); }
.auth-access-top { display: flex; align-items: center; gap: 14px; color: rgb(129, 158, 137); font-size: 10px; font-weight: 800; letter-spacing: 0.14em; }
.auth-access-mark { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgb(108, 149, 84); border-radius: 7px; color: var(--lime); font-size: 11px; letter-spacing: -0.04em; }
.auth-card { width: 100%; max-width: 450px; margin: auto; }
.auth-card .eyebrow { color: var(--lime); font-size: 11px; letter-spacing: 0.16em; }
.auth-card h1 { margin: 12px 0px 10px; font-size: clamp(34px, 3vw, 46px); line-height: 1.1; letter-spacing: -0.055em; }
.auth-card .sub { color: rgb(161, 181, 166); font-size: 14px; line-height: 1.7; }
.auth-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 34px 0px 28px; padding: 4px; border: 1px solid rgb(52, 81, 64); border-radius: 9px; background: rgb(18, 41, 30); }
.auth-modes button { min-width: 0px; min-height: 43px; padding: 9px 12px; border: 0px; border-radius: 6px; font-size: 12px; }
.auth-modes .secondary { color: rgb(168, 187, 172); background: transparent; }
.auth-modes .secondary:hover { color: rgb(238, 245, 233); background: rgb(32, 61, 42); }
.auth-modes .primary { color: rgb(19, 37, 23); background: var(--lime); }
.login-body .auth-page form { display: grid; gap: 20px; margin: 0px; }
.auth-field { display: grid; gap: 9px; min-width: 0px; }
.auth-field[hidden] { display: none; }
.auth-tools { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 18px; }
.auth-text-button { background: transparent; border: 0; padding: 3px 0; color: var(--muted); font-size: 12px; text-align: left; text-decoration: underline; text-underline-offset: 3px; }
.auth-text-button:hover { color: var(--text); }
#auth-message { margin: 0; color: var(--text); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
#auth-message:empty { display: none; }
.auth-field label { display: block; color: rgb(228, 238, 226); font-size: 12px; font-weight: 800; letter-spacing: 0.015em; }
.login-body .auth-field input { display: block; width: 100%; min-height: 50px; padding: 13px 15px; border: 1px solid rgb(66, 96, 76); border-radius: 7px; background: rgb(16, 40, 29); color: rgb(242, 248, 239); font-size: 14px; transition: border-color 0.18s, background 0.18s; }
.login-body .auth-field input::placeholder { color: rgb(111, 140, 119); }
.login-body .auth-field input:hover { border-color: rgb(115, 149, 112); }
.login-body .auth-field input:focus { background: rgb(22, 49, 34); border-color: var(--lime); }
.auth-field small { color: rgb(143, 166, 146); font-size: 11px; line-height: 1.5; }
.auth-password-wrap { position: relative; }
.auth-password-wrap input { padding-right: 95px !important; }
.auth-reveal { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); min-width: 69px; padding: 8px; border: 0px; border-radius: 5px; background: transparent; color: rgb(190, 217, 158); font-size: 11px; font-weight: 800; }
.auth-reveal:hover { background: rgb(38, 69, 45); color: var(--lime); }
.login-body #auth-error { margin: 0px; font-size: 12px; line-height: 1.5; }
.login-body #auth-error:empty { display: none; }
.login-body .auth-submit { width: 100%; min-height: 51px; margin-top: 2px; border-radius: 7px; font-size: 13px; }
.auth-footnote { margin: 26px 0px 0px; color: rgb(117, 145, 122); text-align: center; font-size: 11px; letter-spacing: 0.04em; }
@media (max-width: 900px) {
.login-body .auth-page { grid-template-columns: minmax(0px, 1fr) minmax(360px, 1fr); }
.auth-story { padding: 36px; }
.auth-story-content { margin: 70px 0px; }
.auth-story h2 { font-size: clamp(40px, 5vw, 58px); }
.auth-access { padding: 32px; }
}
@media (max-width: 720px) {
.login-body .auth-page { display: block; min-height: 100vh; }
.auth-story { padding: 26px 22px 28px; border-right: 0px; border-bottom: 1px solid rgb(54, 85, 67); }
.auth-wordmark { font-size: 28px; }
.auth-story-content { margin: 42px 0px 24px; }
.auth-story h2 { margin: 16px 0px 13px; font-size: clamp(37px, 10vw, 55px); }
.auth-story-content > p { max-width: 440px; font-size: 13px; }
.auth-pitch, .auth-story-footer { display: none; }
.auth-access { min-height: 0px; padding: 28px 22px 50px; }
.auth-access-top { display: none; }
.auth-card { max-width: 460px; }
.auth-card h1 { font-size: 34px; }
.auth-modes { margin: 28px 0px 25px; }
}
@media (max-width: 380px) {
.auth-story h2 { font-size: 35px; }
.auth-kicker { font-size: 9px; }
.auth-modes button { font-size: 11px; }
}
@keyframes mobile-notice-fade { 
  0%, 80% { opacity: 1; }
  100% { opacity: 0; }
}
:root[data-theme="stadium"] { color-scheme: dark; --bg: #101e58; --text: #fff4cd; --muted: #bec9e4; --line: #354780; --lime: #ffe89b; --panel: #172c70; --surface-raised: #263c7f; --theme-header: #0d194a; --theme-sidebar: #101e58; --theme-input: #101e58; --theme-hover: #2b4181; --theme-active: #263c7f; --theme-stripe: #1b3178; --theme-primary: #b82b38; --theme-primary-hover: #a12431; --theme-primary-text: #fff8ed; --theme-rating: #ffe89b; --theme-link: #fff4cd; --theme-success: #bce0c6; --theme-danger: #ffb7ad; --theme-warning: #ffe18a; --theme-general: #b5cff4; --theme-secondary: #ffb7bd; --theme-hero: #263c7f; --theme-progress: #ffe89b; --theme-track: #354780; --theme-soft: #263c7f; }
:root[data-theme="cobalt"] { color-scheme: light; --bg: #eaeadd; --text: #253248; --muted: #536076; --line: #c7cebf; --lime: #224b91; --panel: #fafaf2; --surface-raised: #e4eaf1; --theme-header: #224b91; --theme-sidebar: #e4e6db; --theme-input: #fffef6; --theme-hover: #e4eaf1; --theme-active: #dce5f1; --theme-stripe: #f1f2e8; --theme-primary: #b91f5b; --theme-primary-hover: #9e194d; --theme-primary-text: #fffef4; --theme-rating: #224b91; --theme-link: #24262b; --theme-success: #287152; --theme-danger: #a33745; --theme-warning: #7b5712; --theme-general: #315b86; --theme-secondary: #9e3557; --theme-hero: #dce5f1; --theme-progress: #224b91; --theme-track: #c7cebf; --theme-soft: #e4eaf1; }
:root[data-theme="bloom"] { color-scheme: light; --bg: #f0ddbf; --text: #3a2d38; --muted: #705b4b; --line: #d8bea0; --lime: #3c2045; --panel: #fff3df; --surface-raised: #ead4ba; --theme-header: #3c2045; --theme-sidebar: #ead4ba; --theme-input: #fff6e7; --theme-hover: #ebdccb; --theme-active: #e8d8df; --theme-stripe: #f6e7d0; --theme-primary: #a8401d; --theme-primary-hover: #913617; --theme-primary-text: #fff7e9; --theme-rating: #3c2045; --theme-link: #24262b; --theme-success: #356244; --theme-danger: #9b3034; --theme-warning: #79510b; --theme-general: #315876; --theme-secondary: #963d50; --theme-hero: #e8d8df; --theme-progress: #3c2045; --theme-track: #d8bea0; --theme-soft: #ead4ba; }
:root[data-theme="autumn"] { color-scheme: light; --bg: #f6ead8; --text: #472e2a; --muted: #755447; --line: #dfbfa9; --lime: #913e36; --panel: #fff8eb; --surface-raised: #f1dcc6; --theme-header: #913e36; --theme-sidebar: #efddc9; --theme-input: #fff9ef; --theme-hover: #f1e1cf; --theme-active: #ebd2bf; --theme-stripe: #faefde; --theme-primary: #ef963d; --theme-primary-hover: #f4a44f; --theme-primary-text: #3d2313; --theme-rating: #913e36; --theme-link: #24262b; --theme-success: #405f37; --theme-danger: #a13931; --theme-warning: #7d520c; --theme-general: #315976; --theme-secondary: #963c53; --theme-hero: #ebd2bf; --theme-progress: #913e36; --theme-track: #dfbfa9; --theme-soft: #f1dcc6; }
:root[data-theme="copper"] { color-scheme: dark; --bg: #17191d; --text: #e8e4de; --muted: #b6afa6; --line: #45464b; --lime: #d6a479; --panel: #24262c; --surface-raised: #2d3036; --theme-header: #111316; --theme-sidebar: #1d2025; --theme-input: #17191d; --theme-hover: #3c3028; --theme-active: #3c3028; --theme-stripe: #ffffff03; --theme-primary: #d6a479; --theme-primary-hover: color-mix(in srgb,#d6a479,white 10%); --theme-primary-text: #251b13; --theme-rating: #d6a479; --theme-link: #e8e4de; --theme-success: #b0d6bb; --theme-danger: #e3a7a7; --theme-warning: #e2c597; --theme-general: #aecbe8; --theme-secondary: #e2adc0; --theme-hero: #3c3028; --theme-progress: #d6a479; --theme-track: #45464b; --theme-soft: #3c3028; }
:root[data-theme="arctic"] { color-scheme: dark; --bg: #101e25; --text: #e0edf0; --muted: #a5bec5; --line: #3e5963; --lime: #7cc9ce; --panel: #1b303a; --surface-raised: #243c46; --theme-header: #0c181f; --theme-sidebar: #15262f; --theme-input: #101e25; --theme-hover: #25464e; --theme-active: #25464e; --theme-stripe: #ffffff03; --theme-primary: #7cc9ce; --theme-primary-hover: color-mix(in srgb,#7cc9ce,white 10%); --theme-primary-text: #10292d; --theme-rating: #7cc9ce; --theme-link: #e0edf0; --theme-success: #b0d6bb; --theme-danger: #e3a7a7; --theme-warning: #e2c597; --theme-general: #aecbe8; --theme-secondary: #e2adc0; --theme-hero: #25464e; --theme-progress: #7cc9ce; --theme-track: #3e5963; --theme-soft: #25464e; }
:root[data-theme="cherry"] { color-scheme: dark; --bg: #22191f; --text: #f0e4e8; --muted: #c3adb7; --line: #654a57; --lime: #d998a7; --panel: #33262e; --surface-raised: #402f38; --theme-header: #191218; --theme-sidebar: #2b2027; --theme-input: #22191f; --theme-hover: #4c303d; --theme-active: #4c303d; --theme-stripe: #ffffff03; --theme-primary: #d998a7; --theme-primary-hover: color-mix(in srgb,#d998a7,white 10%); --theme-primary-text: #2c1621; --theme-rating: #d998a7; --theme-link: #f0e4e8; --theme-success: #b0d6bb; --theme-danger: #e3a7a7; --theme-warning: #e2c597; --theme-general: #aecbe8; --theme-secondary: #e2adc0; --theme-hero: #4c303d; --theme-progress: #d998a7; --theme-track: #654a57; --theme-soft: #4c303d; }
:root[data-theme="mint"] { color-scheme: dark; --bg: #181d20; --text: #e1eae6; --muted: #acbeb6; --line: #485854; --lime: #93cbb5; --panel: #262e32; --surface-raised: #303a3e; --theme-header: #12181b; --theme-sidebar: #20272b; --theme-input: #181d20; --theme-hover: #30463e; --theme-active: #30463e; --theme-stripe: #ffffff03; --theme-primary: #93cbb5; --theme-primary-hover: color-mix(in srgb,#93cbb5,white 10%); --theme-primary-text: #172a22; --theme-rating: #93cbb5; --theme-link: #e1eae6; --theme-success: #b0d6bb; --theme-danger: #e3a7a7; --theme-warning: #e2c597; --theme-general: #aecbe8; --theme-secondary: #e2adc0; --theme-hero: #30463e; --theme-progress: #93cbb5; --theme-track: #485854; --theme-soft: #30463e; }
:root[data-theme="indigo"] { color-scheme: dark; --bg: #171b30; --text: #e6e9f5; --muted: #b0bad6; --line: #4a5579; --lime: #b3bafa; --panel: #252c47; --surface-raised: #303853; --theme-header: #111527; --theme-sidebar: #1e243c; --theme-input: #171b30; --theme-hover: #383f63; --theme-active: #383f63; --theme-stripe: #ffffff03; --theme-primary: #b3bafa; --theme-primary-hover: color-mix(in srgb,#b3bafa,white 10%); --theme-primary-text: #202744; --theme-rating: #b3bafa; --theme-link: #e6e9f5; --theme-success: #b0d6bb; --theme-danger: #e3a7a7; --theme-warning: #e2c597; --theme-general: #aecbe8; --theme-secondary: #e2adc0; --theme-hero: #383f63; --theme-progress: #b3bafa; --theme-track: #4a5579; --theme-soft: #383f63; }
:root[data-theme="linen"] { color-scheme: light; --bg: #d7d2c5; --text: #283b32; --muted: #4a594c; --line: #b5bcac; --lime: #285b49; --panel: #ebe7dc; --surface-raised: #dddccd; --theme-header: #c8cdbf; --theme-sidebar: #c8cdbf; --theme-input: #ebe7dc; --theme-hover: #cfdcc8; --theme-active: #cfdcc8; --theme-stripe: #00000005; --theme-primary: #285b49; --theme-primary-hover: color-mix(in srgb,#285b49,black 12%); --theme-primary-text: #f6f4ec; --theme-rating: #285b49; --theme-link: #283b32; --theme-success: #356142; --theme-danger: #963f43; --theme-warning: #755020; --theme-general: #315c7b; --theme-secondary: #8c455b; --theme-hero: #cfdcc8; --theme-progress: #285b49; --theme-track: #b5bcac; --theme-soft: #cfdcc8; }
:root[data-theme="slate"] { color-scheme: light; --bg: #c7d3df; --text: #243b4d; --muted: #3e5467; --line: #a3b6c5; --lime: #2d5879; --panel: #e2e9ee; --surface-raised: #cedbe4; --theme-header: #b8c8d6; --theme-sidebar: #b8c8d6; --theme-input: #e2e9ee; --theme-hover: #b9cedd; --theme-active: #b9cedd; --theme-stripe: #00000005; --theme-primary: #2d5879; --theme-primary-hover: color-mix(in srgb,#2d5879,black 12%); --theme-primary-text: #f6f4ec; --theme-rating: #2d5879; --theme-link: #243b4d; --theme-success: #356142; --theme-danger: #963f43; --theme-warning: #755020; --theme-general: #315c7b; --theme-secondary: #8c455b; --theme-hero: #b9cedd; --theme-progress: #2d5879; --theme-track: #a3b6c5; --theme-soft: #b9cedd; }
:root[data-theme="clay"] { color-scheme: light; --bg: #d9c6b8; --text: #47372e; --muted: #594538; --line: #bfa38f; --lime: #7e4532; --panel: #eee1d4; --surface-raised: #e1cfbf; --theme-header: #cdb4a0; --theme-sidebar: #cdb4a0; --theme-input: #eee1d4; --theme-hover: #dfc5b2; --theme-active: #dfc5b2; --theme-stripe: #00000005; --theme-primary: #7e4532; --theme-primary-hover: color-mix(in srgb,#7e4532,black 12%); --theme-primary-text: #f6f4ec; --theme-rating: #7e4532; --theme-link: #47372e; --theme-success: #356142; --theme-danger: #963f43; --theme-warning: #755020; --theme-general: #315c7b; --theme-secondary: #8c455b; --theme-hero: #dfc5b2; --theme-progress: #7e4532; --theme-track: #bfa38f; --theme-soft: #dfc5b2; }
:root[data-theme="olive"] { color-scheme: light; --bg: #cbd0bb; --text: #303d28; --muted: #45513a; --line: #a4b08e; --lime: #4a5c36; --panel: #e0e4d3; --surface-raised: #d1d9bf; --theme-header: #bac3a6; --theme-sidebar: #bac3a6; --theme-input: #e0e4d3; --theme-hover: #c4d2ae; --theme-active: #c4d2ae; --theme-stripe: #00000005; --theme-primary: #4a5c36; --theme-primary-hover: color-mix(in srgb,#4a5c36,black 12%); --theme-primary-text: #f6f4ec; --theme-rating: #4a5c36; --theme-link: #303d28; --theme-success: #356142; --theme-danger: #963f43; --theme-warning: #755020; --theme-general: #315c7b; --theme-secondary: #8c455b; --theme-hero: #c4d2ae; --theme-progress: #4a5c36; --theme-track: #a4b08e; --theme-soft: #c4d2ae; }
:root[data-theme="lavender"] { color-scheme: light; --bg: #d3cedf; --text: #3e344a; --muted: #544861; --line: #b6a9c5; --lime: #614e71; --panel: #e7e2ee; --surface-raised: #d9d1e3; --theme-header: #c2bbd0; --theme-sidebar: #c2bbd0; --theme-input: #e7e2ee; --theme-hover: #d4c7df; --theme-active: #d4c7df; --theme-stripe: #00000005; --theme-primary: #614e71; --theme-primary-hover: color-mix(in srgb,#614e71,black 12%); --theme-primary-text: #f6f4ec; --theme-rating: #614e71; --theme-link: #3e344a; --theme-success: #356142; --theme-danger: #963f43; --theme-warning: #755020; --theme-general: #315c7b; --theme-secondary: #8c455b; --theme-hero: #d4c7df; --theme-progress: #614e71; --theme-track: #b6a9c5; --theme-soft: #d4c7df; }
:root[data-theme="blue"] { color-scheme: dark; --bg: #13232f; --text: #e5edf4; --muted: #9bafbf; --line: #314959; --lime: #91c3ec; --panel: #1b303e; --surface-raised: #233c4d; --theme-header: #0d1c27; --theme-input: #102330; --theme-hover: #2a4456; --theme-active: #2c495e; --theme-stripe: #ffffff03; --theme-primary: #6daada; --theme-primary-hover: #83b9e3; --theme-primary-text: #091a26; --theme-rating: #b4cddd; --theme-link: #e4edf5; --theme-success: #a5c8af; --theme-danger: #d7a09c; --theme-warning: #d9bd91; --theme-general: #9ebcde; --theme-secondary: #d5a5a5; --theme-hero: #294b62; --theme-progress: #98b8ce; --theme-track: #385365; --theme-soft: #213d50; }
:root[data-theme="light"] { color-scheme: light; --bg: #dce5ed; --text: #293d4c; --muted: #485e70; --line: #b8c9d6; --lime: #386783; --panel: #f0f4f7; --surface-raised: #d3dfe8; --theme-header: #bfd0dd; --theme-sidebar: #cbd9e3; --theme-input: #f5f8fa; --theme-hover: #d9e7ee; --theme-active: #b8d1df; --theme-stripe: #31566c08; --theme-primary: #386783; --theme-primary-hover: #2c536a; --theme-primary-text: #f4f8fa; --theme-rating: #3d6478; --theme-link: #28495d; --theme-success: #3b6d57; --theme-danger: #a24949; --theme-warning: #7e5c2c; --theme-general: #3d6485; --theme-secondary: #a04e64; --theme-hero: #a9c4d5; --theme-progress: #6c98ad; --theme-track: #c5d3dd; --theme-soft: #d8e6ee; }
:root[data-theme="sand"] { color-scheme: light; --bg: #e7dfd0; --text: #3e4133; --muted: #5b5e46; --line: #c8bea6; --lime: #626b3d; --panel: #f6f0e5; --surface-raised: #e1d9c6; --theme-header: #d2c9b2; --theme-sidebar: #dcd4bf; --theme-input: #faf6ed; --theme-hover: #e9e3cf; --theme-active: #d5dbba; --theme-stripe: #6e624608; --theme-primary: #626b3d; --theme-primary-hover: #4e5730; --theme-primary-text: #fffaf0; --theme-rating: #636644; --theme-link: #4b5339; --theme-success: #516e3f; --theme-danger: #a04f43; --theme-warning: #825e2b; --theme-general: #45687e; --theme-secondary: #945568; --theme-hero: #c5c7a0; --theme-progress: #889168; --theme-track: #d6cfbb; --theme-soft: #e4e7d0; }
:root[data-theme="sage"] { color-scheme: light; --bg: #dce2df; --text: #34443b; --muted: #4b5d53; --line: #b6c4bb; --lime: #496b57; --panel: #edf1ee; --surface-raised: #cfdad3; --theme-header: #c2d0c7; --theme-sidebar: #cbd6cf; --theme-input: #f2f5f2; --theme-hover: #d6e4da; --theme-active: #bdd2c2; --theme-stripe: #38554208; --theme-primary: #496b57; --theme-primary-hover: #3b5847; --theme-primary-text: #f5f8f4; --theme-rating: #4a6654; --theme-link: #344f40; --theme-success: #3d6749; --theme-danger: #a34a49; --theme-warning: #7e5b2e; --theme-general: #45657d; --theme-secondary: #925768; --theme-hero: #b1c9b7; --theme-progress: #75977d; --theme-track: #c4d0c7; --theme-soft: #d9e6dc; }
:root[data-theme="cashmere"] { color-scheme: light; --bg: #e2dddd; --text: #463b41; --muted: #634d56; --line: #c4b5bb; --lime: #845c69; --panel: #f1ebea; --surface-raised: #d9cdce; --theme-header: #d1c3c6; --theme-sidebar: #d8ced0; --theme-input: #f7f2f1; --theme-hover: #e7d8de; --theme-active: #dcc2cc; --theme-stripe: #6d475708; --theme-primary: #845c69; --theme-primary-hover: #704957; --theme-primary-text: #fbf5f6; --theme-rating: #755563; --theme-link: #654551; --theme-success: #476950; --theme-danger: #9e424b; --theme-warning: #81582d; --theme-general: #45647d; --theme-secondary: #94536c; --theme-hero: #d2b5c0; --theme-progress: #b48f9c; --theme-track: #d4c4c9; --theme-soft: #e9dce1; }
:root[data-theme="graphite"] { color-scheme: dark; --bg: #1b1c20; --text: #e6e5e2; --muted: #afaea9; --line: #424349; --lime: #d7be8a; --panel: #26282e; --surface-raised: #303239; --theme-header: #16171b; --theme-input: #1e2025; --theme-hover: #3b3d43; --theme-active: #454039; --theme-stripe: #ffffff03; --theme-primary: #cfb47c; --theme-primary-hover: #e0c997; --theme-primary-text: #242116; --theme-rating: #cec2a6; --theme-link: #e8e5de; --theme-success: #a5bfab; --theme-danger: #d7a09c; --theme-warning: #d9bd91; --theme-general: #9ebcce; --theme-secondary: #d1a4b1; --theme-hero: #494338; --theme-progress: #c3b18b; --theme-track: #49484a; --theme-soft: #393831; }
:root[data-theme="plum"] { color-scheme: dark; --bg: #211d2b; --text: #ece5f0; --muted: #b8acbf; --line: #504359; --lime: #c4abd9; --panel: #302939; --surface-raised: #3c3246; --theme-header: #1b1723; --theme-input: #25202f; --theme-hover: #4a3c55; --theme-active: #51405e; --theme-stripe: #ffffff03; --theme-primary: #b8a0cf; --theme-primary-hover: #cbb7dc; --theme-primary-text: #261c30; --theme-rating: #c9b8d4; --theme-link: #eee5f4; --theme-success: #acc9b6; --theme-danger: #dbaba8; --theme-warning: #d8c093; --theme-general: #abbfe0; --theme-secondary: #d8afc3; --theme-hero: #584064; --theme-progress: #bca7cf; --theme-track: #56475e; --theme-soft: #44364d; }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) { color: var(--text); background: var(--bg); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) body, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .main, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .login-body { background: var(--bg); color: var(--text); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .club-menu .menu-row.unavailable, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .menu-row span, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .menu-row.unavailable span, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .menu-note, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .footerhint, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .eyebrow, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .navlabel, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .next-event-start, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .topbar, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .club-summary dt, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .facility-facts dt, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .facility-content p, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .player-summary span, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .bench-player small, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .trainingcard small, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .match-zoom small { color: var(--muted); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .primary, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .slot-select.selected, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .match-view-toggle button[aria-pressed="true"], :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .application-steps button.active span, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .roster-drag-ghost { background: var(--theme-primary); color: var(--theme-primary-text); border-color: var(--theme-primary); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .primary:hover { background: var(--theme-primary-hover); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .secondary, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .slot-select { background: var(--surface-raised); color: var(--text); border-color: var(--line); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .secondary:hover { background: var(--theme-hover); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) select, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) input:not([type="radio"]):not([type="checkbox"]):not([type="range"]), :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .press-dialog textarea { background: var(--theme-input); color: var(--text); border-color: var(--line); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .roster-status-icon.status-decline, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .roster-status-icon.status-suspended, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .development-down, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .result-loss, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .danger, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .personnel-dismissed { color: var(--theme-danger); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-story { background: radial-gradient(ellipse at bottom right,var(--theme-hero),transparent 70%),var(--theme-header); border-color: var(--line); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-access { background: var(--bg); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-wordmark, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-field label { color: var(--text); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-story-content > p, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-kicker, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-story-footer, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-access-top, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-card .sub, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-field small, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-footnote { color: var(--muted); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-modes, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-pitch { background: var(--surface-raised); border-color: var(--line); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-pitch-label { color: var(--text); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-modes .primary { background: var(--theme-primary); color: var(--theme-primary-text); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-modes .secondary, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-reveal { color: var(--muted); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-modes .secondary:hover, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .auth-reveal:hover { color: var(--text); background: var(--theme-hover); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .login-body .auth-field input, :root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .login-body .auth-field input:focus { background: var(--theme-input); color: var(--text); border-color: var(--line); }
:root:is([data-theme="blue"], [data-theme="light"], [data-theme="graphite"], [data-theme="plum"], [data-theme="sand"], [data-theme="sage"], [data-theme="cashmere"], [data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) .login-body .auth-field input::placeholder { color: var(--muted); }
:root:is([data-theme="linen"], [data-theme="slate"], [data-theme="clay"], [data-theme="olive"], [data-theme="lavender"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) { --accent: var(--lime); --gold: var(--lime); --border: var(--line); }
:root:is([data-theme="copper"], [data-theme="arctic"], [data-theme="cherry"], [data-theme="mint"], [data-theme="indigo"], [data-theme="stadium"], [data-theme="cobalt"], [data-theme="bloom"], [data-theme="autumn"]) { --accent: var(--lime); --gold: var(--lime); --border: var(--line); }

/* Registration documents: one explicit consent, compact in every existing palette. */
.login-body #auth-submit[hidden],.login-body #auth-countdown[hidden],.login-body .auth-modes[hidden],.login-body .auth-tools[hidden]{display:none}
.login-body .auth-legal[hidden],.login-body .auth-acceptance[hidden],.login-body .auth-documents[hidden]{display:none}
.login-body .auth-legal{margin:0;padding:0;font-size:12px;line-height:1.65}
.login-body .auth-legal label{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.65;cursor:pointer}
.login-body .auth-legal input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;margin:2px 0 0;padding:0;flex:none;accent-color:var(--lime)}
.login-body .auth-legal a,.login-body .auth-acceptance a,.login-body .auth-documents a{color:var(--lime);text-underline-offset:3px}
.login-body .auth-privacy{display:inline-block;margin:5px 0 0 25px;font-size:11px}
.login-body .auth-acceptance{margin:0;font-size:11px;line-height:1.75;color:var(--muted)}
.login-body .auth-documents{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.6}