.match-analysis{width:min(1120px,94vw);max-height:90vh;overflow:auto;background:#101b23;color:#eef3f6;border:1px solid #647780;border-radius:8px;padding:24px;box-shadow:0 20px 80px #000a}
.match-analysis::backdrop{background:#050a10cc}
.analysis-header,.analysis-filters,.analysis-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.analysis-header{justify-content:space-between}
.match-analysis h2,.match-analysis h4{margin:0}
.match-analysis h3{margin:24px 0 10px;color:#ffd478}
.analysis-filters{margin-top:16px}
.analysis-filters select{max-width:100%}
.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:10px}
.analysis-card{padding:12px;background:#1a2933;border:1px solid #3c535e;border-radius:5px;min-width:0}
.analysis-card h4{margin-top:5px}
.analysis-card p{font-size:12px;margin:7px 0}
.analysis-card img,.analysis-card svg{width:100%;max-height:225px;object-fit:contain;margin:6px 0;background:#0b151c}
.analysis-card img[hidden]{display:none}
.analysis-utility{margin:12px 0}
.analysis-utility summary{cursor:pointer;padding:10px 0}
.analysis-heatmap{padding:12px;background:#121e27;border:1px solid #3c535e;border-radius:5px;margin-bottom:12px}
.analysis-heatmap-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:8px 0;align-items:start}
.analysis-heatmap-radar svg{display:block;width:100%;max-height:440px;background:#0b151c}
.analysis-heatmap-radar rect{cursor:pointer;stroke:#101b23;stroke-width:1}
.analysis-heatmap-radar rect:is(:hover,:focus){stroke:#fff;stroke-width:4;outline:none}
.analysis-heatmap button[aria-pressed=true]{border-color:#ffd478;color:#ffd478}
@media(max-width:680px){.analysis-heatmap-view{grid-template-columns:1fr}}