.match-skeleton{margin:60px auto;position:relative}.match-panel{border:1px solid var(--line);background:var(--glass);text-align:center;border-radius:22px;justify-items:center;gap:16px;width:min(560px,100%);margin:0 auto;padding:24px;display:grid}.match-panel .cta{width:100%}.match-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.match-strip li{border:1px solid var(--rarity);border-radius:12px;width:92px;padding:6px}@supports (color:color-mix(in lab, red, red)){.match-strip li{border:1px solid color-mix(in oklab, var(--rarity) 40%, transparent)}}.match-strip li{background:radial-gradient(circle, var(--rarity), transparent 70%), var(--bg-2)}@supports (color:color-mix(in lab, red, red)){.match-strip li{background:radial-gradient(circle, color-mix(in oklab, var(--rarity) 22%, transparent), transparent 70%), var(--bg-2)}}.match-strip img{aspect-ratio:4/3;object-fit:contain;width:100%;display:block}.match-strip-sm li{width:74px}.match-hint{color:var(--muted);margin:-6px 0 0;font-size:11px}.match-intro{text-align:center;justify-items:center;gap:14px;padding:80px 0;display:grid}.match-start{width:min(320px,100%)}.match-play{justify-items:center;gap:10px;padding-top:10px;display:grid}.match-progress{background:#ffffff14;border-radius:4px;width:min(390px,86vw);height:4px;overflow:hidden}.match-progress span{transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.match-stack{--card-h:clamp(340px, calc(100dvh - 330px), 560px);--card-w:min(86vw, calc(var(--card-h) * .7));margin-top:12px}.match-result{text-align:center;justify-items:center;gap:8px;padding:30px 0;display:grid}.compat{--p:0}.compat-ring{background:radial-gradient(closest-side, var(--bg-2) 82%, transparent 84%), conic-gradient(var(--accent) calc(var(--p) * 360deg), var(--ink) 0);border-radius:50%;place-items:center;width:220px;height:220px;display:grid}@supports (color:color-mix(in lab, red, red)){.compat-ring{background:radial-gradient(closest-side, var(--bg-2) 82%, transparent 84%), conic-gradient(var(--accent) calc(var(--p) * 360deg), color-mix(in oklab, var(--ink) 10%, transparent) 0)}}.compat-ring{box-shadow:0 0 80px -20px var(--accent)}.compat-ring .display{font-size:72px;line-height:1}.match-verdict{margin:10px 0 18px;font-size:clamp(36px,6vw,60px)}.match-group{margin-bottom:16px}.match-actions{gap:8px;width:min(420px,100%);margin:10px auto 0;display:grid}@media (max-width:640px){.match-stack{--card-h:clamp(240px, calc(100dvh - var(--header-h) - var(--tabbar-h) - 170px), 520px)}}@media (pointer:coarse) and (max-width:640px){.match-stack{--card-h:clamp(240px, calc(100svh - var(--header-h) - var(--tabbar-h) - 170px), 520px)}}