:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light;--bg: #ffffff;--fg: #0b0b0b;--muted-fg: rgba(0,0,0,.7);--border: rgba(0,0,0,.12);--border-strong: rgba(0,0,0,.15);--surface: #ffffff;--surface-alt: rgba(0,0,0,.06);--btn-bg: rgba(0,0,0,.04);--primary-on-surface: rgba(0,0,0,.9);--badge-bg: rgba(0,0,0,.08);--danger-bg: rgba(255,0,0,.06);--focus-ring: rgba(0,0,0,.18);--btn-hover-overlay: rgba(0,0,0,.04);--btn-active-overlay: rgba(0,0,0,.08)}:root[data-theme=dark]{color-scheme:dark;--bg: #0c0c0c;--fg: #f3f3f3;--muted-fg: rgba(255,255,255,.75);--border: rgba(255,255,255,.14);--border-strong: rgba(255,255,255,.18);--surface: #141414;--surface-alt: rgba(255,255,255,.08);--btn-bg: var(--surface-alt);--primary-on-surface: #ffffff;--badge-bg: rgba(255,255,255,.12);--danger-bg: rgba(255,0,0,.15);--focus-ring: rgba(255,255,255,.22);--btn-hover-overlay: rgba(255,255,255,.08);--btn-active-overlay: rgba(255,255,255,.14)}html,body{background:var(--bg);color:var(--fg)}html,body,#root{height:100%;margin:0}button,input{font:inherit}.ghostBtn,.serveBtn,.pointBtn,.actionBtn,.courtBtns button,.courtBtns a,.teamRowActions button,.pinGate button,button{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .02s ease,color .15s ease;will-change:background-color,border-color,box-shadow,transform}.ghostBtn:not(:disabled):hover,.serveBtn:not(:disabled):hover,.pointBtn:not(:disabled):hover,.actionBtn:not(:disabled):hover,.courtBtns button:not(:disabled):hover,.courtBtns a:hover,.teamRowActions button:not(:disabled):hover,.pinGate button:not(:disabled):hover,button:not(:disabled):hover{background:linear-gradient(var(--surface),var(--surface)),var(--btn-hover-overlay);border-color:color-mix(in srgb,var(--border-strong),var(--fg) 18%);box-shadow:0 1px #0000000a,inset 0 0 0 1px color-mix(in srgb,var(--border-strong),var(--fg) 12%)}.ghostBtn:not(:disabled):active,.serveBtn:not(:disabled):active,.pointBtn:not(:disabled):active,.actionBtn:not(:disabled):active,.courtBtns button:not(:disabled):active,.courtBtns a:active,.teamRowActions button:not(:disabled):active,.pinGate button:not(:disabled):active,button:not(:disabled):active{background:linear-gradient(var(--surface),var(--surface)),var(--btn-active-overlay);border-color:color-mix(in srgb,var(--border-strong),var(--fg) 28%);box-shadow:inset 0 1px 2px #0000002e;transform:translateY(1px)}.ghostBtn:focus-visible,.serveBtn:focus-visible,.pointBtn:focus-visible,.actionBtn:focus-visible,.courtBtns button:focus-visible,.courtBtns a:focus-visible,.teamRowActions button:focus-visible,.pinGate button:focus-visible,button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.badge{padding:4px 10px;border-radius:999px;background:var(--badge-bg)}.pinGate{min-height:100dvh;display:grid;place-content:center;gap:10px;padding:16px}.pinGate input{padding:12px;border-radius:12px;border:1px solid var(--border-strong);font-size:18px;width:min(420px,92vw)}.pinGate button{padding:12px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);width:min(420px,92vw)}.pinGate button.primary{background:var(--primary-on-surface);color:#fff}.pinGate button.primary:not(:disabled):hover{background:var(--primary-on-surface);filter:brightness(1.08)}.pinGate button.primary:not(:disabled):active{background:var(--primary-on-surface);filter:brightness(.94);transform:translateY(1px)}.pinGate .hint{opacity:.7;font-size:13px;margin:0;color:var(--muted-fg)}.scorer{min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;gap:10px}.topbarMid{text-align:center;flex:1}.topbarRight{display:flex;align-items:center;gap:10px}.topbar button{border:1px solid var(--border-strong);background:var(--surface);padding:8px 10px;border-radius:12px;color:inherit}.ghostBtn{border:1px solid var(--border-strong);background:var(--surface-alt);padding:8px 10px;border-radius:12px;color:inherit}.ghostBtn,.actionBtn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.servePicker{margin:0 12px 8px;padding:10px 12px;border-radius:14px;background:var(--surface-alt);display:grid;gap:8px}.servePickerBtns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.serveBtn{min-height:54px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);color:inherit}.serveTitle{font-weight:800}.serveHint{opacity:.75;font-size:12px;color:var(--muted-fg)}.scoreArea{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}@media (orientation: portrait){.scoreArea{grid-template-columns:1fr}}.teamPanel{display:grid;grid-template-rows:auto 1fr auto;border-radius:16px;padding:14px;border:1px solid var(--border);background:var(--surface)}.teamNameRow{display:flex;justify-content:space-between;align-items:center;gap:10px}.sideLabel{font-size:12px;opacity:.7;color:var(--muted-fg)}.teamName{font-size:18px;font-weight:700}.points{display:grid;place-items:center;font-weight:900;letter-spacing:-.02em;font-size:clamp(64px,12vw,140px)}.pointBtn{width:100%;min-height:72px;font-size:22px;border-radius:14px;border:1px solid var(--border-strong);background:var(--btn-bg);color:inherit;box-shadow:0 1px #00000008,inset 0 0 0 1px color-mix(in srgb,var(--border-strong),var(--fg) 8%)}.pointBtn:disabled{opacity:.35}.pointBtn:not(:disabled):hover{background:linear-gradient(var(--surface-alt),var(--surface-alt)),var(--btn-hover-overlay)}.pointBtn:not(:disabled):active{background:linear-gradient(var(--surface-alt),var(--surface-alt)),var(--btn-active-overlay)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px}.actionBtn{min-height:54px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);color:inherit}.undoBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.undoIcon{flex:0 0 auto;transform-origin:50% 50%;transition:transform .18s ease}.undoBtn:not(:disabled):hover .undoIcon{transform:rotate(-18deg)}@keyframes undo-spin-left{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.undoBtn:not(:disabled):active .undoIcon{animation:undo-spin-left .35s ease}@media (prefers-reduced-motion: reduce){.undoIcon{transition:none}.undoBtn:not(:disabled):active .undoIcon{animation:none}}.serveBtn{background:var(--btn-bg)}.actionBtn.danger{background:var(--danger-bg)}.board{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto 1fr auto;padding:24px;gap:18px}.boardHeader{font-size:28px;font-weight:800}.boardRow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}.boardTeam{font-size:clamp(28px,3vw,56px);font-weight:700}.boardPoints{font-size:clamp(80px,10vw,180px);font-weight:900}.boardMid{text-align:center;font-size:clamp(20px,2.5vw,42px);opacity:.9;color:var(--muted-fg)}.boardFooter{text-align:center;font-size:clamp(18px,2vw,34px);opacity:.9;color:var(--muted-fg)}.overlayWrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:transparent}.overlay{display:grid;gap:8px;padding:10px 14px;border-radius:16px;background:#000000bf;color:#fff}.overlayVertical{display:grid;gap:8px}.overlayRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.overlayRowName{display:flex;align-items:center;gap:8px;font-size:clamp(18px,2vw,34px);font-weight:700;min-width:0}.overlayScore{font-size:clamp(28px,3vw,52px);font-weight:900}.overlayMeta{text-align:center;font-size:clamp(14px,1.5vw,22px);opacity:.9}.control{padding:16px;display:grid;gap:12px}.controlTop{display:flex;justify-content:space-between;align-items:center}.h1{font-size:20px;font-weight:800}.grid2x2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 720px){.grid2x2{grid-template-columns:1fr}}.courtCard{border:1px solid var(--border);border-radius:16px;padding:12px;display:grid;gap:8px;background:var(--surface)}.courtTitle{font-weight:800}.courtTeams{opacity:.9;color:var(--muted-fg)}.courtLine{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.courtScore{font-size:26px;font-weight:900}.courtMeta{opacity:.8;color:var(--muted-fg)}.courtBtns{display:flex;gap:10px;flex-wrap:wrap}.courtBtns button,.courtBtns a{border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);padding:10px 12px;text-decoration:none;color:inherit;display:inline-block}.courtBtns .danger{background:var(--danger-bg)}.teamRowActions button{border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);padding:8px 10px;color:inherit}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;padding:16px;overflow:auto}.modal{width:min(520px,100%);background:var(--surface);border-radius:16px;padding:14px;display:grid;gap:10px;max-height:90dvh;overflow:auto;-webkit-overflow-scrolling:touch}.modalTitle{font-weight:900;font-size:18px}.field{display:grid;gap:6px;font-size:14px}.field input,.field select{padding:10px 12px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);color:inherit}.modalBtns{display:flex;justify-content:flex-end;gap:10px}.modalBtns button{border:1px solid var(--border-strong);background:var(--surface);padding:10px 12px;border-radius:12px;color:inherit}.modalBtns .primary{background:var(--primary-on-surface);color:#fff}.modalBtns .primary:not(:disabled):hover{background:var(--primary-on-surface);filter:brightness(1.08);box-shadow:0 1px #0000000f,inset 0 0 0 1px color-mix(in srgb,var(--border-strong),var(--fg) 14%)}.modalBtns .primary:not(:disabled):active{background:var(--primary-on-surface);filter:brightness(.94);transform:translateY(1px);box-shadow:inset 0 1px 2px #00000038}.modalBtns button:not(.primary):not(:disabled):hover{background:linear-gradient(var(--surface),var(--surface)),color-mix(in srgb,var(--btn-hover-overlay),transparent 0%);border-color:color-mix(in srgb,var(--border-strong),var(--fg) 22%);box-shadow:0 1px #0000000f,inset 0 0 0 1px color-mix(in srgb,var(--border-strong),var(--fg) 14%)}.modalBtns button:not(.primary):not(:disabled):active{background:linear-gradient(var(--surface),var(--surface)),var(--btn-active-overlay);border-color:color-mix(in srgb,var(--border-strong),var(--fg) 30%);box-shadow:inset 0 1px 2px #0003;transform:translateY(1px)}[data-theme=dark] .pinGate button.primary,[data-theme=dark] .modalBtns .primary{color:#000}.hint{font-size:12px;opacity:.7;color:var(--muted-fg)}.teamLogo{width:56px;height:40px;object-fit:contain;border-radius:10px;background:var(--surface-alt)}.teamLogoPlaceholder{display:inline-block;width:56px;height:40px;border-radius:10px;background:#0000000f}.boardTeam{display:flex;align-items:center;gap:14px}.teamLabel{display:grid;line-height:1.05}.teamShort{font-weight:900;font-size:clamp(26px,3vw,54px);display:inline-block;min-width:5ch;white-space:nowrap}.teamNameSmall{opacity:.75;font-size:clamp(12px,1.4vw,18px)}.serveIcon{margin-left:6px;display:inline-block;width:1.2em;text-align:center}.overlayLogo{width:42px;height:28px;object-fit:contain;border-radius:10px;background:#ffffff24}.overlayTeamText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlayShort{font-weight:900;display:inline-block;min-width:5ch}.overlayServe{margin-left:8px;margin-right:8px;display:inline-block;width:1.2em;text-align:center}.setChips{display:flex;align-items:center;gap:4px}.setChip{display:inline-flex;align-items:center;justify-content:center;min-width:2ch;text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;border-radius:10px;padding:2px 8px;font-weight:500;background:#ffffff29;line-height:1.2}.setChip strong{font-weight:900}.setChip.live{background:#ffffff3d}.setChip.fixed{background:#ffffff24}.board .setChips,.resultLine .setChips{margin-left:16px}.board .setChips:before,.results .resultLine .setChips:before{content:"";display:inline-block;width:1px;height:1.2em;margin-right:12px;background:var(--border-strong);opacity:.8;border-radius:1px}@media (max-width: 520px){.board .setChips:before,.results .resultLine .setChips:before{height:1em;margin-right:10px;opacity:.7}}.results .setChip{font-size:clamp(20px,2.2vw,24px)}.setChips>.setChip:first-child{margin-right:6px}.teamRow{display:grid;grid-template-columns:60px 1fr auto;gap:10px;align-items:start;border:1px solid var(--border);padding:10px;border-radius:14px;background:var(--surface)}.teamRowLogo{width:60px;height:40px;border-radius:10px;background:var(--surface-alt);display:grid;place-items:center;overflow:hidden}.teamRowMain{display:grid;gap:8px}.teamRowLine{display:grid;grid-template-columns:110px 1fr;gap:8px}.teamEditShort,.teamEditName,.teamEditLogo{padding:10px 12px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);color:inherit}.teamEditLogo{grid-column:1 / -1}.teamRowActions button{border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);padding:10px 12px}.teamRowActions .danger{background:var(--danger-bg)}.results{min-height:100vh;padding:24px;display:grid;gap:18px}.resultsHeader{font-size:24px;font-weight:800;letter-spacing:.2px}.resultsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.resultItem{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--border)}.resultItem:first-child{border-top:none}.resultHead{display:flex;align-items:baseline;gap:12px}.resultCourt{font-weight:700;opacity:.95}.resultStatus{font-size:12px;opacity:.75}.resultTeams{display:grid;gap:6px}.resultLine{display:grid;grid-template-columns:40px auto 1fr auto;align-items:center;gap:10px}.resultLogo{width:40px;height:40px;object-fit:contain;background:transparent}.resultLogo.ph{background:var(--surface-alt)}.resultShort{font-size:clamp(16px,1.4vw,18px);font-weight:700;letter-spacing:.2px;display:inline-block;min-width:5ch;white-space:nowrap}.resultPts{font-size:clamp(18px,2vw,22px);font-weight:900;white-space:nowrap}.resultMeta{display:flex;align-items:center;gap:10px;opacity:.9;font-size:13px;color:var(--muted-fg)}.setBadges{display:flex;flex-wrap:wrap;gap:8px}.setBadge{border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:12px}