:root{
 --button-ink:#18210e;--secondary:#303d30;--field:#121713;--raised:#202a23;
 --line-strong:#52624c;--notice:#283526;--error-bg:#412822;
 --missed-bg:#343936;--missed-line:#69756d;--missed-ink:#c5cec8;
 --pulse:color-mix(in srgb,var(--accent) 25%,transparent);--pulse-clear:transparent;
}
:root[data-theme=green]{
 color-scheme:light;--bg:#f9faf6;--panel:#fff;--field:#fff;--raised:#f1f4ef;
 --ink:#14211b;--muted:#65796b;--accent:#177648;--button-ink:#fff;
 --secondary:#edf2ed;--line:#e3e9e0;--line-strong:#cbd8cd;--notice:#eaf8ef;
 --danger:#a83329;--error-bg:#fff0ed;
 --missed-bg:#edf2ed;--missed-line:#a5b4a7;--missed-ink:#526658;
 --portal-header-bg:#fff;--portal-sidebar-bg:#fff;--portal-status-bg:#edf4eb;
 --portal-hero-bg:linear-gradient(108deg,#e9fbd2 0%,#d7f8d5 38%,#35c89b 100%);
 --portal-hero-ink:#14211b;--portal-hero-muted:#345a43;--portal-hero-side:#163e2b;
 --portal-own-bg:linear-gradient(105deg,#eaf9dc,#c7f3d4 62%,#8fe4c2);
 --portal-own-ink:#14211b;--portal-own-muted:#345a43;--portal-own-rank:#166e4d;
}
:root[data-theme=spud-dark]{
 color-scheme:dark;--bg:#0e1210;--panel:#162019;--field:#111b15;--raised:#1d2b22;
 --ink:#f5faf5;--muted:#a9b9ae;--accent:#3ee1b4;--button-ink:#082a1e;
 --secondary:#1f3028;--line:#303b32;--line-strong:#4a5b4e;--notice:#1d3328;
 --danger:#ffada3;--error-bg:#412822;
 --missed-bg:#343936;--missed-line:#69756d;--missed-ink:#c5cec8;
 --portal-header-bg:#0e1210;--portal-sidebar-bg:#121a15;--portal-status-bg:#1f3028;
 --portal-hero-bg:linear-gradient(110deg,#184c3a 0%,#1d644d 64%,#bced9e 100%);
 --portal-hero-ink:#f5faf5;--portal-hero-muted:#e1f5e8;--portal-hero-side:#082a1e;
 --portal-own-bg:linear-gradient(105deg,#174031,#1d644d 62%,#2ca886);
 --portal-own-ink:#f5faf5;--portal-own-muted:#e1f5e8;--portal-own-rank:#0c3024;
}
:root[data-theme=brown-yellow]{
 color-scheme:dark;--bg:#211a15;--panel:#30251e;--field:#211914;--raised:#3b2f23;
 --ink:#fff5df;--muted:#cfbfa6;--accent:#f1cd64;--button-ink:#251c0b;
 --secondary:#4a3825;--line:#65513b;--line-strong:#8d7555;--notice:#463b21;
 --danger:#ffb2a2;--error-bg:#4b2823;
}
:root[data-theme=blue-red]{
 color-scheme:dark;--bg:#101c2d;--panel:#192c43;--field:#102034;--raised:#223952;
 --ink:#f2f6ff;--muted:#b4c6df;--accent:#ff4545;--button-ink:#210000;
 --secondary:#2b4665;--line:#3e5978;--line-strong:#6e8bad;--notice:#3d304a;
 --danger:#ffb7b7;--error-bg:#47252f;
}
:root[data-theme=black-white]{
 color-scheme:light;--bg:#f5f5f5;--panel:#fff;--field:#fafafa;--raised:#ededed;
 --ink:#171717;--muted:#545454;--accent:#171717;--button-ink:#fff;
 --secondary:#e7e7e7;--line:#c7c7c7;--line-strong:#737373;--notice:#e7e7e7;
 --danger:#a52222;--error-bg:#ffeded;
 --missed-bg:#ddd;--missed-line:#777;--missed-ink:#444;
}
:root[data-theme=teal-pink]{
 color-scheme:dark;--bg:#071b22;--panel:#0d2b33;--field:#082029;--raised:#123944;
 --ink:#fff4fa;--muted:#afd3d5;--accent:#ff8fc6;--button-ink:#2a0a1d;
 --secondary:#126b70;--line:#24515a;--line-strong:#4e8c91;--notice:#123d4a;
 --danger:#ffb3ac;--error-bg:#49252f;
 --missed-bg:#294047;--missed-line:#6f8c92;--missed-ink:#d3e5e7;
}
.brand-status{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-width:0}
.brand-status .pill{letter-spacing:.5px}
#settingsDialog{width:min(720px,94vw);max-height:92vh}
.settings-section{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}
.settings-section h3{font-size:19px;margin:0 0 12px}
.account-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;margin:18px 0 12px}
.account-summary dt{font-size:12px;color:var(--muted);margin-bottom:5px}
.account-summary dd{margin:0;font-weight:650;overflow-wrap:anywhere}
.settings-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.settings-actions>button{flex:1 1 180px}
.profile-heading{display:flex;align-items:center;gap:14px;min-width:0}.profile-heading h2,.profile-heading h3{margin:0;overflow-wrap:anywhere}.profile-avatar{width:52px;height:52px;flex:0 0 52px;border:1px solid var(--line-strong);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--raised);color:var(--accent);font-size:18px;font-weight:800;overflow:hidden}.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}.profile-avatar-large{width:112px;height:112px;flex-basis:112px;font-size:32px}.profile-picture-current{display:flex;align-items:center;gap:18px;margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--raised)}#profilePictureUpload{margin:22px 0}#profilePictureUpload button,#deleteProfilePicture{width:100%}#profilePictureStatus{min-height:1.4em;margin-top:14px}
.home-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 30px}.leaderboard-home{width:100%;height:100%;min-height:170px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0;padding:30px 32px;text-align:left;background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);border-radius:16px}.leaderboard-home:hover{border-color:var(--accent)}.leaderboard-home>span:first-child{display:grid;gap:6px}.leaderboard-home .eyebrow{margin:0}.leaderboard-home strong{font-size:25px}.leaderboard-home small{font-size:14px;color:var(--muted)}.leaderboard-home>span:last-child{color:var(--accent);font-weight:750}.live-games-home{border-color:var(--accent)}.live-games-home .eyebrow::before{content:'';display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#e85f61;box-shadow:0 0 8px #e85f6199}.leaderboard-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:22px 0}.leaderboard-choices>button{display:flex;min-height:150px;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;text-align:left;background:var(--raised);color:var(--ink);border:1px solid var(--line-strong);border-radius:14px}.leaderboard-choices>button:hover{border-color:var(--accent)}.leaderboard-choices strong{font-size:24px}.leaderboard-toolbar,.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:8px 0 22px}.leaderboard-toolbar label{margin:0;min-width:230px}.leaderboard-heading h3{margin:0}.leaderboard-player{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:7px 10px;text-align:left;background:transparent;color:var(--ink);border-color:transparent;min-width:190px}.leaderboard-player .profile-avatar{grid-row:1/3;width:42px;height:42px;flex-basis:42px;font-size:14px}.leaderboard-player>span{font-weight:750}.leaderboard-player>small{grid-column:2}.leaderboard-event-list{display:grid;gap:12px}.leaderboard-event{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line-strong);border-radius:12px;background:var(--panel)}.leaderboard-event>div{display:grid;gap:5px}.leaderboard-event button{flex-shrink:0}#eventCards.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.event-card{min-height:205px;padding:30px}.event-card button{margin-top:auto}@media(max-width:800px){.home-quick-actions,#eventCards.cards{grid-template-columns:1fr}.leaderboard-home{min-height:150px}}@media(max-width:600px){.leaderboard-home,.leaderboard-event{align-items:stretch;flex-direction:column}.leaderboard-home>span:last-child{margin-top:6px}.leaderboard-event button{width:100%}.leaderboard-toolbar label{width:100%}}
.settings-signout{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 12px}
.theme-option{display:grid;gap:8px;background:var(--field);color:var(--ink);border:2px solid var(--line);text-align:left;padding:16px}
.theme-option[aria-pressed=true]{border-color:var(--accent)}
.theme-selected{font-size:12px;font-weight:650;color:var(--muted)}
.theme-option[aria-pressed=true] .theme-selected{color:var(--accent)}
.theme-preview{display:flex;height:36px;border-radius:6px;overflow:hidden;margin-bottom:4px}
.theme-preview i{flex:1}
.theme-preview i:nth-child(1){background:var(--swatch-bg)}
.theme-preview i:nth-child(2){background:var(--swatch-panel)}
.theme-preview i:nth-child(3){background:var(--swatch-accent)}
.theme-option[data-theme=green]{--swatch-bg:#f9faf6;--swatch-panel:#fff;--swatch-accent:#35c89b}
.theme-option[data-theme=spud-dark]{--swatch-bg:#0e1210;--swatch-panel:#162019;--swatch-accent:#3ee1b4}
.theme-option[data-theme=brown-yellow]{--swatch-bg:#211a15;--swatch-panel:#60442a;--swatch-accent:#f1cd64}
.theme-option[data-theme=blue-red]{--swatch-bg:#101c2d;--swatch-panel:#2b4665;--swatch-accent:#ff4545}
.theme-option[data-theme=black-white]{--swatch-bg:#fff;--swatch-panel:#ccc;--swatch-accent:#171717}
.theme-option[data-theme=teal-pink]{--swatch-bg:#071b22;--swatch-panel:#126b70;--swatch-accent:#ff8fc6}
@media(max-width:750px){header .header-right{flex-basis:auto;margin-left:auto}.brand-status{gap:12px}}
@media(max-width:480px){
 .brand-status{width:100%;justify-content:space-between;gap:10px}
 .brand{font-size:22px}.brand span{font-size:10px;margin-left:6px}
 .brand-status .pill{font-size:10px;padding:6px 8px}
 .account-summary{grid-template-columns:1fr}
 .theme-options{gap:12px}.theme-option{padding:12px}
 .settings-actions>button{flex-basis:100%}
}