:root{--bg: #030611;--bg2: #070b1c;--bgGlow1: rgba(80, 160, 255, .14);--bgGlow2: rgba(120, 90, 255, .12);--bgGlow3: rgba(60, 255, 220, .06);--surface: rgba(255, 255, 255, .06);--surface2: rgba(255, 255, 255, .085);--surface3: rgba(0, 0, 0, .22);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--accent: #78a7ff;--accent2: #8f7cff;--border: rgba(255, 255, 255, .14);--border2: rgba(255, 255, 255, .22);--focus: rgba(120, 167, 255, .35);--focusBorder: rgba(120, 167, 255, .52);--focusRing: rgba(120, 167, 255, .14);--good: rgba(95, 255, 188, .92);--bad: rgba(255, 120, 120, .92);--panel: rgba(0, 0, 0, .16);--panel2: rgba(0, 0, 0, .18);--panel3: rgba(0, 0, 0, .22);--panelHover: rgba(255, 255, 255, .06);--panelHover2: rgba(255, 255, 255, .07);--borderSoft: rgba(255, 255, 255, .12);--borderSofter: rgba(255, 255, 255, .1);--borderFaint: rgba(255, 255, 255, .09);--textStrong: rgba(255, 255, 255, .9);--textStrong2: rgba(255, 255, 255, .88);--optionBg: #070b1c;--optionText: rgba(255, 255, 255, .92);color-scheme:dark}html[data-theme=light]{--bg: #f5f7ff;--bg2: #eef2ff;--bgGlow1: rgba(80, 120, 255, .14);--bgGlow2: rgba(168, 85, 247, .12);--bgGlow3: rgba(34, 197, 94, .08);--surface: rgba(255, 255, 255, .7);--surface2: rgba(255, 255, 255, .9);--surface3: rgba(255, 255, 255, .92);--text: rgba(10, 14, 24, .9);--muted: rgba(10, 14, 24, .62);--border: rgba(10, 14, 24, .12);--border2: rgba(10, 14, 24, .18);--borderSoft: rgba(10, 14, 24, .1);--borderSofter: rgba(10, 14, 24, .08);--borderFaint: rgba(10, 14, 24, .06);--panel: rgba(255, 255, 255, .72);--panel2: rgba(255, 255, 255, .85);--panel3: rgba(255, 255, 255, .92);--panelHover: rgba(10, 14, 24, .04);--panelHover2: rgba(10, 14, 24, .05);--textStrong: rgba(10, 14, 24, .92);--textStrong2: rgba(10, 14, 24, .82);--accent: #2563eb;--accent2: #7c3aed;--focus: rgba(37, 99, 235, .25);--focusBorder: rgba(37, 99, 235, .55);--focusRing: rgba(37, 99, 235, .18);--good: rgba(22, 163, 74, .9);--bad: rgba(225, 29, 72, .9);--optionBg: #ffffff;--optionText: rgba(10, 14, 24, .9);color-scheme:light}html,body{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(1200px 600px at 18% 0%,var(--bgGlow1),transparent),radial-gradient(900px 520px at 82% 4%,var(--bgGlow2),transparent),radial-gradient(900px 520px at 50% 100%,var(--bgGlow3),transparent),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page *{box-sizing:border-box}.page{max-width:1200px;margin:0 auto;padding:48px 20px}@media(max-width:600px){.page{padding:18px 12px}.title{font-size:26px}.subtitle{font-size:13px}.card{padding:14px;border-radius:14px}}.header{margin-bottom:18px}.navBar{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:0 0 14px;border-radius:16px;border:1px solid var(--borderSoft);background:color-mix(in srgb,var(--surface2) 75%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:nowrap}.navBrand{border:0;background:transparent;color:var(--textStrong);font-weight:950;letter-spacing:-.01em;cursor:pointer;padding:8px 10px;border-radius:12px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navBrand:hover{background:var(--panelHover)}.navTabsDesktop{display:none;gap:8px;align-items:center;justify-content:center;flex:1}.navTab{padding:9px 12px;border-radius:999px;border:1px solid var(--borderSoft);background:#0000;color:var(--text);cursor:pointer;font-weight:800}.navTab:hover{background:var(--panelHover)}.navTab.active{border-color:var(--focusBorder);box-shadow:0 0 0 3px var(--focusRing)}.navRight{display:flex;gap:10px;align-items:center}.navIconBtn{width:38px;height:38px;border-radius:12px;border:1px solid var(--borderSoft);background:var(--panel);color:var(--text);cursor:pointer;line-height:1;display:grid;place-items:center}.navIconBtn:hover{background:var(--panelHover)}.navAuth .authBar{margin:0;align-items:center;flex-direction:row;justify-content:flex-end}.navAuth .buttonGoogle{height:38px;padding:0 12px;border-radius:12px;width:auto;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.navAuth .authSignedInRow{align-items:center;flex-wrap:nowrap}.navAuth .authUser{min-width:0}.navAuth .authName{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navAuth .authSignOutBtn{height:38px;padding:0 10px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:520px){.navBar{gap:8px}.navBrand{max-width:42vw}.navAuth .authName,.navAuth .authSignOutText{display:none}.navAuth .authSignOutBtn:before{content:"⎋";font-weight:900}}.navTabsMobile{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:90;gap:8px;padding:10px;border-radius:16px;border:1px solid var(--borderSoft);background:color-mix(in srgb,var(--surface2) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navTabMobile{flex:1;border:1px solid var(--borderSoft);background:transparent;border-radius:14px;padding:10px 8px;cursor:pointer;color:var(--text);font-weight:850}.navTabMobile.active{border-color:var(--focusBorder);background:var(--panelHover);box-shadow:0 0 0 3px var(--focusRing)}.navTabMobileLabel{font-size:12px}@media(min-width:860px){.navTabsDesktop{display:flex}.navTabsMobile{display:none}}@media(max-width:860px){.page{padding-bottom:86px}}.authBar{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(420px,100%)}.authSignedInRow{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.authUser{display:inline-flex;align-items:center;gap:10px}.authAvatar{border-radius:999px;border:1px solid var(--border);object-fit:cover}.authName{font-weight:700;font-size:14px;color:var(--textStrong)}.authHint{text-align:right;line-height:1.45}.authError{color:var(--bad);text-align:right;max-width:360px}.codeInline{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;padding:1px 6px;border-radius:8px;border:1px solid var(--borderSoft);background:#00000038}.buttonGoogle{border-color:color-mix(in srgb,var(--accent) 35%,var(--borderSoft));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,transparent),var(--panel3));font-weight:850}.predictAuthGate{margin-bottom:12px}.pillWithTip{display:inline-flex;align-items:center;gap:8px}.teamTagline{margin:0;font-size:15px;line-height:1.55;font-style:italic;color:#ffffffc7}.title{font-size:34px;font-weight:800;letter-spacing:-.02em}.subtitle{margin-top:6px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cardTeamSnapshot{position:relative;z-index:4}.layout3{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:980px){.layout3{grid-template-columns:1.1fr .9fr}.layout3>:nth-child(3){grid-column:1 / -1}}.layoutTeams{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:980px){.layoutTeams{grid-template-columns:1.1fr .9fr}}@media(min-width:1200px){.layoutTeams{grid-template-columns:1fr 1fr 1fr}}.layoutTeams>:nth-child(4){grid-column:1 / -1}.groupsOverviewGrid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:600px){.groupsOverviewGrid{grid-template-columns:1fr 1fr}}@media(min-width:980px){.groupsOverviewGrid{grid-template-columns:1fr 1fr}}@media(min-width:1400px){.groupsOverviewGrid{grid-template-columns:1fr 1fr 1fr}}.groupBox{border:1px solid var(--borderSoft);background:var(--panel2);border-radius:14px;padding:10px}.groupBoxTitle{font-weight:800;color:var(--textStrong2);margin-bottom:8px}.groupBoxTitleActive{color:var(--accent)}.groupBoxTeams{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:520px){.groupBoxTeams{grid-template-columns:1fr 1fr}}.teamChip.teamChipSmall{padding:8px 10px;border-radius:10px;font-size:12px;background:var(--panel)}.stack{display:grid;gap:10px}.small{font-size:12px}.groupGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 6px}@media(min-width:520px){.groupGrid{grid-template-columns:1fr 1fr 1fr 1fr}}.teamChip{text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface3);color:var(--text);cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.teamChip:hover{background:var(--panelHover2);border-color:#6ee7ff47}.teamChip.active{border-color:#6ee7ff8c;box-shadow:0 0 0 3px #6ee7ff24}.teamNamePlain{display:inline-block;font-weight:650;color:var(--text);padding:6px 0}.heroRow{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.heroTitle{font-size:22px;font-weight:800}.pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface3);font-weight:700;font-size:12px;font-variant-numeric:tabular-nums}.pill.good{border-color:#56ffaa47;color:var(--good)}.pill.bad{border-color:#ff6e6e47;color:var(--bad)}.formRow{display:flex;gap:10px;flex-wrap:wrap}.matchList{display:grid;gap:10px}.matchRow{display:grid;grid-template-columns:92px 1fr auto;grid-template-areas:"date main badge" "tour tour tour";gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--borderSoft);background:var(--surface3)}.matchRow>:nth-child(1){grid-area:date}.matchRow>:nth-child(2){grid-area:main;min-width:0}.matchRow>:nth-child(3){grid-area:badge;justify-self:end}.matchRow>:nth-child(4){grid-area:tour}@media(max-width:720px){.matchRow{grid-template-columns:1fr;gap:6px}}.matchMain{display:inline-flex;gap:8px;align-items:baseline;min-width:0}.center{text-align:center}.matchupRow{display:grid;grid-template-columns:1fr 30px 1fr auto auto;gap:10px;align-items:center}@media(max-width:900px){.matchupRow{grid-template-columns:1fr;gap:8px}}@media(max-width:600px){.tabs{gap:8px}.tab{padding:9px 10px;border-radius:11px}.row{grid-template-columns:1fr;gap:8px}.toggles,.builderTop{grid-template-columns:1fr}.builderHint{font-size:12px}.resultsGrid{grid-template-columns:1fr}}.groupAccordion>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.groupAccordion>summary::-webkit-details-marker{display:none}.groupAccordion>summary:after{content:"▾";float:right;opacity:.65;transform:translateY(1px)}.groupAccordion[open]>summary:after{content:"▴"}@media(max-width:600px){.groupsOverviewGrid{grid-template-columns:1fr}}.bracketGrid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:900px){.bracketGrid{grid-template-columns:repeat(4,1fr);gap:14px}}.bracketCol{border:1px solid var(--borderSoft);border-radius:14px;padding:10px;background:var(--panel2);min-width:0}.bracketColTitle{font-weight:900;color:#ffffffe6;margin-bottom:8px}.bracketMatches{display:grid;gap:10px}.bracketMatch{border:1px solid var(--borderFaint);background:#00000029;border-radius:12px;padding:10px;display:grid;gap:6px}.bracketMatchTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.bracketPickBadge{border:1px solid rgba(110,231,255,.35);background:#6ee7ff1a;color:#ffffffeb;font-weight:950;font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 8px;font-size:12px}.bracketPickLabel{color:#fff9;font-size:12px;font-weight:700}.bracketTeam{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracketTeamPick{color:var(--accent)}.bracketProbBar{height:8px;border-radius:999px;border:1px solid var(--borderFaint);background:#0003;overflow:hidden;margin-top:4px}.bracketProbFill{height:100%;background:linear-gradient(90deg,#6ee7ff8c,#b48cff73)}.bracketBuilder{border:1px solid var(--borderSoft);border-radius:16px;padding:14px;background:var(--panel2);overflow-x:auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);align-items:center;gap:14px;min-height:520px}.bracketBox{border:1px solid var(--borderFaint);border-radius:12px;background:#00000029;padding:10px;min-width:0}.bracketBoxEditor{display:grid;gap:8px}.bracketBoxPlaceholder,.bracketBoxFinal{display:grid;place-items:center;color:var(--muted);font-weight:800}.bracketFinalTitle{font-weight:950;color:#ffffffd9;text-align:center;letter-spacing:.08em}.bracketColumn{display:flex;flex-direction:column;align-items:stretch;justify-content:center}.bracketCenter{display:grid;gap:10px;justify-items:center;align-self:center}.bracketBoxFinal{min-width:220px}@media(max-width:720px){.bracketBuilder{min-height:460px}}.koFormationWrap{display:grid;gap:10px}.koFormation{position:relative;--tokenSize: 78px;--tokenFont: 14px;border:1px solid var(--borderSoft);border-radius:16px;padding:12px;background:linear-gradient(180deg,#0d18168c,#060a128c),var(--panel2);overflow:hidden;height:520px}.koFormation:before{content:"";position:absolute;inset:10px;border-radius:12px;border:1px solid var(--borderFaint);pointer-events:none;opacity:.8}.koFormationCenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0000002e;display:grid;place-items:center;pointer-events:none}.koFormationLabel{font-weight:950;letter-spacing:.08em;color:#ffffffd9}.koLines{position:absolute;inset:0;z-index:0;pointer-events:none}.koLine{fill:none;stroke:#ffffff29;stroke-width:.75;stroke-linecap:round}.koFormation .slotTokenWrap{z-index:2}@media(max-width:900px){.koFormation{height:460px;--tokenSize: 72px}}@media(max-width:600px){.koFormation{--tokenSize: 66px;--tokenFont: 13px}}.checkboxRow{display:inline-flex;align-items:center;gap:8px}.lineupsGrid{display:grid;grid-template-columns:1fr;gap:16px;margin:12px 0;width:100%}@media(min-width:980px){.lineupsGrid{grid-template-columns:1fr 1fr}}.lineupsGrid>*{min-width:0}.playerRow{display:grid;grid-template-columns:2.2fr .7fr .7fr .7fr auto auto auto;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--borderSofter);background:var(--panel2)}.playerRow>*{min-width:0}@media(max-width:980px){.playerRow{grid-template-columns:1fr;gap:8px}}.subcard{border:1px solid var(--borderSoft);background:var(--panel);border-radius:16px;padding:16px;min-width:0;overflow:visible}.subcardTitle{font-weight:800;color:var(--textStrong);margin-bottom:8px}.button.buttonInline{margin-top:0;height:38px;padding:0 14px}.predictForm{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:860px){.predictForm{grid-template-columns:1fr 1fr}}.field{display:grid;gap:6px}.toggles{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:860px){.toggles{grid-template-columns:1fr 1fr 1fr}}.toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--borderSoft);background:var(--panel);-webkit-user-select:none;user-select:none;cursor:pointer}.toggle:hover{border-color:#6ee7ff38;background:#ffffff0d}.toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.toggleLabel{color:var(--textStrong);font-weight:650}.builderTop{display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:end}@media(max-width:720px){.builderTop{grid-template-columns:1fr}}.builderHint{padding:10px 12px;border-radius:12px;border:1px solid var(--borderSoft);background:var(--panel)}.pitch{position:relative;--tokenSize: 62px;--tokenFont: 14px;border:1px solid var(--borderSoft);border-radius:16px;padding:12px;background:linear-gradient(180deg,#0d18168c,#060a128c),radial-gradient(900px 280px at 50% 40%,rgba(110,231,255,.08),transparent),radial-gradient(700px 220px at 50% 80%,rgba(180,140,255,.08),transparent),var(--panel2);display:grid;gap:10px;overflow:visible}.pitchTokens{position:relative;height:min(360px,54vw);min-height:260px;z-index:1}.slotTokenWrap{position:absolute;transform:translate(-50%,-50%);width:var(--tokenSize);height:var(--tokenSize);border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#00000052;color:#ffffffeb;display:grid;place-items:center;text-align:center;font-weight:900;letter-spacing:.02em;cursor:pointer;outline:none;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;padding:0}.slotTokenText{z-index:1;pointer-events:none;font-size:var(--tokenFont);line-height:1}.slotTokenSelect{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}@media(max-width:720px){.pitch{--tokenSize: 56px;--tokenFont: 13px}.pitchTokens{height:min(340px,70vw);min-height:240px}}@media(max-width:420px){.pitch{--tokenSize: 50px;--tokenFont: 12px;padding:10px}.pitchTokens{height:min(320px,78vw);min-height:220px}}.slotTokenWrap:hover{border-color:#6ee7ff47;background:#ffffff0f}.slotTokenWrap:focus-within{border-color:#6ee7ff8c;box-shadow:0 0 0 3px #6ee7ff2e}.slotTokenFilled{border-color:#b48cff59;background:#0000005c;font-weight:750;letter-spacing:0}.slotTokenSelect:disabled{cursor:not-allowed}.slotTokenWrap.slotTokenDisabled{opacity:.55;cursor:not-allowed}.slotTokenSelect::-ms-expand{display:none}.pitch:before{content:"";position:absolute;inset:10px;border-radius:12px;border:1px solid var(--borderFaint);pointer-events:none;background:linear-gradient(to bottom,transparent calc(50% - .5px),rgba(255,255,255,.11) calc(50% - .5px),rgba(255,255,255,.11) calc(50% + .5px),transparent calc(50% + .5px)),radial-gradient(circle at 50% 50%,transparent 0 24px,rgba(255,255,255,.11) 24px 25px,transparent 25px 100%),linear-gradient(to bottom,#ffffff1c,#ffffff1c) 50% 8% / 62% 1px no-repeat,linear-gradient(to bottom,#ffffff1c,#ffffff1c) 50% 92% / 62% 1px no-repeat,linear-gradient(to right,#ffffff1c,#ffffff1c) 19% 8% / 1px 16% no-repeat,linear-gradient(to right,#ffffff1c,#ffffff1c) 81% 8% / 1px 16% no-repeat,linear-gradient(to right,#ffffff1c,#ffffff1c) 19% 76% / 1px 16% no-repeat,linear-gradient(to right,#ffffff1c,#ffffff1c) 81% 76% / 1px 16% no-repeat,linear-gradient(to bottom,#ffffff1c,#ffffff1c) 50% 24% / 62% 1px no-repeat,linear-gradient(to bottom,#ffffff1c,#ffffff1c) 50% 76% / 62% 1px no-repeat;opacity:.9}.pitch:after{content:"";position:absolute;inset:10px;border-radius:12px;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff08,#ffffff08 24px,#fff0 24px 48px);opacity:.35}.pitchRow{display:grid;gap:10px;justify-content:center;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr)}.slotSelect{height:38px;border-radius:12px;border:1px solid var(--border);background:var(--panel3);color:var(--text);padding:0 10px;outline:none;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}@media(max-width:720px){.pitchRow{grid-auto-flow:row;grid-auto-columns:1fr;justify-content:stretch}}.slotSelect:hover{border-color:var(--border2)}.slotSelect:focus,.slotSelect:focus-visible{border-color:var(--focusBorder);box-shadow:0 0 0 3px var(--focusRing)}.adjustGrid{display:grid;gap:10px}.adjustRow{display:grid;grid-template-columns:1.6fr minmax(150px,.95fr) minmax(150px,.95fr) auto;gap:10px;align-items:end;padding:10px;border-radius:12px;border:1px solid var(--borderSoft);background:var(--panel)}@media(max-width:720px){.adjustRow{grid-template-columns:1fr}}.adjustName{min-width:0}.adjustPrimary{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{font-weight:900;font-variant-numeric:tabular-nums}.results{margin-top:14px}.resultsGrid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:900px){.resultsGrid{grid-template-columns:2fr 1fr}}.outcomeRow{display:grid;grid-template-columns:1fr 90px;gap:8px 12px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--borderSoft);background:var(--surface3);margin:10px 0}.outcomeRowEmphasis{border-color:#6ee7ff66}.outcomeLabel{font-weight:700}.outcomePct{text-align:right;font-variant-numeric:tabular-nums}.bar{grid-column:1 / -1;height:10px;border-radius:999px;border:1px solid var(--borderSoft);background:#00000040;overflow:hidden}.barFill{height:100%;background:linear-gradient(90deg,#6ee7ffa3,#b48cff85)}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:900px){.grid{grid-template-columns:1fr 1fr}}.tabs{display:none}.tab{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.tab:hover{background:var(--panelHover);border-color:#6ee7ff38}.tab.active{border-color:#6ee7ff8c;box-shadow:0 0 0 3px #6ee7ff29}.row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:12px;margin:10px 0}.rowNoteBelow{grid-column:1 / -1;margin-top:2px;margin-bottom:8px}.label{color:var(--muted)}.helpTip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0000002e;color:#fffc;font-size:12px;font-weight:900;cursor:help;-webkit-user-select:none;user-select:none}.helpTip:focus{outline:none;box-shadow:0 0 0 3px #6ee7ff29}.helpTipBubble{position:absolute;left:50%;top:26px;transform:translate(-50%) translateY(-4px);width:min(320px,calc(100vw - 48px));padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0c101efa;color:#ffffffeb;font-weight:600;font-size:12px;line-height:1.35;box-shadow:0 10px 30px #00000059;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:9999}.helpTip:hover .helpTipBubble,.helpTip:focus .helpTipBubble{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:600px){.helpTipBubble{position:fixed;inset:auto 12px 86px;width:auto;transform:none;max-height:40vh;overflow:auto}.helpTip:hover .helpTipBubble,.helpTip:focus .helpTipBubble{transform:none}}.input{height:38px;border-radius:10px;border:1px solid var(--border);background:var(--panel3);color:var(--text);padding:0 10px;outline:none;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.input:hover{border-color:var(--border2)}.input:focus,.input:focus-visible{border-color:var(--focusBorder);box-shadow:0 0 0 3px var(--focusRing)}select,select.input,select.slotSelect{color-scheme:inherit}select option{background:var(--optionBg);color:var(--optionText)}.textarea{width:100%;min-height:240px;margin:10px 0;border-radius:12px;border:1px solid var(--border);background:var(--panel3);color:var(--text);padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;outline:none;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.textarea:hover{border-color:var(--border2)}.textarea:focus,.textarea:focus-visible{border-color:var(--focusBorder);box-shadow:0 0 0 3px var(--focusRing)}.button{margin-top:10px;height:40px;border-radius:12px;border:1px solid rgba(110,231,255,.36);background:linear-gradient(180deg,#6ee7ff2e,#b48cff0f);color:var(--text);cursor:pointer;font-weight:700;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--focusBorder);box-shadow:0 10px 30px #00000059}.button:focus-visible,.tab:focus-visible,.teamChip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focusRing)}.button:disabled{opacity:.6;cursor:not-allowed}.table{display:grid;gap:8px}.tableRow{display:grid;grid-template-columns:140px minmax(180px,1fr) 70px 70px;gap:10px;padding:10px;border:1px solid var(--borderSoft);border-radius:12px;background:var(--surface3)}.tableRow>div{min-width:0}.groupResultsTable{display:grid;gap:8px}.groupResultsRow{display:grid;grid-template-columns:140px minmax(180px,1fr) 70px 70px;gap:10px;padding:10px;border:1px solid var(--borderSoft);border-radius:12px;background:var(--surface3);align-items:center}.groupResultsRow>div{min-width:0}.groupResultsMeta{display:none}@media(max-width:520px){.groupResultsHead{display:none}.groupResultsRow{grid-template-columns:1fr;gap:8px;padding:12px}.groupResultsRow>div:nth-child(3),.groupResultsRow>div:nth-child(4){display:none}.groupResultsMeta{display:block}}.cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer{height:12px}.sectionTitle{font-weight:700;color:var(--accent);margin-bottom:10px}.sectionTitleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sectionTitleRowControls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.inputCompact{height:36px;padding:0 10px;border-radius:12px;width:auto;min-width:140px}@media(max-width:600px){.sectionTitleRow{flex-direction:column;align-items:stretch}.sectionTitleRowControls{justify-content:stretch}.inputCompact{width:100%;min-width:0}}.code{margin:0;padding:12px;border-radius:12px;background:#00000047;border:1px solid rgba(255,255,255,.12);overflow:auto}.muted{color:var(--muted)}.link,.muted a,a.link,a,.code{overflow-wrap:anywhere;word-break:break-word}.error{margin:0;padding:12px;border-radius:12px;background:#ff000014;border:1px solid rgba(255,0,0,.18);overflow:visible}.knockoutRunSection{display:flex;flex-direction:column;gap:12px;margin-top:8px}.knockoutRunSection .button{margin-top:0}.knockoutSimButtonRow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}.simRunningClock{font-size:14px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.simRunningClockDigits{margin-left:6px;font-size:18px;font-weight:800;color:var(--accent);letter-spacing:.02em}.knockoutFootnote{line-height:1.5}.knockoutTimeoutWarn{margin-top:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,190,120,.35);background:#ff8c2812;color:#ffdcc8f2;font-size:13px}
