.md-overlay[hidden]{display:none}.md-overlay{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:18px;background:rgba(0,5,10,.82);backdrop-filter:blur(3px);font-family:Inter,Segoe UI,Arial,sans-serif;color:#f7f9fc}.match-details-open{overflow:hidden}
.md-card{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:2px solid #ffe000;border-radius:18px;background:linear-gradient(145deg,#081722,#041019);box-shadow:0 30px 100px #000,0 0 34px rgba(255,224,0,.08);scrollbar-width:thin;scrollbar-color:#d7b900 #111d26}
.md-head{display:grid;grid-template-columns:56px 1fr 42px;gap:14px;align-items:center;margin-bottom:16px}.md-file{width:54px;height:54px;display:grid;place-items:center;border:1px solid #8b7600;border-radius:12px;color:#ffe000;font-size:29px}.md-head h2{margin:0 0 4px;font-size:28px}.md-head p{margin:0;color:#9faebb;font-size:15px}.md-head button{border:0;background:transparent;color:#fff;font-size:35px;cursor:pointer}
.md-result{display:grid;grid-template-columns:62px 1.4fr 1px 1fr 1px 1fr;align-items:center;gap:16px;padding:16px;border:1px solid #385061;border-radius:13px;background:#0a1a25}.md-result>i{height:48px;background:#344653}.md-result>div{display:grid;gap:4px}.md-result strong{font-size:27px;color:#16e59a}.md-result small{color:#aeb9c4}.md-result b{font-size:15px}.md-trophy{width:58px;height:58px;display:grid;place-items:center;border:1px solid #00a970;border-radius:50%;background:#003b2d;color:#10efa0;font-size:31px}
.md-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;padding:14px 4px;border:1px solid #385061;border-radius:13px}.md-facts>div{display:grid;grid-template-columns:38px 1fr;gap:3px 8px;padding:3px 15px;border-right:1px solid #2e404d}.md-facts>div:nth-child(3n){border-right:0}.md-facts>div:nth-child(n+4){margin-top:15px}.md-facts span{grid-row:1/3;color:#ffe000;font-size:26px}.md-facts small{color:#98a6b2}.md-facts b{font-size:15px}.green{color:#16e59a!important}
.md-label{margin:15px 0 9px;font-size:18px}.md-player-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.md-player{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #3b5262;border-radius:12px}.md-player.me{border-color:#ffe000}.md-avatar{width:48px;height:48px;display:grid;place-items:center;border:2px solid #ad9130;border-radius:50%;background-position:center;background-size:cover;background-repeat:no-repeat;font-size:22px}.md-player div{display:grid;gap:5px}.md-player div>strong{font-size:15px}.md-player div>strong small{color:#a5b0bb}.md-player div>span{font-size:12px;color:#13e095}.md-player>b{padding:7px 10px;border-radius:7px;background:#465664}.md-player.me>b{background:#ffe000;color:#111}.md-missing{grid-column:1/-1;color:#95a3af}
.md-summary{padding:8px 16px;border:1px solid #385061;border-radius:12px}.md-summary p{display:flex;justify-content:space-between;gap:20px;margin:0;padding:10px 0;border-bottom:1px solid #243641}.md-summary p:last-child{border:0}.md-summary span{color:#cbd2d8}.md-card>footer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.md-card>footer button{height:52px;border-radius:10px;font-size:17px;cursor:pointer}.md-again{border:1px solid #8d9aa5;background:transparent;color:#fff}.md-done{border:0;background:linear-gradient(#ffe528,#ffd000);color:#111;font-weight:800}
.md-card::-webkit-scrollbar{width:8px}.md-card::-webkit-scrollbar-track{background:#111d26}.md-card::-webkit-scrollbar-thumb{background:#d7b900;border-radius:8px}
@media(max-width:620px){.md-overlay{padding:8px}.md-card{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.md-head{grid-template-columns:44px 1fr 34px;gap:9px}.md-file{width:42px;height:42px;font-size:22px}.md-head h2{font-size:23px}.md-head p{font-size:12px}.md-result{grid-template-columns:52px 1fr 1fr;gap:9px;padding:11px}.md-result>i{display:none}.md-result>div:nth-of-type(2){display:none}.md-result strong{font-size:22px}.md-result>div:last-child{text-align:right}.md-trophy{width:48px;height:48px}.md-facts{grid-template-columns:repeat(2,1fr);padding:9px 2px}.md-facts>div{padding:4px 9px}.md-facts>div:nth-child(3n){border-right:1px solid #2e404d}.md-facts>div:nth-child(2n){border-right:0}.md-facts>div:nth-child(n+3){margin-top:11px}.md-player-grid{grid-template-columns:1fr}.md-player{padding:9px}.md-summary{padding:5px 10px}.md-summary p{font-size:13px}.md-card>footer{gap:8px}.md-card>footer button{height:46px;font-size:15px}}