:root{--paper:#F2EFE6;--paper-2:#FBFAF5;--court:#115E53;--court-deep:#0E4E45;--line:#EDE9DC;--ink:#18211E;--ink-soft:#5F6863;--cork:#C77E3F;--cork-deep:#A8662E;--border:#E2DDCF;--ok:#1F6B4E;--ok-bg:#E4F0E9;--warn-bg:#FBEBDC;--tabbar-bg:rgba(251,250,245,.86);--tabbar-hairline:rgba(0,0,0,.08)}
@media (prefers-color-scheme:dark){:root{--paper:#15201C;--paper-2:#1C2924;--ink:#EDE9DC;--ink-soft:#A9B3AD;--border:#2C3B35;--ok-bg:#1F3A2E;--warn-bg:#3C2A1A;--tabbar-bg:rgba(21,32,28,.82);--tabbar-hairline:rgba(255,255,255,.06)}}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html,body{height:100%}
body{background:var(--paper);color:var(--ink);font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}
.apphead{padding:14px 18px 8px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:9px;font-family:'Bricolage Grotesque';font-weight:700;font-size:16px;color:var(--ink);text-decoration:none}
.brand-mark{width:26px;height:26px;border-radius:8px;background:var(--court);display:grid;place-items:center}
.brand-mark svg{width:15px;height:15px}
.who{font-size:12.5px;color:var(--ink-soft);font-weight:600;display:flex;align-items:center;gap:6px}
.who a{color:var(--ink-soft)}
.who .av{width:22px;height:22px;border-radius:50%;background:var(--cork);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
.flash{margin:0 18px 6px;background:var(--ok-bg);color:var(--ok);font-weight:700;font-size:13.5px;border-radius:10px;padding:10px 12px}
.screen{flex:1;padding:4px 18px calc(110px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;background:var(--tabbar-bg);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-top:.5px solid var(--tabbar-hairline);padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:40}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 0;font-size:10px;font-weight:500;letter-spacing:.01em;color:var(--ink-soft);text-decoration:none;-webkit-tap-highlight-color:transparent}
.tabbar a svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tabbar a.on{color:var(--court);font-weight:600}
.tabbar a.on svg{stroke-width:2}
.title{font-family:'Bricolage Grotesque';font-weight:700;font-size:24px;letter-spacing:-.02em;line-height:1.05;margin-top:6px}
.sub{font-size:13.5px;color:var(--ink-soft);margin-top:6px;line-height:1.45}
.empty{font-size:14px;color:var(--ink-soft);margin-top:24px}
.qt{font-size:12.5px;font-weight:700;color:var(--ink-soft);margin:16px 2px 8px}
.stack{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.input{width:100%;font-family:'Hanken Grotesk';font-size:16px;padding:13px 14px;border:1.5px solid var(--border);border-radius:12px;background:var(--paper-2);color:var(--ink)}
.input.small{font-size:14px;padding:10px 12px;margin-top:8px}
.input.tiny{font-size:12px;padding:5px 8px;width:auto}
.cta{width:100%;font-family:'Hanken Grotesk';font-weight:700;font-size:16px;border:none;border-radius:15px;padding:17px;cursor:pointer;background:var(--cork);color:#fff;margin-top:16px}
.cta.quiet{background:var(--court);color:var(--line)}
.cta:disabled{opacity:.4;cursor:not-allowed}
.ghost{display:block;text-align:center;margin-top:10px;background:none;border:1.5px solid var(--border);color:var(--ink);font-family:'Hanken Grotesk';font-weight:700;font-size:15px;border-radius:15px;padding:14px;cursor:pointer;width:100%;text-decoration:none}
.ghost.small{padding:10px;font-size:13px}
.link{background:none;border:none;color:var(--cork-deep);font-family:'Hanken Grotesk';font-weight:700;font-size:12.5px;cursor:pointer;padding:4px 6px}
.inline{display:inline}
/* log — split teams */
.teams-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 12px}
.team-tile{background:var(--team-bg);border:1px solid var(--team-border);border-radius:22px;padding:14px 12px 16px;display:flex;flex-direction:column;gap:14px}
.team-tile.my-team{--team-bg:#ECFDF5;--team-border:#A7F3D0;--team-h-color:#065F46;--team-score:#059669;--team-plus:#059669;--team-plus-active:#047857}
.team-tile.opp-team{--team-bg:#FFF7ED;--team-border:#FED7AA;--team-h-color:#9A3412;--team-score:#C2410C;--team-plus:#C2410C;--team-plus-active:#9A3412}
@media (prefers-color-scheme:dark){
  .team-tile.my-team{--team-bg:#082F1F;--team-border:#0F5A3E;--team-h-color:#6EE7B7;--team-score:#34D399;--team-plus:#059669;--team-plus-active:#047857}
  .team-tile.opp-team{--team-bg:#3F1E05;--team-border:#7A3A0F;--team-h-color:#FDBA74;--team-score:#FB923C;--team-plus:#C2410C;--team-plus-active:#9A3412}
}
.team-h{font-family:'Hanken Grotesk';font-size:12.5px;font-weight:700;color:var(--team-h-color);text-transform:uppercase;letter-spacing:.05em;margin:0}
.team-slots{display:flex;flex-direction:column;gap:8px}
.team-slots .slot{height:52px;font-size:15px;background:rgba(255,255,255,.65);border-color:rgba(0,0,0,.06)}
.team-slots .slot:not(.filled){background:rgba(255,255,255,.25)}
.team-slots .slot.locked{background:rgba(255,255,255,.4)}
@media (prefers-color-scheme:dark){
  .team-slots .slot{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
  .team-slots .slot:not(.filled){background:rgba(255,255,255,.02)}
  .team-slots .slot.locked{background:rgba(255,255,255,.08)}
}
.team-score{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:2px 2px 0}
.team-score .score-num{font-family:'Space Mono';font-weight:700;font-size:50px;line-height:1;letter-spacing:-.03em;text-align:center;font-variant-numeric:tabular-nums;color:var(--team-score);flex:1}
.team-score .score-num.empty{color:var(--ink-soft);opacity:.5}
.team-score .step{width:38px;height:38px;border-radius:11px;border:none;background:rgba(0,0,0,.06);color:var(--ink);font-weight:700;font-size:19px;cursor:pointer;display:grid;place-items:center;font-family:'Hanken Grotesk';flex-shrink:0}
.team-score .step:active{background:rgba(0,0,0,.12)}
@media (prefers-color-scheme:dark){
  .team-score .step{background:rgba(255,255,255,.08);color:var(--ink)}
  .team-score .step:active{background:rgba(255,255,255,.14)}
}
.team-score .step.step-plus{background:var(--team-plus);color:#fff}
.team-score .step.step-plus:active{background:var(--team-plus-active)}
/* legacy bento — no longer used on log page but preserved for other pages */
.names{display:flex;flex-wrap:wrap;gap:8px}
.nm{font-family:'Hanken Grotesk';font-weight:700;font-size:15px;background:var(--paper-2);border:1.5px solid var(--border);border-radius:999px;padding:11px 16px;cursor:pointer;color:var(--ink)}
.nm.used{opacity:.3;pointer-events:none}
.nm.more{border-style:dashed;color:var(--ink-soft);font-weight:600}
.nm.chk{display:inline-flex;align-items:center}
.nm.chk input{position:absolute;opacity:0;width:0;height:0}
.nm.chk.on,.nm.on{background:var(--court);border-color:var(--court);color:var(--line)}
.log-title{font-family:'Bricolage Grotesque';font-weight:800;font-size:26px;letter-spacing:-.02em;margin:6px 0 14px}
.bento{background:var(--paper-2);border:1px solid var(--border);border-radius:20px;padding:14px 14px 12px;margin-bottom:10px}
.bento-h{font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:8px;letter-spacing:.01em}
.slot-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.slot{display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);background:var(--paper);border-radius:12px;height:48px;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer}
.slot:not(.filled){border-style:dashed;background:transparent;color:var(--ink-soft)}
.slot.filled{color:var(--ink)}
.slot.locked{cursor:default}
.slot-empty-lbl{font-size:14px;font-weight:600}
.scoreboard-dark{background:#0B1512;color:#fff;border-radius:14px;padding:14px 10px;display:flex;align-items:center;justify-content:space-around;gap:8px}
.score-col{display:flex;align-items:center;gap:10px}
.score-num{font-family:'Space Mono';font-weight:700;font-size:42px;line-height:1;letter-spacing:-.03em;min-width:54px;text-align:center;color:#E2E8F0;font-variant-numeric:tabular-nums}
.score-num.you-num{color:#34D399}
.score-num.empty{color:#64748B}
.score-dash{font-family:'Space Mono';color:#94A3B8;font-size:24px}
.step{width:32px;height:32px;border-radius:9px;border:none;background:#1E293B;color:#CBD5E1;font-weight:700;font-size:16px;cursor:pointer;display:grid;place-items:center;font-family:'Hanken Grotesk'}
.step:active{background:#334155}
.step.step-plus{background:var(--court);color:#fff}
.step.step-plus:active{background:#0E4E45}
.quick-score{background:var(--paper-2);border:1px solid var(--border);border-radius:18px;padding:12px 12px 14px;margin-bottom:14px}
.quick-score-h{font-family:'Hanken Grotesk';font-size:12.5px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px 2px}
.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.preset{font-family:'Space Mono';font-weight:700;font-size:14px;padding:13px 0;border-radius:11px;background:var(--paper);border:1px solid var(--border);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.preset.on{background:var(--court);border-color:var(--court);color:#fff}
.section-h{font-size:12.5px;font-weight:600;color:var(--ink-soft);margin:14px 2px 8px}
.chip-row{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none;-ms-overflow-style:none}
.chip-row::-webkit-scrollbar{display:none}
.chip-row.roster-more{flex-wrap:wrap;overflow:visible;padding-top:8px}
.chip{flex-shrink:0;height:42px;padding:0 14px;border-radius:11px;font-family:'Hanken Grotesk';font-weight:700;font-size:13.5px;border:1px solid transparent;cursor:pointer;line-height:40px}
.chip.used{opacity:.35;pointer-events:none}
.chip-neutral{background:var(--paper);border-color:var(--border);color:var(--ink)}
.pastel-0{background:#ECFDF5;border-color:#A7F3D0;color:#064E3B}
.pastel-1{background:#F0F9FF;border-color:#BAE6FD;color:#0C4A6E}
.pastel-2{background:#F0FDFA;border-color:#99F6E4;color:#134E4A}
.pastel-3{background:#FFF1F2;border-color:#FECDD3;color:#881337}
.pastel-4{background:#F5F3FF;border-color:#DDD6FE;color:#4C1D95}
.pastel-5{background:#FFFBEB;border-color:#FDE68A;color:#78350F}
.roster-search{width:100%;height:44px;padding:0 14px;border:1.5px solid var(--border);border-radius:11px;background:var(--paper);font-family:'Hanken Grotesk';font-size:14px;color:var(--ink);margin-top:10px;-webkit-appearance:none}
.roster-search::placeholder{color:var(--ink-soft);opacity:.7}
.roster-search:focus{outline:none;border-color:var(--court)}
.add-new{width:100%;height:44px;border-radius:11px;border:1.5px dashed var(--border);background:transparent;font-family:'Hanken Grotesk';font-weight:600;font-size:13.5px;color:var(--ink-soft);cursor:pointer;margin-top:8px}
.walkin{margin:10px 0 0}
.warn{margin-top:10px;font-size:13px;font-weight:600;color:var(--cork-deep);background:var(--warn-bg);border-radius:10px;padding:9px 12px}
/* player picker sheet */
.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:50}
.sheet-backdrop.open{opacity:1;pointer-events:auto}
.sheet{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(100%);width:100%;max-width:480px;height:88vh;background:var(--paper);border-radius:20px 20px 0 0;box-shadow:0 -8px 28px rgba(0,0,0,.18);transition:transform .32s cubic-bezier(.32,.72,0,1);z-index:60;display:flex;flex-direction:column}
.sheet.open{transform:translateX(-50%) translateY(0)}
.sheet-handle{width:38px;height:4px;background:var(--border);border-radius:99px;margin:8px auto 0;flex-shrink:0}
.sheet-header{padding:10px 18px 4px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.sheet-title{font-family:'Bricolage Grotesque';font-weight:700;font-size:17px;color:var(--ink)}
.sheet-cancel{background:none;border:none;color:var(--court);font-family:'Hanken Grotesk';font-weight:600;font-size:15px;cursor:pointer;padding:6px 0;-webkit-tap-highlight-color:transparent}
.sheet-search{margin:6px 18px 4px;padding:11px 14px;border:none;background:var(--paper-2);border-radius:11px;font-size:16px;font-family:'Hanken Grotesk';color:var(--ink);outline:none;-webkit-appearance:none;width:calc(100% - 36px)}
.sheet-search::placeholder{color:var(--ink-soft);opacity:.7}
.sheet-list{flex:1;overflow-y:auto;padding:0 18px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.sheet-section{padding-top:6px}
.sheet-section-h{font-size:11px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;padding:14px 4px 8px}
.sheet-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;padding:0 0 4px}
.sheet-tile{display:flex;align-items:center;justify-content:center;text-align:center;min-height:58px;padding:10px 8px;border-radius:13px;border:1.5px solid var(--border);background:var(--paper-2);color:var(--ink);font-family:'Hanken Grotesk';font-weight:600;font-size:13.5px;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.15;word-break:break-word;transition:transform .1s ease}
.sheet-tile:active{transform:scale(.96)}
.sheet-tile.used{opacity:.32;pointer-events:none}
.sheet-tile.pastel-0{background:#ECFDF5;border-color:#A7F3D0;color:#064E3B}
.sheet-tile.pastel-1{background:#F0F9FF;border-color:#BAE6FD;color:#0C4A6E}
.sheet-tile.pastel-2{background:#F0FDFA;border-color:#99F6E4;color:#134E4A}
.sheet-tile.pastel-3{background:#FFF1F2;border-color:#FECDD3;color:#881337}
.sheet-tile.pastel-4{background:#F5F3FF;border-color:#DDD6FE;color:#4C1D95}
.sheet-tile.pastel-5{background:#FFFBEB;border-color:#FDE68A;color:#78350F}
@media (prefers-color-scheme:dark){
  .sheet-tile.pastel-0{background:#052E1F;border-color:#0F5A3E;color:#A7F3D0}
  .sheet-tile.pastel-1{background:#0B2E4A;border-color:#164E7A;color:#BAE6FD}
  .sheet-tile.pastel-2{background:#0A2E2C;border-color:#155048;color:#99F6E4}
  .sheet-tile.pastel-3{background:#3F0A20;border-color:#7A1A3B;color:#FECDD3}
  .sheet-tile.pastel-4{background:#2A1359;border-color:#4C1D95;color:#DDD6FE}
  .sheet-tile.pastel-5{background:#3F1E05;border-color:#7A3A0F;color:#FDE68A}
}
.sheet-empty{padding:32px 4px;color:var(--ink-soft);font-size:14px;text-align:center}
.sheet-footer{border-top:.5px solid var(--border);padding:10px 18px calc(14px + env(safe-area-inset-bottom));flex-shrink:0;background:var(--paper)}
.sheet-add{width:100%;padding:13px;border:1.5px dashed var(--border);background:transparent;border-radius:11px;color:var(--ink-soft);font-family:'Hanken Grotesk';font-weight:600;font-size:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sheet-clear{width:100%;padding:12px;border:none;background:var(--warn-bg);border-radius:11px;color:var(--cork-deep);font-family:'Hanken Grotesk';font-weight:600;font-size:14px;cursor:pointer;margin-bottom:8px;-webkit-tap-highlight-color:transparent}
.walkin-form{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
body.sheet-open{overflow:hidden}
@media (prefers-color-scheme:dark){
  .pastel-0{background:#052E1F;border-color:#0F5A3E;color:#A7F3D0}
  .pastel-1{background:#0B2E4A;border-color:#164E7A;color:#BAE6FD}
  .pastel-2{background:#0A2E2C;border-color:#155048;color:#99F6E4}
  .pastel-3{background:#3F0A20;border-color:#7A1A3B;color:#FECDD3}
  .pastel-4{background:#2A1359;border-color:#4C1D95;color:#DDD6FE}
  .pastel-5{background:#3F1E05;border-color:#7A3A0F;color:#FDE68A}
}
/* rating */
.rating-hero{margin-top:8px}
.rating-hero .num{font-family:'Space Mono';font-weight:700;font-size:72px;letter-spacing:-.04em;line-height:1}
.rating-hero .band{font-family:'Bricolage Grotesque';font-weight:700;font-size:22px;margin-top:4px}
.conf{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--cork-deep);background:var(--warn-bg);border-radius:999px;padding:5px 11px;margin-top:10px}
.conf::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cork)}
.conf.ok{color:var(--ok);background:var(--ok-bg)}.conf.ok::before{background:var(--ok)}
.ruler{margin-top:22px;position:relative;padding-top:26px}
.ruler .track{height:10px;border-radius:99px;background:linear-gradient(90deg,#D9D2BF 0 20%,#B9CDB9 20% 40%,#8FB4A5 40% 60%,#4F8C7E 60% 80%,var(--court) 80%)}
.ruler .ticks{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;font-weight:700;color:var(--ink-soft)}
.ruler .me{position:absolute;top:0;transform:translateX(-50%);text-align:center}
.ruler .me .lbl{font-family:'Space Mono';font-size:11px;font-weight:700;background:var(--ink);color:var(--paper);border-radius:7px;padding:3px 7px}
.ruler .me .pin{width:2px;height:24px;background:var(--ink);margin:2px auto 0}
.next{margin-top:18px;background:var(--paper-2);border:1px solid var(--border);border-radius:16px;padding:14px 16px}
.next .n1{font-weight:700;font-size:15px}
.next .n2{font-size:13px;color:var(--ink-soft);margin-top:4px;line-height:1.45}
.spark{margin-top:18px}.spark svg{width:100%;height:70px}.spark .sl{font-size:12.5px;color:var(--ink-soft);font-weight:600;margin-bottom:4px}
/* history */
.qrow{display:flex;align-items:flex-start;gap:12px;padding:11px 4px;border-bottom:1px solid var(--border);font-size:14px;color:var(--ink);text-decoration:none}
.qrow.voided{opacity:.45}.qrow.dim{opacity:.55}
.qrow .qm{flex:1}.qrow .qm a{color:var(--ink);text-decoration:none}
.qrow .qs{display:block;font-size:12px;color:var(--ink-soft);margin-top:2px}
.r-amt{font-family:'Space Mono';font-weight:700;font-size:14px}
.up{color:var(--ok)}.down{color:var(--cork-deep)}
.tally{margin-top:auto;padding-top:18px;font-size:12.5px;color:var(--ink-soft);line-height:1.5}
.tag{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--ok-bg);color:var(--ok)}
/* game */
.delta{margin-top:8px;background:var(--paper-2);border:1px solid var(--border);border-radius:20px;padding:18px}
.delta .d-big{font-family:'Space Mono';font-weight:700;font-size:48px;letter-spacing:-.03em;line-height:1}
.delta .d-sub{font-size:14px;color:var(--ink-soft);margin-top:6px;line-height:1.5}
.expect{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.ex{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:12px 14px}
.ex .e1{font-size:12px;font-weight:700;color:var(--ink-soft)}.ex .e2{font-family:'Space Mono';font-weight:700;font-size:24px;margin-top:4px}.ex .e3{font-size:12px;color:var(--ink-soft);margin-top:2px}
.ex.actual{border-color:var(--court);background:#DCEBE4;color:#18211E}
.plain{margin-top:14px;font-size:14.5px;line-height:1.55}
.fixbox{margin-top:16px;font-size:14px}.fixbox summary{cursor:pointer;font-weight:700;color:var(--cork-deep)}
.fixrow{display:flex;align-items:center;gap:8px;margin-top:10px}.fixrow .input{width:80px;text-align:center}
.auto{font-size:12.5px;color:var(--ink-soft);margin-top:10px;line-height:1.5}
/* admin */
.admin-nav{display:flex;gap:6px;margin-top:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}
.admin-nav::-webkit-scrollbar{display:none}
.admin-nav a{flex-shrink:0;font-size:12.5px;font-weight:700;color:var(--ink-soft);text-decoration:none;padding:6px 10px;border-radius:999px;border:1px solid var(--border)}
.admin-nav a.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.daterow{display:flex;align-items:center;gap:10px;margin-top:8px}.daterow .input{width:auto;margin:0}
.src{display:flex;gap:6px;margin-top:12px}
.srcb{flex:1;font-family:'Hanken Grotesk';font-size:12px;font-weight:700;border:1.5px solid var(--border);background:var(--paper-2);color:var(--ink-soft);border-radius:10px;padding:9px 4px;cursor:pointer}
.srcb.on{border-color:var(--court);background:#DCEBE4;color:#18211E}.srcb:disabled{opacity:.45;cursor:not-allowed}
.addrow{margin-top:10px}
/* theme picker (admin) */
.theme-picker{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.theme-choice{display:flex;align-items:center;gap:12px;padding:12px;border:1.5px solid var(--border);border-radius:14px;background:var(--paper-2);cursor:pointer;-webkit-tap-highlight-color:transparent}
.theme-choice.on{border-color:var(--court);box-shadow:0 0 0 3px rgba(17,94,83,.08)}
.theme-choice input{position:absolute;opacity:0;width:0;height:0}
.theme-swatches{display:flex;flex-shrink:0;gap:2px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}
.theme-swatches span{width:20px;height:36px;display:block}
.theme-meta{font-family:'Hanken Grotesk';font-size:14px;color:var(--ink);line-height:1.4}
.theme-meta b{font-weight:700}
/* ---------------- themes ---------------- */
/* theme-court: uses the root defaults; no override block needed */

/* ONYX — deep charcoal + electric emerald + amber */
body.theme-onyx{--paper:#F5F5F7;--paper-2:#FFFFFF;--ink:#0F172A;--ink-soft:#64748B;--border:#E2E8F0;--court:#059669;--court-deep:#047857;--cork:#F59E0B;--cork-deep:#D97706;--tabbar-bg:rgba(255,255,255,.9);--tabbar-hairline:rgba(0,0,0,.08)}
body.theme-onyx .team-tile.my-team{--team-bg:#ECFDF5;--team-border:#A7F3D0;--team-h-color:#065F46;--team-score:#059669;--team-plus:#059669;--team-plus-active:#047857}
body.theme-onyx .team-tile.opp-team{--team-bg:#FFFBEB;--team-border:#FDE68A;--team-h-color:#92400E;--team-score:#D97706;--team-plus:#F59E0B;--team-plus-active:#D97706}
@media (prefers-color-scheme:dark){
  body.theme-onyx{--paper:#0F0F14;--paper-2:#1A1A22;--ink:#F5F5F7;--ink-soft:#94A3B8;--border:#2A2A35;--court:#10B981;--court-deep:#059669;--cork:#F59E0B;--cork-deep:#D97706;--tabbar-bg:rgba(15,15,20,.82);--tabbar-hairline:rgba(255,255,255,.08)}
  body.theme-onyx .team-tile.my-team{--team-bg:#0A2A1D;--team-border:#065F46;--team-h-color:#6EE7B7;--team-score:#34D399;--team-plus:#059669;--team-plus-active:#047857}
  body.theme-onyx .team-tile.opp-team{--team-bg:#3E2A0A;--team-border:#78350F;--team-h-color:#FDE68A;--team-score:#F59E0B;--team-plus:#D97706;--team-plus-active:#B45309}
}

/* EDITORIAL — ivory + rich charcoal + oxblood accent */
body.theme-editorial{--paper:#FAF7F0;--paper-2:#FFFDF7;--ink:#1A1614;--ink-soft:#78716C;--border:#E7E5E4;--court:#7F1D1D;--court-deep:#5F1616;--cork:#1A1614;--cork-deep:#000;--tabbar-bg:rgba(250,247,240,.88);--tabbar-hairline:rgba(26,22,20,.1)}
body.theme-editorial .team-tile.my-team{--team-bg:#FFFDF7;--team-border:#E7E5E4;--team-h-color:#78716C;--team-score:#1A1614;--team-plus:#1A1614;--team-plus-active:#000}
body.theme-editorial .team-tile.opp-team{--team-bg:#F7F3E8;--team-border:#E7E5E4;--team-h-color:#78716C;--team-score:#7F1D1D;--team-plus:#7F1D1D;--team-plus-active:#5F1616}
body.theme-editorial .log-title{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.015em}
body.theme-editorial .team-h{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-style:italic;text-transform:none;letter-spacing:0;font-size:14px}
@media (prefers-color-scheme:dark){
  body.theme-editorial{--paper:#1A1614;--paper-2:#221D19;--ink:#F5E9DA;--ink-soft:#A8A29E;--border:#292524;--court:#DC2626;--court-deep:#B91C1C;--cork:#F5E9DA;--cork-deep:#E7DDCF;--tabbar-bg:rgba(26,22,20,.85);--tabbar-hairline:rgba(245,233,218,.08)}
  body.theme-editorial .team-tile.my-team{--team-bg:#221D19;--team-border:#292524;--team-h-color:#A8A29E;--team-score:#F5E9DA;--team-plus:#F5E9DA;--team-plus-active:#E7DDCF}
  body.theme-editorial .team-tile.opp-team{--team-bg:#251E19;--team-border:#3A2C24;--team-h-color:#A8A29E;--team-score:#F87171;--team-plus:#DC2626;--team-plus-active:#B91C1C}
}

/* NORDIC — warm gray + slate blue + rust */
body.theme-nordic{--paper:#F0EFEB;--paper-2:#FBFAF6;--ink:#1E293B;--ink-soft:#64748B;--border:#DDD9CE;--court:#065F5B;--court-deep:#0F766E;--cork:#B45309;--cork-deep:#92400E;--tabbar-bg:rgba(240,239,235,.86);--tabbar-hairline:rgba(30,41,59,.08)}
body.theme-nordic .team-tile.my-team{--team-bg:#EAF0F5;--team-border:#CBD5E1;--team-h-color:#334155;--team-score:#0F766E;--team-plus:#0F766E;--team-plus-active:#065F5B}
body.theme-nordic .team-tile.opp-team{--team-bg:#F5EEEA;--team-border:#E7D5CB;--team-h-color:#6B4E3F;--team-score:#B45309;--team-plus:#B45309;--team-plus-active:#92400E}
@media (prefers-color-scheme:dark){
  body.theme-nordic{--paper:#12161A;--paper-2:#1A1E22;--ink:#E7E5E4;--ink-soft:#94A3B8;--border:#2A2E33;--court:#14B8A6;--court-deep:#0F766E;--cork:#D97706;--cork-deep:#B45309;--tabbar-bg:rgba(18,22,26,.85);--tabbar-hairline:rgba(255,255,255,.06)}
  body.theme-nordic .team-tile.my-team{--team-bg:#172A38;--team-border:#334155;--team-h-color:#94A3B8;--team-score:#5EEAD4;--team-plus:#14B8A6;--team-plus-active:#0F766E}
  body.theme-nordic .team-tile.opp-team{--team-bg:#2E1F1A;--team-border:#6B4E3F;--team-h-color:#E7D5CB;--team-score:#FB923C;--team-plus:#D97706;--team-plus-active:#B45309}
}

/* COBALT — deep navy + rich gold jewel accents */
body.theme-cobalt{--paper:#F5F7FF;--paper-2:#FFFFFF;--ink:#0F172A;--ink-soft:#475569;--border:#DBEAFE;--court:#1E40AF;--court-deep:#1E3A8A;--cork:#D4A017;--cork-deep:#B8860B;--tabbar-bg:rgba(245,247,255,.88);--tabbar-hairline:rgba(15,23,42,.08)}
body.theme-cobalt .team-tile.my-team{--team-bg:#E0E7FF;--team-border:#A5B4FC;--team-h-color:#3730A3;--team-score:#1E40AF;--team-plus:#1E40AF;--team-plus-active:#1E3A8A}
body.theme-cobalt .team-tile.opp-team{--team-bg:#FEF9E7;--team-border:#FCE7A2;--team-h-color:#78350F;--team-score:#B8860B;--team-plus:#D4A017;--team-plus-active:#B8860B}
@media (prefers-color-scheme:dark){
  body.theme-cobalt{--paper:#0F1929;--paper-2:#1A2338;--ink:#F1F5F9;--ink-soft:#94A3B8;--border:#2A3450;--court:#3B82F6;--court-deep:#1E40AF;--cork:#EAB308;--cork-deep:#CA8A04;--tabbar-bg:rgba(15,25,41,.85);--tabbar-hairline:rgba(255,255,255,.06)}
  body.theme-cobalt .team-tile.my-team{--team-bg:#1E2447;--team-border:#3730A3;--team-h-color:#A5B4FC;--team-score:#818CF8;--team-plus:#3B82F6;--team-plus-active:#1E40AF}
  body.theme-cobalt .team-tile.opp-team{--team-bg:#332918;--team-border:#78350F;--team-h-color:#FCE7A2;--team-score:#FBBF24;--team-plus:#EAB308;--team-plus-active:#CA8A04}
}