*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080d1a;--bg-card: #0f1728;--bg-hover: #162038;--border: #1c2a42;--connector: #2a3f60;--green: #00a651;--green-dim: rgba(0,166,81,.14);--gold: #f5c518;--gold-dim: rgba(245,197,24,.14);--red: #e53e3e;--red-dim: rgba(229,62,62,.1);--text: #dce6f5;--text-muted: #5a6e8a;--text-dim: #2e3f58;--radius: 8px;--col-w: 170px;--col-gap: 24px;--match-h: 72px;--bracket-h: 1140px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;min-height:100vh}.header{background:linear-gradient(135deg,#0a1a3a,#0d2040,#0a1520);border-bottom:1px solid var(--border);padding:20px 24px 0}.header-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.header-badge{background:var(--green);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:4px;text-transform:uppercase;white-space:nowrap}.header h1{font-size:clamp(18px,4vw,26px);font-weight:800;letter-spacing:-.02em;color:var(--text)}.header h1 span{color:var(--gold)}.header-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.tabs{display:flex;gap:0;margin-top:4px}.tab-btn{padding:12px 20px;font-size:14px;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--gold);border-bottom-color:var(--gold)}.content{padding:24px;max-width:1600px;margin:0 auto}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.group-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.group-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.group-letter{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--gold);text-transform:uppercase}.group-hint{font-size:11px;color:var(--text-muted)}.group-team-row{display:flex;align-items:center;gap:0;padding:0 8px 0 12px;height:44px;border-bottom:1px solid var(--border);transition:background .12s}.group-team-row:last-child{border-bottom:none}.team-rank{font-size:11px;font-weight:700;color:var(--text-muted);width:18px;flex-shrink:0}.team-flag{font-size:18px;margin-right:8px;flex-shrink:0}.team-name{font-size:13px;font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qualify-badge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:4px;margin-left:6px;flex-shrink:0}.qualify-badge.q1,.qualify-badge.q2{background:var(--green-dim);color:var(--green)}.qualify-badge.q3{background:var(--gold-dim);color:var(--gold)}.qualify-badge.out{background:transparent;color:var(--text-dim)}.team-controls{display:flex;flex-direction:column;gap:2px;margin-left:4px}.ctrl-btn{background:transparent;border:none;cursor:pointer;color:var(--text-muted);width:22px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:10px;transition:background .1s,color .1s}.ctrl-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.ctrl-btn:disabled{opacity:.2;cursor:default}.group-team-row.q1,.group-team-row.q2{background:var(--green-dim)}.group-team-row.q3{background:var(--gold-dim)}.group-team-row.out .team-name,.group-team-row.out .team-flag{opacity:.45}.bracket-section{margin-bottom:40px}.bracket-scroll{overflow-x:auto;padding-bottom:16px}.bracket-tree{display:flex;align-items:center;min-width:max-content;gap:0;padding:16px 8px}.bracket-half{display:flex;flex-direction:row;align-items:stretch;height:var(--bracket-h)}.bracket-half.right{flex-direction:row-reverse}.round-col{width:var(--col-w);display:flex;flex-direction:column;justify-content:space-around;gap:12px;position:relative;flex-shrink:0}.round-col+.round-col{margin-left:var(--col-gap)}.match-pair{flex:1;display:flex;flex-direction:column;justify-content:space-around;position:relative}.lh .match-pair:after{content:"";position:absolute;right:calc(-1 * var(--col-gap));top:25%;height:50%;width:var(--col-gap);border-top:2px solid var(--connector);border-right:2px solid var(--connector);border-bottom:2px solid var(--connector)}.rh .match-pair:after{content:"";position:absolute;left:calc(-1 * var(--col-gap));top:25%;height:50%;width:var(--col-gap);border-top:2px solid var(--connector);border-left:2px solid var(--connector);border-bottom:2px solid var(--connector)}.sf-col .match-pair:after,.final-col .match-pair:after{display:none}.lh .round-col:not(:first-child) .match-card:before{content:"";position:absolute;left:calc(-1 * var(--col-gap) / 2);top:50%;width:calc(var(--col-gap) / 2);height:2px;background:var(--connector)}.rh .round-col:not(:first-child) .match-card:before{content:"";position:absolute;right:calc(-1 * var(--col-gap) / 2);top:50%;width:calc(var(--col-gap) / 2);height:2px;background:var(--connector)}.match-card{width:var(--col-w);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative;flex-shrink:0}.match-card.final-card{width:200px;border-color:var(--gold);box-shadow:0 0 24px #f5c51826}.team-slot{display:flex;align-items:center;gap:8px;padding:0 10px;height:34px;cursor:pointer;transition:background .12s;position:relative;overflow:hidden}.team-slot:hover:not(.tbd):not(.no-pick){background:var(--bg-hover)}.team-slot.winner{background:var(--green-dim)}.team-slot.winner .slot-name{color:var(--green);font-weight:700}.team-slot.loser{opacity:.4}.team-slot.tbd,.team-slot.no-pick{cursor:default}.slot-flag{font-size:16px;flex-shrink:0}.slot-name{font-size:12px;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.slot-name.muted{color:var(--text-muted);font-style:italic}.match-divider{height:1px;background:var(--border);margin:0}.match-label{position:absolute;bottom:100%;left:0;font-size:10px;color:var(--text-dim);padding-bottom:3px;white-space:nowrap}.final-col{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px;flex-shrink:0}.final-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--gold);text-transform:uppercase;margin-bottom:8px;text-align:center}.champion-banner{text-align:center;margin-top:12px}.champion-flag{font-size:32px;display:block;margin-bottom:4px}.champion-name{font-size:14px;font-weight:700;color:var(--gold)}.champion-title{font-size:11px;color:var(--text-muted);margin-top:2px}.round-header-row{display:flex;align-items:center;min-width:max-content;gap:0;padding:0 8px;margin-bottom:6px}.rh-label{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;text-align:center;flex-shrink:0}.matches-list-section{margin-top:40px;border-top:1px solid var(--border);padding-top:32px}.matches-list-section h2{font-size:16px;font-weight:700;color:var(--text);margin-bottom:24px}.round-block{margin-bottom:32px}.round-block-title{font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:10px}.round-block-title:after{content:"";flex:1;height:1px;background:var(--border)}.match-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.match-list-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.match-list-card .team-slot{height:38px;padding:0 12px}.match-list-card .slot-name{font-size:13px}.section-title{font-size:14px;font-weight:700;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}.reset-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:12px;padding:6px 14px;border-radius:6px;cursor:pointer;transition:border-color .15s,color .15s}.reset-btn:hover{border-color:var(--red);color:var(--red)}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.group-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:18px}.group-card-new{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.standings-table{width:100%;border-collapse:collapse;font-size:12px}.standings-table thead th{background:#0a1322;color:var(--text-muted);font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:6px 4px;text-align:center;border-bottom:1px solid var(--border)}.standings-table thead th.col-team{text-align:left;padding-left:10px}.standings-table thead th.pts-head{color:var(--gold)}.standings-table tbody td{padding:6px 4px;text-align:center;border-bottom:1px solid var(--border)}.standings-table tbody td.col-team{text-align:left;padding-left:10px;display:flex;align-items:center;gap:8px}.standings-table tbody tr:last-child td{border-bottom:none}.standings-table .rank{font-weight:700;width:18px;color:var(--text-muted)}.standings-table .standings-flag{font-size:16px}.standings-table .standings-name{font-size:12px;font-weight:500}.standings-table .pts-cell{font-weight:800;color:var(--gold);font-size:13px}.cards-cell{display:inline-flex;gap:4px;align-items:center;font-size:10px;font-weight:700}.cards-cell .card{display:inline-flex;gap:2px;align-items:center;letter-spacing:-.04em}.cards-cell .card.yellow{color:#f0c930}.cards-cell .card.red{color:#e53e3e}.live-strip{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#0c1424,#0a111e);border-bottom:1px solid var(--border);padding:8px 16px;display:flex;align-items:center;gap:12px;overflow-x:auto}.live-strip-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.live-strip-scroll{display:flex;align-items:center;gap:14px;flex:1;overflow-x:auto}.live-strip-divider{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.live-chip{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-shrink:0;font-size:12px}.live-chip.live{border-color:#e53e3e80;background:linear-gradient(180deg,rgba(229,62,62,.06),var(--bg-card))}.live-pulse{font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--red);animation:pulse 1.4s ease-in-out infinite}.live-pulse.next{color:var(--gold);animation:none}.live-chip-teams{display:flex;align-items:center;gap:8px;font-weight:600}.live-team{display:inline-flex;align-items:center;gap:5px}.live-flag{font-size:14px}.live-name{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.live-score{font-weight:800;color:var(--text);letter-spacing:-.02em}.live-dash{margin:0 4px;color:var(--text-muted);font-weight:500}.live-vs{color:var(--text-muted);font-size:10px;text-transform:uppercase;font-weight:700}.live-status{font-size:10px;color:var(--text-muted);white-space:nowrap}.share-btn{background:var(--green);color:#fff;border:none;font-size:12px;font-weight:700;padding:6px 14px;border-radius:6px;cursor:pointer;transition:background .15s,transform .05s}.share-btn:hover{background:#00b85a}.share-btn:active{transform:scale(.97)}.share-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#0f1728;border:1px solid var(--green);color:var(--text);padding:12px 20px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #0006;z-index:100;animation:toastIn .25s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.leaderboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.leaderboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.leaderboard-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#131c30,#0f1728)}.leaderboard-icon{font-size:28px;line-height:1}.leaderboard-header h2{font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--gold);margin-bottom:2px}.leaderboard-header p{font-size:11px;color:var(--text-muted);line-height:1.4}.leaderboard-table{width:100%;border-collapse:collapse;font-size:12px}.leaderboard-table thead th{background:#0a1322;color:var(--text-muted);font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:8px 6px;text-align:center;border-bottom:1px solid var(--border);white-space:nowrap}.leaderboard-table thead th.col-team,.leaderboard-table thead th.col-team-name{text-align:left;padding-left:12px}.leaderboard-table tbody td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--border)}.leaderboard-table tbody td.col-team,.leaderboard-table tbody td.col-team-name{text-align:left;padding-left:12px}.leaderboard-table tbody tr:last-child td{border-bottom:none}.leaderboard-table tbody tr:hover{background:var(--bg-hover)}.leaderboard-table .rank{font-weight:700;color:var(--text-muted);width:30px}.leaderboard-table tr.leader{background:var(--gold-dim)}.leaderboard-table tr.leader .rank,.leaderboard-table tr.leader .player-name,.leaderboard-table tr.leader .goals-cell{color:var(--gold);font-weight:800}.player-name{font-weight:600;color:var(--text)}.leaderboard-team{display:inline-flex;align-items:center;gap:6px;font-size:12px}.leaderboard-flag{font-size:14px}.goals-cell{font-weight:800;color:var(--gold);font-size:14px}.empty-note{padding:24px 16px;text-align:center;font-size:13px;color:var(--text-muted)}@media (max-width: 900px){.leaderboard-grid{grid-template-columns:1fr}}.standings-table td.pos{color:var(--green);font-weight:600}.standings-table td.neg{color:var(--red);font-weight:600}.standings-table tr.q-direct{background:var(--green-dim)}.standings-table tr.q-third{background:var(--gold-dim)}.standings-table tr.q-out td{opacity:.55}.matches-block{border-top:1px solid var(--border);padding:10px 12px 12px}.matches-block-title{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.match-row{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;gap:6px 12px;padding:6px 0;border-bottom:1px solid var(--border)}.match-row:last-child{border-bottom:none}.match-row-side{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.match-row-side.left{justify-content:flex-end;text-align:right}.match-row-side.right{justify-content:flex-start;text-align:left}.match-team-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-team-flag{font-size:16px}.match-row-side.winner .match-team-name{color:var(--green);font-weight:700}.match-row-side.loser .match-team-name{color:var(--text-muted)}.match-row-scores{display:flex;align-items:center;gap:4px}.score-input{width:36px;height:28px;background:#060b18;border:1px solid var(--border);color:var(--text);border-radius:4px;text-align:center;font-size:13px;font-weight:700;font-family:inherit}.score-input:focus{outline:none;border-color:var(--gold)}.score-locked{display:inline-block;min-width:36px;text-align:center;font-size:14px;font-weight:800;color:var(--text);background:var(--bg-hover);padding:4px 8px;border-radius:4px}.score-dash{color:var(--text-muted);font-size:13px}.match-row.live .score-locked{color:var(--green)}.match-row.predicted .score-input{border-color:var(--gold-dim)}.match-row-meta{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--text);text-align:center;margin-top:2px}.match-row-meta-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.match-row-when{white-space:nowrap;color:var(--text);opacity:.85;font-weight:500}.match-row-venue{color:var(--text);opacity:.8;font-weight:500;font-size:11px;line-height:1.3;max-width:100%;word-break:break-word}.status-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:3px;text-transform:uppercase}.status-badge.ft{background:var(--green-dim);color:var(--green)}.status-badge.live{background:#e53e3e2e;color:var(--red);animation:pulse 1.4s ease-in-out infinite}.status-badge.sched{background:var(--bg-hover);color:var(--text-muted)}.status-badge.mini{font-size:8px;padding:1px 4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.match-meta-top{display:flex;align-items:center;justify-content:space-between;padding:4px 9px;border-bottom:1px solid var(--border);background:#1a2540}.match-no{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--text);opacity:.75}.match-meta-bottom{padding:6px 9px;border-top:1px solid var(--border);background:#080f1c;display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text);line-height:1.35}.match-meta-bottom .venue,.match-meta-bottom .when{color:var(--text);opacity:.85;font-weight:500}.match-card.card-live{border-color:var(--red);box-shadow:0 0 12px #e53e3e2e}.slot-score{font-weight:800;color:var(--text);font-size:13px;min-width:16px;text-align:right}.team-slot.winner .slot-score{color:var(--green)}.team-slot.locked{cursor:default}.team-slot.locked:hover{background:transparent}.slot-tag{font-size:11px;font-weight:800;color:var(--gold);margin-right:2px;cursor:help}.slot-tag.predicted{opacity:.85}.match-meta-bottom.compact{padding:4px 6px;font-size:10px;line-height:1.25;gap:2px}.match-meta-bottom.compact .venue{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-meta-bottom.compact .when{font-size:9px}@media (max-width: 900px){.group-grid-new{grid-template-columns:1fr}}@media (max-width: 640px){:root{--col-w: 150px;--col-gap: 18px}.content{padding:12px}.header{padding:14px 14px 0}.header-top{flex-wrap:wrap;gap:10px;margin-bottom:12px}.header h1{font-size:18px}.header-sub{font-size:11px;line-height:1.4}.header-badge{font-size:10px;padding:3px 7px}.reset-btn{margin-left:0!important;font-size:11px;padding:5px 10px}.tab-btn{padding:10px 14px;font-size:13px}.group-grid-new,.group-grid{grid-template-columns:1fr;gap:12px}.standings-table thead th:nth-child(4),.standings-table thead th:nth-child(5),.standings-table thead th:nth-child(6),.standings-table thead th:nth-child(10),.standings-table tbody td:nth-child(4),.standings-table tbody td:nth-child(5),.standings-table tbody td:nth-child(6),.standings-table tbody td:nth-child(10){display:none}.standings-table{font-size:11px}.standings-table .pts-cell{font-size:13px}.score-input{width:30px;height:26px;font-size:12px}.score-locked{min-width:30px;font-size:12px;padding:3px 6px}.match-row{gap:4px 8px}.match-row-side{font-size:11px;gap:4px}.match-team-flag{font-size:14px}.match-row-meta{font-size:11px;gap:2px}.match-row-venue{font-size:10px}:root{--col-w: 130px;--col-gap: 12px;--bracket-h: 940px}.bracket-scroll{margin-left:-12px;margin-right:-12px;padding:0 12px 12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.round-col{gap:8px}.round-header-row{display:none}.match-card{border-radius:5px}.match-meta-top{padding:2px 5px}.match-no{font-size:9px}.team-slot{height:26px;padding:0 5px;gap:4px}.slot-flag{font-size:12px}.slot-name{font-size:10px}.slot-score{font-size:11px}.match-divider{margin:0}.bracket-tree .match-meta-bottom{padding:3px 5px;font-size:9px;gap:1px}.bracket-tree .match-meta-bottom .venue,.bracket-tree .match-meta-bottom .when{font-size:9px;line-height:1.25}.match-card.final-card{width:150px}.matches-list-section{margin-top:16px;padding-top:16px}.match-list-grid{grid-template-columns:1fr;gap:8px}.round-block-title{font-size:12px}.matches-block-title{font-size:9px}.match-list-card .match-meta-bottom{font-size:12px}.top-bar{flex-direction:column;align-items:flex-start;gap:6px}.top-bar p{text-align:left!important}.live-strip{padding:6px 10px;gap:8px}.live-chip{padding:5px 9px;font-size:11px;gap:6px}.live-name{max-width:80px}}@media (min-width: 641px) and (max-width: 1024px){:root{--col-w: 160px;--col-gap: 20px}}