.hero-stats{display:flex;gap:10px}
.match-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--muted);font-weight:700}
.round-label{padding:6px 10px;border-radius:999px;background:#eaf3ff;color:var(--blue);font-weight:700}
.round-label strong{font-weight:900}
.match-heading time,.match-venue{display:flex;align-items:center;gap:6px}
.match-heading .material-icons-round,.match-venue .material-icons-round{font-size:18px;color:var(--blue)}
.teams{min-height:58px;gap:14px;font-size:1.12rem}
.teams strong{line-height:1.15}
.team-name{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}
.stats-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#eaf2fa;color:var(--blue);text-decoration:none}
.stats-link:hover{background:#d7e8f8}
.stats-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.stats-link .material-icons-round{font-size:22px}
.match-venue{flex-wrap:wrap}
.teams b{min-width:70px;padding:10px 12px;border-radius:12px;background:var(--blue);color:#fff;font-size:1.2rem;white-space:nowrap}
.match-venue{justify-content:center;color:var(--muted);font-weight:700}

.games-section>.section-head{align-items:flex-start}
.match-filters{display:grid;flex:1 1 720px;gap:10px;max-width:780px}
.competition-filter{width:100%}
.competition-controls{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,360px);gap:8px;width:100%}
.competition-controls .competition-search,.competition-controls select{width:100%;min-width:0;max-width:none}
.filter-lower-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.status-tabs{display:flex;align-items:center;gap:4px;min-width:0;padding:4px;border:1px solid #ffffff30;border-radius:13px;background:#ffffff14}
.status-tabs a{display:grid;place-items:center;min-height:36px;padding:0 12px;border-radius:9px;color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.025em;text-transform:uppercase;transition:background .16s ease,color .16s ease,transform .16s ease}
.status-tabs a:hover{background:#ffffff20;transform:translateY(-1px)}
.status-tabs a.is-active{background:var(--neon);color:var(--dark);box-shadow:0 5px 14px #00125f55}
.filter-lower-row .search-box{flex:1 1 250px;min-width:210px;max-width:330px;background:#fff}

.match-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.match-actions>:only-child{grid-column:1/-1}
.imt-button{background:#0b7d55}
.imt-button:hover{background:#086442}
.delegate-button{background:#5b35a8}
.delegate-button:hover{background:#452780}

@media(max-width:1020px){
    .games-section>.section-head{align-items:stretch;flex-direction:column}
    .match-filters{flex-basis:auto;width:100%;max-width:none}
}

@media(max-width:760px){
    .hero-stats{display:grid;grid-template-columns:1fr 1fr}
    .hero-stats .hero-count{min-width:0}
    .hero-stats .hero-count strong{font-size:2rem}
    .match-heading{align-items:flex-start;flex-direction:column}
    .teams{gap:8px;font-size:1rem}
    .teams b{min-width:58px;padding:9px 8px}
    .match-filters{align-items:stretch}
    .competition-controls{grid-template-columns:1fr}
    .filter-lower-row{display:grid;grid-template-columns:1fr;gap:8px}
    .games-section .status-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px}
    .games-section .status-tabs a{min-width:0;min-height:38px;padding:5px 3px;text-align:center;font-size:.7rem}
    .filter-lower-row .search-box{width:100%;min-width:0;max-width:none}
}

@media(max-width:420px){
    .match-actions{grid-template-columns:1fr}
}

.portal-loading{display:flex;align-items:center;gap:16px;margin:16px 0;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#003ddc,#087de8);color:#fff;box-shadow:0 10px 28px #073fd22b}
.portal-loading[hidden]{display:none!important}
.portal-loading strong{display:block;font-size:1.2rem;font-weight:900}
.portal-loading p{margin-top:5px;color:#e7eeff;font-weight:600;line-height:1.35}
.portal-loading-spinner{flex:0 0 32px;width:32px;height:32px;border:4px solid #ffffff4d;border-top-color:#39ff14;border-radius:50%;animation:portal-loading-spin .8s linear infinite}
.portal-loading.is-error .portal-loading-spinner{display:none}
@keyframes portal-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.portal-loading-spinner{animation:none}}
@media(max-width:760px){.portal-loading{padding:18px;gap:12px}}

.portal-empty strong{display:block;font-size:1.2rem;color:var(--text)}
.portal-empty p{max-width:660px;margin:10px auto 0;font-weight:600;line-height:1.5}
.pagination-top{justify-content:flex-end;width:calc((100% - 12px)/2);gap:8px;margin:0 0 8px}
.pagination-top[hidden]{display:none!important}
.pagination-top a{display:grid;place-items:center;width:44px;height:40px;padding:0;border-radius:12px;font-family:Arial,sans-serif;font-size:30px;line-height:1}
@media(max-width:760px){.pagination-top{width:100%}}