.match-loading{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(7,20,49,.92);color:#fff6da;font-family:system-ui,sans-serif}
.match-loading.hidden{display:none!important}
.match-loading-card{width:min(900px,96vw);max-height:96dvh;overflow:auto;border:2px solid #ffe6a5;border-radius:28px;background:linear-gradient(160deg,#2b487a,#142a50);box-shadow:0 28px 70px #030d27b9,0 0 36px #fbd56b55;animation:loading-rise .4s ease-out}
.match-loading-card>img{display:block;width:100%;aspect-ratio:16/9;max-height:min(58dvh,520px);object-fit:cover;background:#132b50}
.match-loading-body{padding:16px clamp(20px,4vw,34px) 22px;background:linear-gradient(180deg,#1a345de8,#14274f)}
.match-loading-kicker{font-size:.7rem;font-weight:900;letter-spacing:.2em;color:#ffdc83}
.match-loading h2{font-size:clamp(1.2rem,3.3vw,1.8rem);margin:3px 0 7px;color:#fff1ba}
.match-loading p{font-size:clamp(.88rem,2vw,1.05rem);line-height:1.45;margin:0 0 16px;min-height:1.5em;color:#e8f6ff}
.match-loading-meter{height:19px;border:2px solid #d4e9ff90;border-radius:999px;overflow:hidden;background:#0b1d3c;box-shadow:inset 0 2px 6px #03122d}
.match-loading-meter>div{height:100%;width:0;background:linear-gradient(90deg,#f9ac46,#ffe291 52%,#fff8cf);border-radius:inherit;box-shadow:0 0 18px #ffe590;transition:width .2s ease-out}
.match-loading-foot{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:.84rem;color:#d9ecff}
.match-loading-foot strong{font-variant-numeric:tabular-nums;color:#fff0a8;font-size:1.05rem}
#match-loading-retry{margin-top:12px;min-height:46px;padding:8px 24px;border:1px solid #ffe398;border-radius:13px;background:#f575aa;color:#fff;font-weight:800;cursor:pointer}
@keyframes loading-rise{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-height:600px){.match-loading-card{width:min(760px,94vw)}.match-loading-card>img{max-height:45dvh}.match-loading-body{padding:10px 20px 14px}.match-loading p{margin-bottom:8px}}
@media(max-height:500px) and (orientation:landscape){.match-loading-card{display:grid;grid-template-columns:43% 57%;max-height:calc(100dvh - 16px);overflow:hidden}.match-loading-card>img{height:calc(100dvh - 16px);max-height:none;aspect-ratio:auto}.match-loading-body{min-width:0;max-height:calc(100dvh - 16px);overflow:auto;padding:8px 14px}.match-loading h2{font-size:1.05rem;margin:2px 0 4px}.match-loading p{font-size:.78rem;margin-bottom:6px}.match-loading-meter{height:14px}.match-loading-foot{font-size:.7rem;margin-top:4px}#match-loading-retry{min-height:38px;margin-top:6px;padding:5px 14px}}
@media(prefers-reduced-motion:reduce){.match-loading-card{animation:none}.match-loading-meter>div{transition:none}}