.match-row{cursor:pointer;background:linear-gradient(135deg,#0f0f0f 0%,#111316 100%);border:1px solid #ffffff0f;border-radius:10px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 4px 20px #00000080;padding:14px 20px!important}.match-row:before{content:"";background:#ffffff14;border-radius:0 2px 2px 0;width:2px;transition:background .3s,top .3s,bottom .3s;position:absolute;top:20%;bottom:20%;left:0}.match-row:hover{border-color:#ffffff24;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0f,0 8px 32px #000000b3,0 0 0 1px #ffffff0a}.match-row:hover:before{background:var(--blue01);top:10%;bottom:10%}.match-stage{letter-spacing:.1em;text-transform:uppercase;color:#f5f8ff80;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;width:fit-content;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.match-stage.stage-final{color:#f0c040;background:#f0c0401a;border-color:#f0c04040}.match-stage.stage-semi-final{color:#a78bfa;background:#a78bfa14;border-color:#a78bfa33}.match-stage.stage-quarter-final{color:#38bdf8;background:#38bdf814;border-color:#38bdf833}.match-stage.stage-group{color:#63cab7;background:#63cab714;border-color:#63cab733}.match-teams{flex:1;justify-content:center}.team-block{align-items:center;gap:8px;display:flex;position:relative}.team-block--right{flex-direction:row-reverse}.team-flag{opacity:.85;border-radius:2px;transition:opacity .2s;box-shadow:0 1px 4px #0009}.match-dot{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:18px;line-height:1}.match-row:hover .team-flag{opacity:1}.match-teams-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;display:grid}.match-teams-grid .team-block{justify-content:flex-end}.match-teams-grid .team-block--right{flex-direction:row;justify-content:flex-start}.time-divider{color:var(--green01);text-align:center;white-space:nowrap;min-width:52px;font-family:SF Mono,monospace;font-size:13px;font-weight:700}.team-code{letter-spacing:.08em;color:#f5f8ffa6;font-family:SF Mono,Fira Code,monospace;font-size:16px;font-weight:700;transition:color .2s}.team-winner .team-code{color:#f5f8ff}.trophy-dot{background:#f0c040;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:block;box-shadow:0 0 6px #f0c040}.vs-divider{letter-spacing:.2em;color:var(--muted);padding:0 4px;font-family:SF Mono,monospace;font-size:9px;font-weight:800}.match-datetime{color:var(--light-text);letter-spacing:.05em;font-family:SF Mono,Fira Code,monospace;font-size:10px;font-weight:500}.match-venue{color:var(--muted);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}@media (max-width:768px){.match-row{flex-wrap:wrap;gap:8px;padding:10px 14px!important}.match-datetime,.match-venue{font-size:9px}.match-venue{max-width:120px}.team-code{font-size:11px}}@media (max-width:520px){.match-row{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px!important}.match-teams{justify-content:center;width:100%}.match-venue{text-align:right;max-width:50%}.team-code{font-size:12px}.vs-divider{padding:0 2px;font-size:8px}}