:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f6;--surface:#fff;--surface-soft:#f4f6f9;--surface-muted:#e5e9f0;--text:#111827;--muted:#667085;--line:#d5dbe5;--line-strong:#bac3d0;--navy:#081a33;--navy-2:#102947;--accent:#e51f2f;--accent-strong:#b91624;--accent-soft:#ffe6e9;--court:#00a4c8;--court-soft:#dff7fb;--danger:#c0192b;--danger-soft:#fff0f2;--success:#047857;--success-soft:#e1f7ed;--shadow:0 14px 34px #081a331f;font-synthesis:none;text-rendering:optimizelegibility;font-family:Arial,Microsoft YaHei,PingFang SC,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071120;--surface:#101c2e;--surface-soft:#14243a;--surface-muted:#1c304c;--text:#f3f7fb;--muted:#a8b7ca;--line:#263d5e;--line-strong:#365478;--navy:#050b15;--navy-2:#0b2038;--accent:#ff3345;--accent-strong:#ff6674;--accent-soft:#3b1118;--court:#32c8ea;--court-soft:#0f3540;--danger:#ff6674;--danger-soft:#3a1018;--success:#6ee7b7;--success-soft:#113827;--shadow:0 18px 44px #00000057}}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--navy) 0, var(--navy) 188px, var(--bg) 188px, var(--bg) 100%), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:active{transform:translateY(1px)}.appShell{width:min(1220px,100% - 32px);margin:0 auto;padding:26px 0 58px}.homeShell,.organizerShell{gap:18px;display:grid}.heroPanel,.topBar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:18px;display:grid;position:relative;overflow:hidden}.heroPanel{border:1px solid color-mix(in srgb, #fff, var(--navy) 54%);background:linear-gradient(135deg, #e51f2ff5 0 31%, transparent 31% 100%), linear-gradient(110deg, var(--navy) 0, var(--navy-2) 58%, #163d69 100%);color:#fff;min-height:292px;box-shadow:var(--shadow);border-radius:0;padding:28px}.heroPanel:after,.topBar:after{content:"";pointer-events:none;border:42px solid #ffffff14;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-120px;right:-110px}.topBar{border:1px solid color-mix(in srgb, #fff, var(--navy) 58%);background:linear-gradient(135deg, var(--accent) 0 22%, transparent 22%), linear-gradient(115deg, var(--navy) 0, var(--navy-2) 60%, #123a63 100%);color:#fff;min-height:188px;box-shadow:var(--shadow);border-radius:0;padding:22px}.eventMark{text-transform:uppercase;border-left:5px solid #fff;align-content:space-between;align-self:stretch;min-width:132px;padding-left:12px;display:grid}.eventMark span{color:#ffffffbd;font-size:12px;font-weight:900}.eventMark strong{color:#fff;font-size:23px;font-weight:950;line-height:.98}.topBar h1,.heroPanel h1{letter-spacing:0;text-transform:uppercase;max-width:780px;margin:7px 0 0;font-size:clamp(34px,4.8vw,60px);line-height:.98}.heroCopy{color:#ffffffd1;max-width:560px;margin:14px 0 0;font-size:18px;line-height:1.6}.eyebrow{color:#fff;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:13px;font-weight:950}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:0;padding:18px}.createPanel{max-width:820px}.sectionTitle{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.sectionTitle svg{color:var(--accent)}.sectionTitle h2{color:var(--navy);text-transform:uppercase;margin:0;font-size:20px;font-weight:950}.sectionTitle p{color:var(--muted);margin:5px 0 0;line-height:1.5}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{color:var(--text);gap:7px;font-size:14px;font-weight:900;display:grid}input,select{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:0;outline:none;padding:0 12px}input::placeholder{color:color-mix(in srgb, var(--muted), transparent 22%)}input:focus,select:focus{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.primaryButton,.ghostButton,.iconButton,.dangerButton{white-space:nowrap;text-transform:uppercase;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:950;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.primaryButton{background:var(--accent);color:#fff}.primaryButton:hover{background:var(--accent-strong)}.ghostButton,.iconButton{border-color:var(--line-strong);color:var(--navy);background:#fff}.dangerButton{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger), var(--line) 45%);color:var(--danger)}.topBar .ghostButton,.topBar .iconButton,.heroPanel .ghostButton,.heroPanel .iconButton{background:#fffffff5;border-color:#fffffff5}.ghostButton:hover,.iconButton:hover{border-color:var(--accent);color:var(--accent-strong)}.dangerButton:hover{background:var(--danger);border-color:var(--danger);color:#fff}.primaryButton:disabled,.ghostButton:disabled,.iconButton:disabled,.dangerButton:disabled{cursor:not-allowed;opacity:.58}.fileButton{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--navy);text-transform:uppercase;white-space:nowrap;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:950;display:inline-flex;position:relative;overflow:hidden}.fileButton:hover{border-color:var(--accent);color:var(--accent-strong)}.fileButton input[type=file]{opacity:0;cursor:pointer;min-height:100%;padding:0;position:absolute;inset:0}.fileButton.compact{min-height:36px;padding:0 10px;font-size:12px}.fieldFileButton{align-self:end}.headerActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.quickStats,.heroStats,.organizerMetrics{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.metric{border:1px solid var(--line);background:var(--surface-soft);border-radius:0;min-width:98px;padding:10px 12px}.topBar .metric,.heroPanel .metric{background:#ffffff1a;border-color:#ffffff38}.metric span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:950;display:block}.topBar .metric span,.heroPanel .metric span{color:#ffffffa8}.metric strong{color:var(--navy);margin-top:3px;font-size:18px;font-weight:950;display:block}.topBar .metric strong,.heroPanel .metric strong{color:#fff}.tabs{scrollbar-width:thin;gap:0;padding:0 0 16px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--navy);text-transform:uppercase;white-space:nowrap;border-right:0;border-radius:0;align-items:center;gap:7px;padding:0 15px;font-weight:950;display:inline-flex}.tabs button:last-child{border-right:1px solid var(--line-strong)}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.tabs button.active+button{border-left-color:var(--accent)}.gridTwo{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:16px;display:grid}.inlineForm{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:16px;display:grid}.inlineFormThree{grid-template-columns:minmax(120px,.8fr) minmax(0,1fr) auto}.playerCreateForm{grid-template-columns:minmax(104px,.8fr) minmax(0,1.1fr) 82px 104px auto auto;align-items:end}.stack,.teamRoster,.roundStack,.captainGrid{gap:12px;min-width:0;display:grid}.teamCard,.matchCard,.linkCard,.captainCard{border:1px solid var(--line);background:var(--surface);border-radius:0;min-width:0}.teamCard,.matchCard,.captainCard{padding:14px}.teamCard,.captainCard,.linkCard,.matchCard,.rankingRow{border-top:4px solid var(--navy)}.linkGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.linkCard{grid-template-rows:1fr auto;gap:16px;min-height:210px;padding:18px;display:grid}.linkCard h3{color:var(--navy);text-transform:uppercase;margin:0;font-size:22px;font-weight:950}.linkCard p{color:var(--muted);margin:8px 0 14px;line-height:1.5}.teamCard,.captainCard{gap:10px;display:grid}.teamCard>div,.captainCard>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.teamCard strong,.captainCard strong{color:var(--navy);text-transform:uppercase;font-size:18px;font-weight:950}.teamCard span,.teamCard small,.captainCard span{color:var(--muted)}.rosterCard{gap:12px}.rosterPlayers{gap:8px;display:grid}.rosterPlayer{border:1px solid var(--line);background:var(--surface-soft);flex-wrap:wrap;padding:8px}.rosterPlayer>div:nth-child(2){flex:1;min-width:0}.rowActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}code{text-overflow:ellipsis;background:var(--surface-soft);max-width:100%;color:var(--navy);border-radius:0;padding:9px 10px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:12px;display:block;overflow:hidden}.playerList{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;display:grid}.playerChip{border:1px solid var(--line-strong);border-left:4px solid var(--court);background:var(--surface);color:var(--text);text-align:left;border-radius:0;gap:10px;min-width:0;padding:11px;display:grid}.playerProfileMain,.rosterPlayer,.sidePlayer{align-items:center;gap:10px;min-width:0;display:flex}.playerProfileMain strong,.rosterPlayer strong,.sidePlayer b{color:var(--navy);overflow-wrap:anywhere;font-size:15px;font-weight:950;display:block}.playerChip small,.rosterPlayer small,.sidePlayer small{color:var(--muted)}.playerBadges{flex-wrap:wrap;gap:6px;display:flex}.playerBadges span{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--navy);padding:4px 7px;font-size:12px;font-weight:950}.profileControls{grid-template-columns:74px 92px auto auto;align-items:center;gap:8px;display:grid}.profileControls select{min-height:36px;padding:0 8px;font-size:13px}.playerAvatar{border:2px solid var(--navy);background:linear-gradient(135deg, var(--navy), var(--accent));color:#fff;text-transform:uppercase;border-radius:0;flex:none;place-items:center;width:54px;height:81px;font-size:13px;font-weight:950;display:inline-grid;overflow:hidden}.playerAvatar.small{width:50px;height:75px;font-size:13px}.playerAvatar.large{width:76px;height:114px}.playerAvatar img{object-fit:cover;width:100%;height:100%}.muted{opacity:.48}.empty{border:1px dashed var(--line-strong);min-height:118px;color:var(--muted);text-align:center;background:var(--surface-soft);border-radius:0;place-items:center;gap:12px;padding:24px;display:grid}.roundBand{gap:10px;display:grid}.roundTabs{border-left:1px solid var(--line-strong);scrollbar-width:thin;gap:0;display:flex;overflow-x:auto}.roundTabs button{border:1px solid var(--line-strong);background:var(--surface);min-width:104px;min-height:52px;color:var(--navy);text-align:left;white-space:nowrap;border-left:0;border-radius:0;gap:2px;padding:7px 10px;font-weight:950;display:inline-grid}.roundTabs button span{color:var(--muted);font-size:12px}.roundTabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.roundTabs button.active span{color:#ffffffc7}.roundTitle{background:var(--navy);color:#fff;text-transform:uppercase;width:fit-content;padding:8px 12px;font-size:16px;font-weight:950}.matchGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.matchCard{gap:12px;display:grid}.matchCard.completed{border-top-color:var(--accent);background:linear-gradient(180deg, var(--accent-soft), var(--surface) 46%)}.matchMeta{flex-wrap:wrap;gap:0;display:flex}.matchMeta span{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--navy);text-transform:uppercase;border-right:0;border-radius:0;padding:5px 9px;font-size:12px;font-weight:950}.matchMeta span:last-child{border-right:1px solid var(--line-strong)}.versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.matchSide{gap:8px;min-width:0;display:grid}.matchSide.right{text-align:right}.matchSide.right .sidePlayer{flex-direction:row-reverse}.sideHeader strong{color:var(--navy);text-transform:uppercase;overflow-wrap:anywhere;font-size:18px;font-weight:950;display:block}.sideHeader span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:950}.sideRoster{gap:7px;display:grid}.sidePlayer{border:1px solid var(--line);background:var(--surface-soft);padding:7px}.sidePlayer>div{min-width:0}.versus>b{border:1px solid var(--line-strong);min-width:72px;color:var(--navy);text-align:center;font-variant-numeric:tabular-nums;background:0 0;padding:7px 8px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:23px}.scoreForm{grid-template-columns:82px 82px auto;align-items:center;gap:8px;display:grid}.rankingTable{gap:8px;display:grid}.rankingHead,.rankingRow{grid-template-columns:minmax(150px,1fr) 64px 64px 88px 88px;align-items:center;gap:8px;display:grid}.rankingHead{background:var(--navy);color:#fff;text-transform:uppercase;padding:10px 12px;font-size:13px;font-weight:950}.rankingRow{border:1px solid var(--line);border-top:4px solid var(--navy);background:var(--surface);border-radius:0;min-height:50px;padding:0 12px;font-weight:950}.rankingRow span:first-child{align-items:center;gap:9px;min-width:0;display:inline-flex}.rankingRow b{background:var(--accent);color:#fff;border-radius:0;place-items:center;width:30px;height:30px;font-size:13px;display:inline-grid}.checkLine{align-items:center;gap:8px;min-height:44px;display:inline-flex}.checkLine input{width:18px;min-height:18px}.rulePanel{border:1px solid var(--line);border-left:5px solid var(--accent);background:var(--surface-soft);grid-column:1/-1;padding:14px}.compactTitle{margin-bottom:10px}.compactTitle h3{color:var(--navy);text-transform:uppercase;margin:0;font-size:17px;font-weight:950}.ruleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ruleGrid .checkLine{border:1px solid var(--line-strong);background:var(--surface);padding:0 10px}.captainBar{margin-bottom:14px}.captainBar label{grid-template-columns:88px minmax(0,360px);align-items:center}.errorLine,.successLine{border-radius:0;grid-column:1/-1;padding:11px 12px;font-weight:950}.floatingNotice{margin:-4px 0 14px}.errorLine{background:var(--danger-soft);color:var(--danger);border-left:5px solid var(--danger)}.successLine{background:var(--success-soft);color:var(--success);border-left:5px solid var(--success)}.dangerZone{border:1px solid color-mix(in srgb, var(--danger), var(--line) 48%);border-left:5px solid var(--danger);background:var(--danger-soft);justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:14px;display:flex}.dangerZone h3{color:var(--danger);text-transform:uppercase;margin:0;font-size:17px;font-weight:950}.dangerZone p{color:var(--muted);margin:5px 0 0;line-height:1.45}@media (width<=920px){.heroPanel,.topBar{grid-template-columns:1fr;align-items:stretch}.eventMark{min-height:64px}.teamCard>div,.captainCard>div{flex-direction:column;align-items:stretch}.headerActions,.rowActions{justify-content:flex-start}.linkGrid,.gridTwo,.formGrid,.inlineForm,.inlineFormThree,.playerCreateForm,.ruleGrid{grid-template-columns:1fr}.linkCard{min-height:0}}@media (width<=680px){.appShell{width:min(100% - 20px,1220px);padding-top:16px}.panel,.heroPanel,.topBar{padding:14px}.topBar h1,.heroPanel h1{font-size:31px}.scoreForm{grid-template-columns:1fr}.scoreForm button{grid-column:auto}.versus{grid-template-columns:1fr}.matchSide.right{text-align:left}.matchSide.right .sidePlayer{flex-direction:row}.versus>b{text-align:left;width:fit-content}.profileControls{grid-template-columns:1fr}.rankingHead{display:none}.rankingRow{grid-template-columns:1fr 42px 42px 64px 64px;padding:8px}.captainBar label{grid-template-columns:1fr}.headerActions{grid-template-columns:1fr;display:grid}.headerActions .ghostButton,.headerActions .primaryButton,.rosterPlayer .fileButton{width:100%}.dangerZone{flex-direction:column;align-items:stretch}.dangerZone .dangerButton{width:100%}}
