/* WC26 Professional Polish v1
   Typography + responsive refinement for all pages.
   Safe override layer: place after the main inline CSS.
*/
:root{
  --page-pad:clamp(14px,2.2vw,32px);
  --section-gap:clamp(14px,2vw,24px);
  --card-pad:clamp(14px,1.45vw,20px);
  --radius:16px;
  --radius-lg:22px;
  --radius-xl:28px;
  --text-xs:clamp(10px,.72vw,11px);
  --text-sm:clamp(12px,.82vw,13px);
  --text-base:clamp(14px,.92vw,15px);
  --text-md:clamp(15px,1vw,16px);
  --text-lg:clamp(18px,1.35vw,22px);
  --text-xl:clamp(24px,2vw,34px);
  --shadow-card:0 18px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045);
  --shadow-soft:0 10px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035);
}
html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}
body{
  overflow-x:hidden;
  font-family:var(--body),Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:var(--text-base);
  line-height:1.55;
  letter-spacing:-.012em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
button,input,select,textarea{font-family:inherit;letter-spacing:-.01em}
.app{width:min(1440px,calc(100% - var(--page-pad) * 2));padding-bottom:clamp(36px,6vw,72px)}

/* Header */
.topbar{
  min-height:64px;
  gap:clamp(10px,1.35vw,18px);
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.brand{min-width:0}.brand b{font-size:clamp(15px,1vw,18px);letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis}.brand small{font-size:10px;letter-spacing:.16em}
.mark{width:42px;height:42px;border-radius:11px;font-size:15px;box-shadow:0 12px 32px rgba(0,0,0,.25), inset 0 -10px 0 rgba(6,214,111,.58)}
.tabs{gap:8px;padding:3px 0;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs button,.chipBtn,.miniBtn{
  min-height:36px;
  padding:8px 12px;
  font-size:10.5px;
  letter-spacing:.065em;
  font-weight:800;
}
.tabs button.on{box-shadow:0 8px 22px rgba(255,255,255,.12)}
.liveState{font-size:10.5px;letter-spacing:.045em;justify-content:flex-end;min-width:0}.liveState span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Hero + dashboard */
.hero{min-height:220px;gap:clamp(18px,2.4vw,34px);padding:clamp(24px,3.2vw,44px) 0 clamp(16px,2vw,26px)}
.eyebrow{font-size:10.5px;letter-spacing:.18em;margin-bottom:12px;color:rgba(255,255,255,.92)}
h1{font-size:clamp(48px,7.6vw,88px);line-height:.86;letter-spacing:-.075em;text-wrap:balance}
h1 span{-webkit-text-stroke:1.15px rgba(255,255,255,.75)}
.hero p{max-width:68ch;margin-top:14px;color:rgba(247,248,245,.78);font-size:var(--text-md);line-height:1.58}
.metrics{gap:clamp(8px,1.1vw,12px)}
.metric{border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.045);padding:12px 12px 11px;box-shadow:var(--shadow-soft)}
.metric b{font-size:clamp(24px,2.1vw,34px);letter-spacing:-.05em}.metric span{font-size:12px;line-height:1.35;color:rgba(169,180,192,.9)}

/* Controls */
.toolbar{gap:10px;margin:6px 0 12px}.field,.select{min-height:44px;border-radius:13px;padding:10px 12px;font-size:14px;background:rgba(255,255,255,.06)}
.syncStrip{border-radius:15px;padding:11px 13px;font-size:10.5px;letter-spacing:.045em;background:rgba(255,255,255,.04)}
.nextMatchPanel{border-radius:22px;padding:clamp(14px,1.5vw,20px);gap:clamp(12px,1.6vw,20px);box-shadow:var(--shadow-card)}
.nextLabel,.nextMeta{font-size:10.5px;letter-spacing:.11em}.nextMatchPanel h2{font-size:clamp(24px,2vw,34px);letter-spacing:-.055em}.nextTeams b{font-size:clamp(15px,1.2vw,19px)}
.countdownGrid{gap:8px}.countItem{border-radius:14px;padding:10px 8px}.countItem b{font-size:clamp(24px,2vw,34px)}.countItem span{font-size:9px;letter-spacing:.08em}

/* Page heads */
.viewHead{align-items:flex-end;margin:var(--section-gap) 0 14px;gap:18px}.viewHead h2{font-size:clamp(26px,2.4vw,40px);line-height:.95;letter-spacing:-.055em}.viewHead p{max-width:78ch;font-size:14px;line-height:1.55;color:rgba(169,180,192,.85)}
.panel,.focusPanel,.match,.groupCard,.matchStatCard,.scorerBoard,.flowStep,.slot,.cccPanel,.cccCard,.intelCard,.intelVisibleCard{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-soft);border-color:rgba(255,255,255,.095)!important}
.panel,.focusPanel,.scorerBoard{padding:var(--card-pad)}

/* Schedule */
.scheduleLayout{grid-template-columns:minmax(200px,.55fr) minmax(0,2fr) minmax(280px,.72fr);gap:clamp(12px,1.55vw,18px)}
.dayRail,.focusPanel{top:84px}.dayBtn{border-radius:15px;padding:11px 12px}.dayBtn b{font-size:14px;letter-spacing:-.02em}.dayBtn span{font-size:10.5px}
.daySection{padding-top:14px;margin-bottom:20px}.dayHead b{font-size:clamp(18px,1.4vw,24px);letter-spacing:-.035em}.dayHead span{font-size:10.5px}
.matchList{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:clamp(10px,1.2vw,14px)}
.match{padding:14px 14px 12px 16px}.matchTop{font-size:10px;letter-spacing:.04em}.badge{padding:4px 8px}
.teams{gap:9px;margin:13px 0 11px}.teamRow{grid-template-columns:minmax(0,1fr) 62px;gap:12px;padding:10px 11px;border-radius:15px}.teamBadge{height:36px;min-width:76px}.teamName{font-size:15px;line-height:1.22;letter-spacing:-.02em}.teamMeta{font-size:11px}.scoreCell{width:62px;height:44px;border-radius:14px;font-size:29px}.scoreCell.pending{font-size:11px}.status,.miniBtn{font-size:10px}.matchFoot{padding-top:10px}

/* Tables / standings */
.groupsGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:clamp(10px,1.2vw,14px)}
.groupCard{overflow:auto;-webkit-overflow-scrolling:touch}.groupTitle{padding:12px 13px}.groupTitle b{font-size:18px;letter-spacing:-.03em}.groupTitle span{font-size:10.5px}table{min-width:520px}th{font-size:10px;letter-spacing:.055em;padding:8px 6px}td{font-size:12px;padding:8px 6px}.teamCell{font-size:13px}.rank{width:23px;height:23px;font-size:10px}.teamCellInner .teamBadge{height:26px}

/* Stats */
.statsGrid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:clamp(12px,1.6vw,18px)}
.scorerHead h3{font-size:clamp(24px,2vw,34px);letter-spacing:-.055em}.scorerHead span{font-size:10.5px}.scorerList{grid-template-columns:repeat(auto-fill,minmax(min(100%,235px),1fr));gap:9px}.scorerItem{border-radius:16px;padding:9px}.scorerInfo b{font-size:14px}.scorerGoals{font-size:27px}
.matchStatsList{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:clamp(10px,1.2vw,14px)}.matchStatCard{padding:13px}.matchStatHero{border-radius:16px;padding:10px}.matchScoreBig{font-size:32px}.statPill{border-radius:14px;padding:9px}.statPill span{font-size:9px}.statPill b{font-size:18px}.eventItem{font-size:12px}.eventItem b{font-size:10.5px}

/* Qualification / knockout */
.flow{gap:clamp(10px,1.2vw,14px)}.flowStep{min-height:124px;padding:14px}.flowStep b{font-size:17px}.flowStep span{font-size:13px;line-height:1.45}.flowStep strong{font-size:clamp(30px,2.7vw,42px)}
.qualGrid{gap:clamp(12px,1.6vw,18px)}.qualList{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))!important;gap:9px}.qualStatusCard{padding:12px;border-radius:17px}.statusTag{font-size:10px;padding:5px 10px}.bracket{gap:12px}.round{min-width:190px}.round h3{font-size:11px}.slot{min-height:72px;padding:10px}.slot b{font-size:13px}.slot small{font-size:10px}

/* Intelligence / command center */
#intelVisibleStrip,.intelVisibleStrip{display:none!important}.intelSpark{display:none!important}
#intelligence{min-width:0}.cccWrap{margin:0 0 var(--section-gap)!important}.cccPanel{padding:clamp(16px,1.7vw,24px)!important;border-radius:24px!important}.cccHead{padding-bottom:14px;margin-bottom:14px}.cccHead small{font-size:10px;letter-spacing:.11em}.cccHead h2{font-size:clamp(26px,2.6vw,42px)!important;line-height:.92;letter-spacing:-.06em}.cccGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(320px,1.08fr)!important;gap:clamp(12px,1.5vw,18px)!important}.cccCard{padding:14px!important;min-height:170px!important}.cccCard h3{font-size:clamp(18px,1.55vw,24px)!important;letter-spacing:-.04em}.cccMatchTitle b{font-size:14px!important}.cccMeta,.cccTag{font-size:10px!important}.cccHeadline{font-size:clamp(21px,2vw,30px)!important;line-height:1.02!important;letter-spacing:-.055em}.cccSub,.cccBriefRow span{font-size:14px!important;line-height:1.48!important}.cccBriefRow b{font-size:10px!important}.cccTickerHead{font-size:10px}.cccTickerItem{font-size:13px}.cccTickerItem b{font-size:10.5px}
.intelGrid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.9fr);gap:clamp(12px,1.5vw,18px)}.intelCard{padding:clamp(14px,1.4vw,18px)}.intelCard h3{font-size:clamp(18px,1.55vw,24px);letter-spacing:-.04em}.intelAlert{border-radius:16px;padding:12px}.intelAlert strong{font-size:16px}.intelAlert span,.intelMuted,.timelineMini div span{font-size:13px;line-height:1.45}.probRow{grid-template-columns:80px minmax(0,1fr) 48px}.rankLine{padding:10px 0}.rankNo{width:32px;height:32px}

/* Modal */
.modalCard{border-radius:26px}.modalHead{padding:18px 20px}.modalHead h3{font-size:clamp(26px,2.4vw,42px);letter-spacing:-.055em}.modalBody{padding:clamp(16px,2vw,24px)}.detailHero{border-radius:22px;padding:16px}.detailScore strong{font-size:clamp(48px,4vw,66px)}.detailSide b{font-size:clamp(20px,1.7vw,28px)}

/* Responsive */
@media(max-width:1180px){
  .topbar{grid-template-columns:1fr}.tabs{justify-content:flex-start}.liveState{justify-content:flex-start}.scheduleLayout,.statsGrid,.qualGrid,.intelGrid{grid-template-columns:1fr}.dayRail,.focusPanel{position:static}.dayRail{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cccGrid{grid-template-columns:1fr!important}.nextMatchPanel{grid-template-columns:1fr}.countdownGrid{justify-content:start;max-width:420px}
}
@media(max-width:760px){
  :root{--page-pad:12px;--card-pad:13px}.app{width:calc(100% - 24px)}.hero{min-height:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{grid-template-columns:1fr!important}.syncStrip{align-items:flex-start;flex-direction:column}.syncActions{justify-content:flex-start}.matchList,.groupsGrid,.matchStatsList,.scorerList{grid-template-columns:1fr}.viewHead{display:grid;align-items:start}.teamRow{grid-template-columns:minmax(0,1fr) 54px}.scoreCell{width:54px}.eventPanel{grid-template-columns:1fr}.statPulse{grid-template-columns:repeat(2,minmax(0,1fr))}.flow{grid-template-columns:1fr}.thirdSummary{grid-template-columns:1fr}.nextTeams{justify-content:flex-start}.countdownGrid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:none}.cccTickerTrack{animation-duration:58s}.cccCard{min-height:0!important}.detailHero{grid-template-columns:1fr}.detailSide.right{justify-content:flex-start;text-align:left}.detailScore{text-align:left;min-width:0}
}
@media(max-width:480px){
  .app{width:calc(100% - 18px)}h1{font-size:clamp(38px,14vw,52px)}.brand b{font-size:14px}.mark{width:38px;height:38px}.tabs button{padding:8px 10px;font-size:9.5px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:10px}.metric b{font-size:23px}.nextMatchPanel{border-radius:18px;padding:13px}.countItem{padding:8px 5px}.countItem b{font-size:22px}.match{padding:12px}.teamBadge{min-width:62px;height:32px}.teamName{font-size:14px}.scoreCell{height:40px;font-size:24px}.groupCard table{min-width:500px}.cccHeadline{font-size:20px!important}.cccPanel{border-radius:18px!important}.intelCard,.cccCard{padding:12px!important}.modalOverlay{padding:10px}.modalHead{padding:14px}.modalBody{padding:12px}
}