:root{color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f3ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{cursor:pointer;font:inherit}main{min-height:100vh}.topbar{color:#f8f5eb;background:#2a398d;justify-content:space-between;align-items:center;padding:28px clamp(18px,4vw,48px);display:flex}.topbar h1,.sectionHeader h2,.sourcesBand h2{margin:0}.topbar h1{font-size:clamp(2rem,5vw,4.25rem);line-height:.95}.topActions{place-items:flex-end end;gap:8px;display:grid}.saveStatus{color:#d8d1bf;font-size:.78rem;font-weight:800}.eyebrow{color:#e61d25;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:850}.topbar .eyebrow{color:#f8f5eb}.ghostButton{color:#f8f5eb;background:#ffffff14;border:1px solid #ffffff3d;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.summaryBand{background:#fdfbf5;border-bottom:1px solid #ddd5c5;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric{min-width:0;padding:18px clamp(16px,4vw,42px)}.metric span{color:#63716c;margin-bottom:4px;font-size:.78rem;font-weight:750;display:block}.metric strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.1rem,2.2vw,1.8rem);display:block;overflow:hidden}.groupsSection,.bracketSection{padding:24px clamp(14px,3vw,32px)}.groupsSection{background:#f5f3ee}.bracketSection{background:#fffdf8;border-top:1px solid #ddd5c5}.sectionHeader{justify-content:space-between;align-items:end;gap:14px;margin:0 0 16px;display:flex}.sectionHeader h2{font-size:clamp(1.2rem,2.4vw,2rem)}.groupsGrid{grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;display:grid}.groupCard{background:#fffdf8;border:1px solid #ddd5c5;border-radius:8px;min-width:0;overflow:hidden}.groupCard.selected{border-color:#3cac3b;box-shadow:0 0 0 2px #1f5a4f1f}.groupHeader{color:#17201b;text-align:left;background:#e8e1d2;border:0;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;display:flex}.groupHeader span{font-weight:900}.groupHeader small{color:#63716c;align-items:center;gap:5px;font-weight:750;display:inline-flex}.groupHeader[aria-expanded=true] small svg{transform:rotate(180deg)}.groupHeader:hover,.groupHeader:focus-visible{background:#ded5c4;outline:none}.groupTeams{gap:7px;padding:10px;display:grid}.groupActions{border-top:1px solid #ece4d6;padding:0 10px 10px}.groupActions button{color:#1d2a6b;background:#eaf2ee;border:1px solid #bfd3ca;border-radius:7px;justify-content:center;align-items:center;width:100%;min-height:36px;font-size:.82rem;font-weight:900;display:flex}.groupActions button:hover,.groupActions button:focus-visible{border-color:#3cac3b;outline:none;box-shadow:inset 0 0 0 1px #3cac3b}.teamRow{color:#17201b;cursor:grab;text-align:left;background:#f7f2e8;border:1px solid #0000;border-radius:7px;grid-template-columns:26px 20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:7px 8px;display:grid}.teamRow:hover,.teamRow:focus-visible{border-color:#3cac3b;outline:none}.teamRow.dragging{opacity:.45}.teamReorder{gap:2px;display:grid}.teamMoveBtn{color:#17201b;cursor:pointer;background:#fff;border:1px solid #cfc5b4;border-radius:5px;justify-content:center;align-items:center;width:30px;height:22px;padding:0;display:flex}.teamMoveBtn:hover:not(:disabled){background:#e2f0e9;border-color:#3cac3b}.teamMoveBtn:disabled{cursor:default;opacity:.3}.teamGrip{color:#9aa6a0;display:none}@media (hover:hover) and (pointer:fine){.teamReorder{display:none}.teamGrip{display:block}}.seed{color:#fff;background:#2a398d;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:900;display:inline-flex}.seed3{background:#e61d25}.seed4{background:#74817b}.teamText{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:850;overflow:hidden}.groupMatchList{gap:8px;display:grid}.groupScheduleOverlay{z-index:20;background:#102d2b9e;justify-content:center;align-items:center;padding:clamp(14px,4vw,42px);display:flex;position:fixed;inset:0}.groupScheduleModal{background:#fffdf8;border:1px solid #bfd3ca;border-radius:8px;width:min(980px,100%);max-height:min(760px,86vh);padding:16px;overflow:auto;box-shadow:0 24px 80px #102d2b57}.groupDetailsHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.groupDetailsHeader h3{margin:0;font-size:1rem}.groupDetailsHeader button{color:#17201b;background:#f5f3ee;border:1px solid #cfc5b4;border-radius:7px;padding:8px 10px;font-size:.82rem;font-weight:850}.groupScheduleModal .groupMatchList{grid-template-columns:repeat(3,minmax(220px,1fr))}.groupMatchCard{background:#fdfbf5;border:1px solid #e1d7c7;border-radius:7px;gap:7px;padding:9px;display:grid}.groupMatchTopline{color:#63716c;justify-content:space-between;gap:8px;font-size:.7rem;font-weight:850;display:flex}.groupMatchTeams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5px;display:grid}.groupMatchTeams strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.groupMatchTeams strong:last-child{text-align:right}.groupMatchTeams span{color:#e61d25;text-transform:uppercase;font-size:.68rem;font-weight:900}.groupMatchVenue{color:#63716c;align-items:center;gap:5px;min-width:0;font-size:.72rem;font-weight:750;display:inline-flex}.groupMatchVenue span{min-width:0}.ticketInfo{color:#1d2a6b;background:#eaf2ee;border:1px solid #bfd3ca;border-radius:6px;align-items:center;gap:6px;min-width:0;padding:6px 7px;font-size:.72rem;font-weight:800;text-decoration:none;display:flex}.ticketInfo strong{color:#2a398d;font-size:.8rem}.ticketInfo span{color:#63716c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticketInfo.compact{color:#63716c;background:0 0;border:0;padding:0;font-size:.7rem}.ticketInfo.compact strong{font-size:.74rem}.ticketInfo:hover,.ticketInfo:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #3cac3b}.annexPill{color:#3cac3b;white-space:nowrap;background:#eaf2ee;border:1px solid #bfd3ca;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:900}.thirdPlaceSelector{background:#f5f3ee;border:1px solid #ddd5c5;border-radius:8px;grid-template-columns:1fr;align-items:start;gap:14px;margin-bottom:16px;padding:12px;display:grid}.thirdPlaceSelector strong,.thirdPlaceSelector span{display:block}.thirdPlaceSelector strong{font-size:.95rem}.thirdPlaceSelector span{color:#63716c;margin-top:3px;font-size:.82rem}.thirdPlaceButtons{flex-wrap:wrap;justify-content:flex-start;gap:6px;display:flex}.thirdPlaceButtons button{color:#17201b;background:#fffdf8;border:1px solid #cfc5b4;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:5px 10px;font-size:.82rem;font-weight:850;display:inline-flex}.thirdPlaceButtons button.selected{color:#fff;background:#3cac3b;border-color:#3cac3b}.thirdPlaceButtons button:disabled{cursor:not-allowed;opacity:.36}.bracketScroller{gap:18px;padding-bottom:8px;display:grid;overflow-x:auto}.bracketPanel{background:#fffdf8;border:1px solid #b9cfc5;border-radius:8px;min-width:1040px;padding:12px}.bracketPanelHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.bracketPanelHeader h3{margin:0;font-size:1rem}.bracketPanelHeader span{color:#63716c;text-align:right;font-size:.8rem;font-weight:750}.bracketBoard.structured{grid-template-columns:minmax(420px,1fr) minmax(210px,240px) minmax(420px,1fr);gap:12px;display:grid;position:relative}.bracketConnectors{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:visible}.bracketConnector{fill:none;stroke:#2a398d;stroke-width:1.5px}.bracketConnector.loser{stroke:#9aa6c0;stroke-dasharray:4 4;stroke-width:1.25px}.bracketPath{gap:8px;min-width:0;display:grid}.pathHeaders{color:#f8f5eb;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.pathHeaders div,.roundHeader{text-align:center;background:#2a398d;border-radius:7px;min-height:36px;padding:9px 10px;font-size:.82rem;font-weight:900}.roundHeader.secondary{background:#5f716b}.pathGrid{grid-template-rows:repeat(16,minmax(22px,auto));grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 8px;min-height:760px;display:grid}.bracketCenter{place-items:center;display:grid}.centerStack{gap:10px;width:100%;display:grid}.bracketNode{align-self:center;min-width:0}.bracketMatch{z-index:1;background:#fdfbf5;border:1px solid #ddd5c5;border-radius:8px;gap:7px;min-height:98px;padding:8px;display:grid;position:relative}.bracketMatch.compact{min-height:104px}.bracketMatch.featured{border-color:#e61d25;min-height:126px;box-shadow:inset 0 0 0 1px #a96f3340}.bracketMatch.pickable{border-color:#c9d8d1}.matchMeta{color:#63716c;justify-content:space-between;gap:8px;font-size:.68rem;font-weight:850;display:flex}.bracketTeams{gap:6px;display:grid}.teamLine{color:inherit;text-align:left;background:#f1eadf;border:0;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:3px;width:100%;min-height:31px;padding:6px;display:grid}.teamSeed{color:#63716c;font-size:.68rem;font-weight:900}.teamLabel{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:.82rem;display:flex;overflow:hidden}.teamFlag{object-fit:cover;border-radius:2px;width:20px;height:15px;display:block}.teamLine.winner{color:#1d2a6b;background:#e2f0e9}button.teamLine{cursor:grab}button.teamLine:active{cursor:grabbing}button.teamLine:hover,button.teamLine:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #3cac3b}.teamLine.manual{background:#d7eadf;box-shadow:inset 0 0 0 2px #3cac3b}.venueLine{color:#63716c;align-items:center;gap:5px;font-size:.72rem;font-weight:750;display:inline-flex}.sourcesBand{background:#e8e1d2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px clamp(18px,4vw,48px);display:grid}.sourcesBand p{color:#63716c;max-width:850px;margin:8px 0 0}.sourceLinks{gap:8px;display:grid}.sourceLinks a{color:#2a398d;align-items:center;gap:8px;font-weight:850;text-decoration:none;display:inline-flex}@media (max-width:1180px){.groupsGrid{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media (max-width:820px){.summaryBand,.sourcesBand{grid-template-columns:repeat(2,minmax(0,1fr))}.groupsGrid{grid-template-columns:repeat(2,minmax(145px,1fr))}.sectionHeader{flex-direction:column;align-items:start}.groupScheduleModal .groupMatchList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.topbar{align-items:flex-start;gap:16px}.summaryBand,.sourcesBand,.groupsGrid{grid-template-columns:1fr}.groupDetailsHeader{flex-direction:column;align-items:start}.groupScheduleModal .groupMatchList{grid-template-columns:1fr}.metric strong{white-space:normal}}.appNav{color:#f8f5eb;background:#e61d25;justify-content:space-between;align-items:center;gap:24px;padding:12px clamp(18px,4vw,48px);display:flex}.navBrand{letter-spacing:.04em;font-weight:900}.navLinks{gap:8px;display:flex}.navLinks a{color:#cfd6cf;border-radius:7px;padding:8px 14px;font-size:.86rem;font-weight:850;text-decoration:none}.navLinks a:hover{color:#f8f5eb;background:#ffffff14}.navLinks a.active{color:#fff;background:#2a398d}.primaryButton{color:#fff;cursor:pointer;background:#e61d25;border:1px solid #e61d25;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:850;display:inline-flex}.primaryButton:hover:not(:disabled){background:#b3161c}.primaryButton:disabled{cursor:not-allowed;opacity:.55}.createNameBand{background:#fdfbf5;border-bottom:1px solid #ddd5c5;grid-template-columns:minmax(0,320px) auto;align-items:end;gap:14px 24px;padding:22px clamp(18px,4vw,48px);display:grid}.nameField{gap:6px;display:grid}.nameField span{color:#63716c;text-transform:uppercase;font-size:.78rem;font-weight:850}.nameField input{font:inherit;border:1px solid #c7d2cc;border-radius:7px;padding:10px 12px}.nameField input:focus-visible{border-color:#3cac3b;outline:none}.createActions{justify-self:end;align-items:center;gap:14px;display:inline-flex}.createHint{color:#63716c;grid-column:1/-1;margin:0}.formError{color:#d1495b;font-weight:800}.leaderboardSection{gap:16px;padding:24px clamp(18px,4vw,48px);display:grid}.leaderboardNote{color:#5a4a2a;background:#fdf6e9;border:1px solid #e6d9bd;border-radius:8px;margin:0;padding:12px 14px}.leaderboardEmpty{color:#63716c;text-align:center;place-items:center;gap:14px;padding:48px 0;display:grid}.leaderboardTable{border-collapse:collapse;width:100%}.leaderboardTable th,.leaderboardTable td{text-align:left;border-bottom:1px solid #ddd5c5;padding:12px 14px}.leaderboardTable th{color:#63716c;letter-spacing:.02em;text-transform:uppercase;font-size:.76rem}.leaderboardTable tbody tr{cursor:pointer}.leaderboardTable tbody tr:hover{background:#fdfbf5}.rankCell{color:#e61d25;width:48px;font-weight:900}.nameCell{font-weight:850}.dateCell{color:#63716c;font-size:.85rem}.scoreBadge{color:#f8f5eb;background:#2a398d;border-radius:999px;align-items:baseline;gap:4px;padding:4px 12px;font-weight:900;display:inline-flex}.scoreBadge small{color:#b9cfc5;font-size:.72rem;font-weight:750}.bracketPanel.readonly{background:#f3f6f4;border-color:#c7d2cc}.teamRow.locked{cursor:default;grid-template-columns:26px 20px minmax(0,1fr)}.teamRow.correct{background:#e2f0e9;box-shadow:inset 0 0 0 1px #3cac3b}.teamRow.incorrect{background:#f7e4e6;box-shadow:inset 0 0 0 1px #d1495b}@media (max-width:820px){.createNameBand{grid-template-columns:1fr}.createActions{justify-self:start}}