:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080b10;color:#f4f6f8;font-synthesis:none;--panel: rgba(18, 23, 31, .84);--line: rgba(255, 255, 255, .08);--muted: #89919e;--lime: #b7f34a;--amber: #ffbd52;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{min-width:320px;background:#080b10}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(69,112,81,.16),transparent 26rem),radial-gradient(circle at 86% 28%,rgba(46,76,106,.14),transparent 24rem),#080b10}button,a{font:inherit}button{color:inherit}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none}.brand img{display:block;width:196px;height:auto}.top-actions,.language-switch{display:flex;align-items:center;gap:8px}.notify-button,.language-switch{background:#ffffff0a;border:1px solid var(--line);border-radius:999px}.notify-button{padding:9px 14px;cursor:pointer}.notify-button span{color:var(--lime);margin-right:5px}.notify-button:disabled{cursor:not-allowed;opacity:.55}.language-switch{padding:3px}.language-switch button{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700;border-radius:999px;padding:6px 9px;cursor:pointer}.language-switch button.active{background:#f1f3f5;color:#11151a}.live-strip{margin-top:18px;min-height:58px;display:flex;align-items:stretch;background:#ffffff09;border:1px solid var(--line);border-radius:14px;overflow:hidden}.live-label{display:flex;align-items:center;gap:8px;padding:0 18px;color:#ff7878;font:500 11px var(--mono);letter-spacing:.12em;border-right:1px solid var(--line)}.live-label span,.pulse{width:7px;height:7px;background:#ff6262;border-radius:50%;box-shadow:0 0 0 5px #ff62621a}.ticker{display:grid;grid-template-columns:repeat(2,1fr);flex:1}.ticker-match{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-right:1px solid var(--line);font-size:13px}.ticker-match{color:inherit;background:transparent;border-top:0;border-bottom:0;border-left:0;cursor:pointer}.ticker-match strong{font:500 18px var(--mono);color:#fff}.ticker-match small{color:var(--lime);font:500 10px var(--mono)}.hero{padding:66px 0 43px;max-width:760px}.eyebrow,.section-kicker{color:var(--lime);font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}.hero h1{margin:0;font-size:clamp(38px,5.4vw,72px);line-height:.99;letter-spacing:-.055em;max-width:720px}.hero>p:last-child{color:#a3abb6;line-height:1.7;max-width:650px;margin:20px 0 0}.compact-hero{padding-bottom:30px}.data-cutoff{display:block;margin-top:16px;color:#626b78;font:500 10px var(--mono)}.data-cutoff span{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#626b78}.data-cutoff.connected{color:var(--lime)}.data-cutoff.connected span{background:var(--lime);box-shadow:0 0 0 4px #b7f34a14}.view-tabs{display:inline-flex;padding:4px;margin-bottom:16px;border:1px solid var(--line);background:#ffffff09;border-radius:12px}.view-tabs button{border:0;background:transparent;color:var(--muted);padding:9px 16px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:700}.view-tabs button.active{background:#edf2f4;color:#0d1117}.group-tabs{display:grid;grid-template-columns:repeat(12,minmax(62px,1fr));gap:6px;margin-bottom:14px;overflow-x:auto;padding-bottom:3px}.group-tabs button{min-width:64px;padding:10px 7px 8px;border:1px solid var(--line);border-radius:11px;background:#ffffff06;color:var(--muted);cursor:pointer}.group-tabs button span{display:block;color:#fff;font:600 14px var(--mono)}.group-tabs button small{display:block;margin-top:4px;font:500 9px var(--mono);white-space:nowrap}.group-tabs button.active{border-color:#b7f34a80;background:#b7f34a17}.group-tabs button.active span{color:var(--lime)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:18px;align-items:start}.side-column{display:grid;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #0000002e;backdrop-filter:blur(18px);overflow:hidden}.panel-heading{padding:24px 26px 20px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-heading.compact{border:0;padding-bottom:6px}.panel-heading h2{margin:0;font-size:21px;letter-spacing:-.03em}.legend{display:flex;gap:14px;color:var(--muted);font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;border-radius:50%;background:#555}.dot.green{background:var(--lime)}.dot.amber{background:var(--amber)}.table-head,.standing-row{display:grid;grid-template-columns:34px minmax(170px,1fr) 54px 54px 60px;align-items:center}.table-head{padding:13px 26px;color:#626b78;font:500 9px var(--mono);letter-spacing:.1em;border-bottom:1px solid var(--line)}.table-head span:not(:nth-child(2)),.standing-row>span:not(.team-name),.points{text-align:center}.standings-list{padding:8px 14px 14px}.standing-row{min-height:74px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.055);position:relative}.standing-row:before{content:"";position:absolute;left:-14px;width:3px;height:34px;border-radius:0 4px 4px 0}.standing-row.position-1:before,.standing-row.position-2:before{background:var(--lime)}.standing-row.position-3:before{background:var(--amber)}.standing-row.position-3:not(.third-qualified):before{background:#59616c}.position{color:var(--muted);font:500 13px var(--mono)}.team-name{display:flex;align-items:center;gap:12px}.team-name .flag{display:grid;place-items:center;width:36px;height:36px;background:#ffffff0d;border-radius:50%;font-size:20px}.team-name>span{display:flex;flex-direction:column;gap:2px}.team-name strong{font-size:14px}.team-name small{color:#68717d;font:500 9px var(--mono);letter-spacing:.08em}.standing-row>span{color:#aab1bb;font:400 13px var(--mono)}.points{font:500 18px var(--mono);color:#fff}.panel-note{color:var(--muted);margin:0;padding:0 26px 18px;font-size:12px;line-height:1.6}.inline-note{padding:7px 0 0}.match-control{margin:0 14px 14px;padding:16px;border:1px solid var(--line);background:#00000026;border-radius:13px}.match-meta{color:var(--lime);display:flex;align-items:center;gap:7px;font:500 10px var(--mono);margin-bottom:10px}.match-meta .pulse{width:6px;height:6px;background:var(--lime);box-shadow:0 0 0 4px #b7f34a14}.match-meta button{margin-left:auto;border:0;background:transparent;cursor:pointer;color:var(--muted)}.match-meta button.muted{color:#ff7474}.score-control{display:flex;justify-content:space-between;align-items:center;min-height:43px;font-size:13px}.score-control>span{display:flex;align-items:center;gap:8px}.score-control>div{display:grid;grid-template-columns:30px 34px 30px;align-items:center;text-align:center}.score-control button{width:28px;height:28px;border:1px solid var(--line);background:#ffffff0a;border-radius:8px;cursor:pointer}.score-control button:hover{background:var(--lime);color:#111}.score-control b{font:500 17px var(--mono)}.flag-plain{margin-right:7px}.upcoming-match{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;text-align:center;margin:0 14px 10px;padding:11px;border-top:1px solid var(--line);color:var(--muted);font:500 11px var(--mono)}.upcoming-match b{color:#59616c;font-size:9px}.wide-panel{min-height:400px}.thirds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.third-row{display:grid;grid-template-columns:28px 34px minmax(140px,1fr) 58px 44px 70px;align-items:center;min-height:59px;padding:0 18px;background:#11161e;color:#9ba3ae;font:500 11px var(--mono)}.third-row.qualifies{background:linear-gradient(90deg,#b7f34a12,#11161e 40%)}.third-row>b{color:#fff}.third-group{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#ffffff0f;color:#fff}.third-team{color:#f3f5f7;font-family:inherit;font-weight:700}.third-row small{color:#69727e;text-align:right}.third-row.qualifies small{color:var(--lime)}.bracket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px}.bracket-match{min-height:130px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#00000026;display:grid;grid-template-rows:auto 1fr auto 1fr;gap:8px}.bracket-match small{color:var(--lime);font:500 9px var(--mono);letter-spacing:.08em}.bracket-match div{display:flex;align-items:center;font-size:12px;font-weight:700}.bracket-match i{color:#59616c;font:normal 9px var(--mono)}.event-panel{padding:21px 24px}.event{display:flex;align-items:center;gap:12px}.event-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#b7f34a1a}.event>div{display:flex;flex-direction:column;gap:3px;font-size:13px}.event small{color:var(--muted);font:400 10px var(--mono)}.support-card{margin-top:18px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#12171fbd;display:flex;align-items:center;justify-content:space-between;gap:18px}.support-card>div{display:flex;align-items:center;gap:12px}.support-card img{width:42px;height:42px;object-fit:contain}.support-card div span{display:flex;flex-direction:column;gap:2px}.support-card small{color:var(--muted);font-size:10px}.support-card strong{font-size:13px}.support-card>a{min-width:184px;min-height:46px;padding:9px 18px;border-radius:10px;background:#ffc439;color:#101820;text-decoration:none;display:flex;align-items:baseline;justify-content:center;gap:7px;box-shadow:0 8px 24px #ffc4391f;transition:transform .18s ease,filter .18s ease}.support-card>a:hover,.support-card>a:focus-visible{transform:translateY(-1px);filter:brightness(1.06)}.support-card>a span{font-size:11px;font-weight:700}.support-card>a b{color:#003087;font-size:20px;font-style:italic;letter-spacing:-.05em}footer{padding:18px 0 42px;color:#59616c;font-size:10px;text-align:center}@media(max-width:820px){.app-shell{width:min(100% - 20px,680px)}.dashboard-grid{grid-template-columns:1fr}.hero{padding:48px 8px 32px}.ticker{overflow-x:auto;display:flex}.ticker-match{min-width:300px}.live-label{padding:0 12px}.group-tabs{grid-template-columns:repeat(12,70px)}.bracket-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.topbar{height:65px}.notify-button{width:36px;height:36px;padding:0;overflow:hidden;white-space:nowrap;color:transparent}.notify-button span{color:var(--lime);margin:0}.brand{font-size:11px}.brand img{width:148px}.live-strip{margin-top:10px}.live-label{writing-mode:vertical-rl;font-size:8px;justify-content:center;padding:8px}.hero h1{font-size:43px}.hero>p:last-child{font-size:13px}.compact-hero{padding-top:40px}.view-tabs{width:100%}.view-tabs button{flex:1;padding-inline:8px}.panel-heading{padding:20px 16px 16px}.legend{display:none}.table-head,.standing-row{grid-template-columns:27px minmax(130px,1fr) 35px 42px 43px}.table-head{padding:12px 13px}.standings-list{padding:6px 8px 10px}.standing-row{padding:0 5px;min-height:66px}.standing-row:before{left:-8px}.team-name{gap:8px}.team-name .flag{width:31px;height:31px;font-size:17px}.team-name strong{font-size:12px}.points{font-size:16px}.thirds-grid{grid-template-columns:1fr}.third-row{grid-template-columns:25px 31px minmax(110px,1fr) 47px 38px 55px;padding:0 10px;font-size:10px}.bracket-grid{grid-template-columns:1fr;padding:10px}.support-card{align-items:stretch;flex-direction:column}.support-card>a{width:100%}footer{padding-inline:14px;line-height:1.6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}