/* SKORX Match Centre v0.5 — source-led stats, no invented numbers. */
.mc-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mc-heading h3{font-size:17px;margin:0}
.mc-sub{color:#adc3af;font-size:12px;line-height:1.5;margin:10px 0 14px}
.mc-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);align-items:center;gap:6px;text-align:center;background:#18291c;border:1px solid #355139;border-radius:15px;padding:18px 7px;margin-bottom:12px}
.mc-team{font-size:13px;font-weight:750;overflow-wrap:anywhere}
.mc-score{color:#a1fc48;font-size:25px;font-weight:900}
.mc-tabs{display:flex;gap:5px;margin:15px -4px 16px;overflow-x:auto;scrollbar-width:none}
.mc-tabs::-webkit-scrollbar{display:none}
.mc-tabs button{flex:1;min-width:0;white-space:nowrap;font-size:11px;background:#253427;color:#e2ede3;border:0;padding:11px 8px;border-radius:12px}
.mc-tabs button.on{background:#a1fc48;color:#14200e;font-weight:750}
.mc-rows{max-height:none;overflow:visible}
.mc-row{display:grid;grid-template-columns:52px 25px minmax(0,1fr);align-items:start;gap:7px;border-bottom:1px solid #2b402d;padding:13px 0}
.mc-clock{font-size:12px;color:#a1fc48;font-weight:800}
.mc-eventicon{font-size:20px;line-height:1.1}
.mc-player{font-weight:700;font-size:13px}
.mc-description{font-size:12px;color:#adbeaf;line-height:1.6;margin-top:4px}
.mc-empty{padding:18px 12px;border:1px solid #354b37;border-radius:12px;background:#1b2a1e;text-align:center;color:#b1c7b5;font-size:13px;line-height:1.6}
.mc-section{color:#dce8dc;font-size:13px;font-weight:800;margin:21px 0 10px;border-bottom:1px solid #344936;padding-bottom:9px}
.mc-section small{display:block;font-weight:400;color:#9eafa0;font-size:10px;margin-top:4px}
.mc-stat{padding:11px 0 14px;border-bottom:1px solid #2d4430}
.mc-stat-name{text-align:center;font-size:12px;color:#d4ddd4;margin-bottom:9px;line-height:1.4}
.mc-stat-values{display:grid;grid-template-columns:minmax(38px,55px) minmax(0,1fr) minmax(38px,55px);align-items:center;gap:9px;font-size:13px;font-weight:800}
.mc-stat-values span:last-child{text-align:right}
.mc-stat-values .missing{color:#718675;font-weight:500;font-size:11px}
.mc-track{background:#354039;border-radius:12px;height:8px;overflow:hidden;display:flex}
.mc-track i:first-child{background:#a1fc48}
.mc-track i:last-child{background:#5d95dc}
.mc-track.missing{background:#303831}
.mc-small{font-size:11px;color:#91a795;margin-top:4px;text-align:center}
.mc-sides{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:12px;color:#c7d8c9;margin-bottom:12px}
.mc-sides strong{max-width:46%;overflow-wrap:anywhere}
.mc-sides strong:first-child:before{content:"●";color:#a1fc48;margin-right:5px}
.mc-sides strong:last-child:after{content:"●";color:#5d95dc;margin-left:5px}
.mc-availability{font-size:12px;line-height:1.5;color:#aec5af;padding:11px;border:1px solid #314734;border-radius:11px;background:#1c2c20}
.mc-footnote{font-size:11px;color:#97b09c;line-height:1.6;margin:15px 0 4px}
.mc-pitch{position:relative;aspect-ratio:1.65;margin:15px 0 18px;background:repeating-linear-gradient(90deg,#205533 0 14.28%,#28613a 14.28% 28.56%);border:2px solid #d2e6d0;border-radius:6px;overflow:hidden}
.mc-pitch:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#cfe5cf}
.mc-center{position:absolute;border:1px solid #cfe5cf;border-radius:50%;width:22%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%)}
.mc-box{position:absolute;border:1px solid #cfe5cf;width:43%;height:28%;left:28.5%}
.mc-box.top{top:0;border-top:0}.mc-box.bottom{bottom:0;border-bottom:0}
.mc-goal{position:absolute;border:1px solid #cfe5cf;width:22%;height:7%;left:39%}
.mc-goal.top{top:0;border-top:0}.mc-goal.bottom{bottom:0;border-bottom:0}
.mc-state{background:#1c2c20;color:#c8dbc8;border:1px solid #345037;padding:12px;border-radius:12px;text-align:center;font-size:12px;line-height:1.5}
dialog#detail{max-height:calc(100dvh - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch}

/* v0.6 mobile bottom-sheet gesture: scroll the stats normally, pull down at top to close. */
#detail{overscroll-behavior:contain;transform:translateY(0);transition:transform 180ms ease}
#detail .detail-header{position:sticky;top:-19px;z-index:5;margin:-9px -2px 7px;padding:7px 2px 9px;background:#122016;border-bottom:1px solid #2e4932}
#detail .detail-grabber{width:44px;height:5px;border-radius:99px;background:#6e8d72;margin:0 auto 11px}
#detail .detail-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
#detail #close{background:#243728;color:white;border:0;border-radius:9px;padding:8px 13px}
#detail .detail-dismiss-hint{display:block;font-size:10px;color:#9db89f;text-align:center;margin-top:5px}
@media(prefers-reduced-motion:reduce){#detail{transition:none}}

/* SKORX v0.7 — collapsible real-data statistics */
.mc-filter{display:flex;align-items:center;gap:9px;padding:11px 10px;margin:10px 0 12px;background:#24362a;border:1px solid #3b6041;border-radius:12px;font-size:12px;color:#d9edda;cursor:pointer}
.mc-filter input{width:18px;height:18px;accent-color:#a1fc48}
.mc-category{border-bottom:1px solid #355039}
.mc-category summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;user-select:none}
.mc-category summary::-webkit-details-marker{display:none}
.mc-category summary span{color:#a1fc48;font-size:16px;transition:transform .18s}
.mc-category:not([open]) summary span{transform:rotate(-90deg)}

/* v0.9: authentic team crests in match header */
.mc-scoreboard{grid-template-columns:minmax(0,1fr) minmax(75px,92px) minmax(0,1fr);min-height:126px}
.mc-team-with-crest{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0}
.mc-team-crest{display:block;width:46px;height:46px;max-width:100%;object-fit:contain}
.mc-team-crest[hidden]{display:none}
.mc-team-name{text-align:center;overflow-wrap:anywhere;line-height:1.35;font-size:13px}
@media(max-width:380px){.mc-team-crest{width:38px;height:38px}.mc-team-name{font-size:12px}.mc-scoreboard{grid-template-columns:minmax(0,1fr) 75px minmax(0,1fr)}}