/* OTP unified visual system. Presentation only: no change to data or permissions. */
:root { color-scheme:dark; --otp-bg:#080e19; --otp-panel:#131f30; --otp-muted:#94a3b8; --otp-border:#273449; --otp-ink:#f3f7fb; }
html { font-family:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; scroll-behavior:smooth; }
body { font-family:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size:15px; letter-spacing:-.008em; }
h1,h2,h3,h4,h5,h6,.font-black { font-family:'Manrope','Inter',system-ui,sans-serif; letter-spacing:-.025em; }
#sidebar { box-shadow:10px 0 40px rgba(0,0,0,.12); }
#sidebar nav button,#sidebar nav a { font-size:.91rem; font-weight:650; transition: background .18s, transform .18s; }
#sidebar nav button:hover,#sidebar nav a:hover { transform:translateX(2px); }
#sidebar .otp-nav-group > summary { cursor:pointer; list-style:none; padding:10px 12px; font-weight:750; font-size:.8rem; letter-spacing:.05em; color:#b5c1d1; border:1px solid rgba(148,163,184,.18); border-radius:12px; }
#sidebar .otp-nav-group > summary::-webkit-details-marker {display:none}
#sidebar .otp-nav-group > summary:after {content:'⌄';float:right;color:#94a3b8}
#sidebar .otp-nav-group[open] > summary:after {content:'⌃'}
#sidebar .otp-nav-group > div {padding:9px 0 4px}
main h2 {line-height:1.2}
main section .bg-gray-900,main section .bg-gray-950 {transition:background-color .2s,border-color .2s;}
button,a,input,select,textarea,summary {outline-offset:3px}
:focus-visible {outline:2px solid #22c55e}
.otp-theme-toggle {position:fixed;right:17px;bottom:17px;z-index:10001;display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:12px;background:#20334a;color:#f8fafc;border:1px solid #41566d;box-shadow:0 8px 22px rgba(0,0,0,.24);font-weight:750;font-size:12px;cursor:pointer;}
.otp-theme-toggle:hover{filter:brightness(1.12)}
.otp-advanced{border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:14px;margin-top:12px}
.otp-advanced > summary{cursor:pointer;font-weight:750;color:#cbd5e1}
.otp-advanced[open]>summary{margin-bottom:14px}
.otp-summary-stat {padding:15px;border-radius:13px;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.17)}
.otp-summary-stat small{display:block;color:#9caec3;font-size:12px}
.otp-summary-stat strong{display:block;margin-top:6px;font-size:24px;font-weight:800}
.otp-rules-field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#a9b9cb}
.otp-rules-field input {color:#f8fafc;background:#172338;border:1px solid #42506a;border-radius:11px;padding:11px 12px;max-width:100%;min-width:0}
.otp-rules-field input:focus {border-color:#35d49a}
#seasonRulesMessage[data-kind="error"]{color:#ffb4aa}
#seasonRulesMessage[data-kind="success"]{color:#86efac}
#seasonRulesMessage{min-height:24px}
#seasonRulesForm details > summary {cursor:pointer;font-weight:800}

/* Light mode maps existing Tailwind utility surfaces to a calm, readable palette. */
html[data-otp-theme="light"] { color-scheme:light;--otp-bg:#f4f7fb;--otp-panel:#ffffff;--otp-border:#d9e2ec;--otp-muted:#55657a;--otp-ink:#162337; }
html[data-otp-theme="light"] body {background:#f4f7fb!important;color:#162337!important}
html[data-otp-theme="light"] .bg-gray-950,html[data-otp-theme="light"] .bg-gray-900,html[data-otp-theme="light"] .bg-black {background-color:#fff!important;color:#162337}
html[data-otp-theme="light"] .bg-gray-800,html[data-otp-theme="light"] .bg-gray-700 {background-color:#e9eff6!important;color:#1a2e43}
html[data-otp-theme="light"] .border-gray-700,html[data-otp-theme="light"] .border-gray-800,html[data-otp-theme="light"] .border-gray-900 {border-color:#d6e0eb!important}
html[data-otp-theme="light"] .text-gray-400,html[data-otp-theme="light"] .text-gray-500 {color:#596a7e!important}
html[data-otp-theme="light"] .text-gray-300,html[data-otp-theme="light"] .text-gray-200 {color:#40546b!important}
html[data-otp-theme="light"] #sidebar{background:#fff!important;border-color:#d9e2ec!important}
html[data-otp-theme="light"] #sidebar nav button:not([class*="bg-green-"]):not([class*="bg-cyan-"]),html[data-otp-theme="light"] #sidebar .otp-nav-group > summary{color:#23364e!important}
html[data-otp-theme="light"] #sidebar a[class*="bg-"] {color:#fff}
html[data-otp-theme="light"] .otp-theme-toggle {background:#fff;color:#1c324b;border-color:#aabdd1}
html[data-otp-theme="light"] .otp-advanced>summary{color:#23364e}
html[data-otp-theme="light"] .otp-summary-stat{background:#f4f8fc;border-color:#d9e2ec}
html[data-otp-theme="light"] .otp-summary-stat small{color:#596a7e}
html[data-otp-theme="light"] .otp-rules-field {color:#40546b}
html[data-otp-theme="light"] .otp-rules-field input {color:#162337;background:#fff;border-color:#b4c3d5}
html[data-otp-theme="light"] .card {background:#fff!important;color:#162337!important;border-color:#d7e1ed!important}
html[data-otp-theme="light"] .input {background:#f7f9fc!important;color:#162337!important;border-color:#cbd6e3!important}
html[data-otp-theme="light"] .text-white:not(button):not(a) {color:#1a2b42}
html[data-otp-theme="light"] .club-theme-shell, html[data-otp-theme="light"] .club-theme-shell *{color:#f8fafc}
html[data-otp-theme="light"] .club-theme-shell .text-gray-400 {color:#cbd5e1!important}
html[data-otp-theme="light"] .matchCenterScorePanel, html[data-otp-theme="light"] .matchTeamPanel,html[data-otp-theme="light"] .matchSheetHeader{background:#eaf1f7!important;color:#162337!important}
html[data-otp-theme="light"] .matchCenterScorePanel .text-white{color:#162337!important}
html[data-otp-theme="light"] .matchCenterTabBtn {color:#21324a;background:#edf3f8}
html[data-otp-theme="light"] .otp-rules-heading {color:#124a5c}
@media (max-width:768px){.otp-theme-toggle{right:10px;bottom:10px;padding:8px 10px}.otp-theme-toggle span{display:none} main{padding:16px!important}main h2{font-size:1.65rem!important}.otp-nav-group{margin:8px 0}#sidebar{max-width:88vw}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important}}

/* S13 test fix: obvious, permanent toggle and a distinct calm default appearance. */
.otp-theme-toggle {
  position:fixed!important;right:22px!important;top:18px!important;bottom:auto!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:45px;min-width:136px;gap:10px!important;padding:10px 15px!important;
  z-index:2147483000!important;visibility:visible!important;opacity:1!important;
  color:#eaf4ff!important;background:#24374e!important;
  border:1px solid rgba(137,169,207,.75)!important;
  border-radius:999px!important;box-shadow:0 12px 32px rgba(0,0,0,.24)!important;
  font-family:Inter,system-ui,sans-serif!important;font-size:13px!important;font-weight:750!important;
  cursor:pointer!important;
}
.otp-theme-symbol{font-size:17px;line-height:1}
.otp-theme-label{white-space:nowrap}
html[data-otp-theme="light"] .otp-theme-toggle{background:#fff!important;color:#1b3554!important;border-color:#94abc3!important}
html[data-otp-theme="light"] body,html[data-otp-theme="light"] main {color:#17283e!important}
html[data-otp-theme="light"] main {background:#f1f5fa!important}
html[data-otp-theme="light"] .bg-gray-950\/80,html[data-otp-theme="light"] .bg-gray-950\/70 {background-color:rgba(246,249,252,.92)!important;color:#17283e!important}
html[data-otp-theme="light"] header.bg-black {background:#fff!important;color:#17283e!important;border-color:#d8e2ee!important}
html[data-otp-theme="light"] input,html[data-otp-theme="light"] select,html[data-otp-theme="light"] textarea {color:#152a43;background-color:#f9fbfe;border-color:#c0cddd}
html[data-otp-theme="light"] .club-theme-shell input {color:#eaf4ff!important;background:rgba(4,14,30,.72)!important}
html[data-otp-theme="light"] .club-theme-shell .club-theme-accent {color:var(--club-secondary,#fff)!important}
html[data-otp-theme="light"] .club-theme-shell .club-theme-card,html[data-otp-theme="light"] .club-theme-shell .club-stat-box{color:#f8fafc!important}
html[data-otp-theme="light"] .club-theme-shell table {color:#eaf4ff!important;background:rgba(2,8,21,.88)!important}
html[data-otp-theme="light"] .club-theme-shell table th {color:#fff!important}
@media(max-width:768px){.otp-theme-toggle{right:10px!important;top:10px!important;bottom:auto!important;min-height:42px;min-width:108px;padding:8px 12px!important}.otp-theme-toggle .otp-theme-label{display:inline!important;font-size:12px}.otp-theme-toggle .otp-theme-symbol{font-size:15px}}