#matchViewer{margin:24px 0}#matchViewer h2{margin-bottom:12px}.mv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mv-card{background:#111a2b;border:1px solid #30415d;border-radius:12px;color:#eef4ff;padding:14px;text-align:left;display:grid;gap:6px;cursor:pointer}.mv-card.selected{border-color:#38e8a4;box-shadow:0 0 0 1px #38e8a4}.mv-card em{color:#91a4c4;font-style:normal}.mv-pos{color:#38e8a4;font-size:12px}.mv-card span:last-child{color:#ffc857;font-size:13px}.mv-stage{margin-top:14px;background:#0f1829;border:1px solid #30415d;border-radius:14px;padding:14px}.mv-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.mv-head span{color:#38e8a4}.mv-head b{color:#ffc857;font-size:20px}.mv-stage canvas{display:block;width:100%;max-width:820px;height:min(68vw,530px);margin:12px auto 0;border-radius:10px}.mv-stage p{color:#ffc857;min-height:24px}@media(max-width:700px){.mv-cards{grid-template-columns:1fr}.mv-stage canvas{width:100%;height:calc((100vw - 58px)*.648)}}
@media(max-width:768px){html,body{max-width:100%;overflow-x:hidden}#matchViewer{width:100%;max-width:100%;box-sizing:border-box}#matchViewer .mv-cards{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-width:100%;box-sizing:border-box}#matchViewer .mv-card{width:100%;min-width:0;max-width:100%;min-height:92px;box-sizing:border-box;overflow:hidden;white-space:normal;overflow-wrap:anywhere}#matchViewer .mv-card strong{min-width:0;max-width:100%;overflow-wrap:anywhere;line-height:1.25}#matchViewer .mv-stage{width:100%;max-width:100%;box-sizing:border-box;padding:10px;overflow:hidden}#matchViewer .mv-video-panel{width:100%;max-width:100%;min-height:0;aspect-ratio:16/9}#matchViewer .mv-video{width:100%;height:100%;min-height:0;object-fit:cover}#matchViewer .mv-video-score{max-width:calc(100% - 20px);padding:6px 9px;gap:7px;white-space:normal;text-align:center}#matchViewer .mv-video-score-teams{font-size:11px}#matchViewer .mv-video-score-value{font-size:17px}#matchViewer .mv-result-cards{grid-template-columns:1fr;padding:10px;overflow:auto}#matchViewer .mv-result-card{min-height:84px;padding:8px}#matchViewer .mv-result-card>em{max-width:100%;white-space:normal;overflow-wrap:anywhere}#matchViewer .mv-head{gap:8px;min-width:0;flex-wrap:wrap}#matchViewer #mvSelected{min-width:0;overflow-wrap:anywhere}#matchViewer #mvClock{margin-left:0}}