/*! © 2026 Noxx Labs. All rights reserved. Noxx™ and Noxx Labs™ are trademarks of Noxx Labs. Proprietary: no licence is granted to copy, modify, host or redistribute any part of this code. noxxreplays.co.uk · build 6.1.0-f984a20 · 3d818a9198 */

.mp-lead { color: var(--text2); font-size: 0.86rem; margin: 0 0 0.7rem; }
.mp-lead b { color: var(--text); }
.mp-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; margin-bottom: 0.8rem; }
.mp-tile { background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius2); padding: 0.65rem 0.8rem; }
.mp-tile span { display: block; font-size: 0.72rem; color: var(--text3); }
.mp-tile b { display: block; font-family: var(--display); font-size: 1.45rem; line-height: 1.2; }
.mp-tile small { font-size: 0.72rem; color: var(--text3); }
.mp-tile small em { font-style: normal; font-family: var(--mono); }
.mp-tile em.up { color: var(--green); } .mp-tile em.down { color: var(--amber); }
.mp-tile.warn { border-color: rgba(255,176,32,0.5); }
.mp-duo { display: grid; grid-template-columns: 1.4fr 1fr; gap: 1rem; align-items: start; }
.mp-duo figure, .mp-single { margin: 0; }
.mp-single { max-width: 520px; }
.mp-pitch, .mp-mouth { width: 100%; height: auto; display: block; overflow: visible; }
.mp-pitch circle[onclick], .mp-mouth circle[onclick] { cursor: pointer; }
figcaption { font-size: 0.72rem; color: var(--text3); margin-top: 0.35rem; }
.mp-goals { display: grid; gap: 0.35rem; }
.mp-goal { display: grid; grid-template-columns: 52px 76px 1fr; gap: 0.2rem 0.7rem; align-items: center; background: var(--bg2); border: 1px solid var(--border); border-left: 3px solid var(--green); border-radius: var(--radius); padding: 0.5rem 0.75rem; font-size: 0.83rem; }
.mp-goal.against { border-left-color: var(--red); }
.mp-goal[onclick] { cursor: pointer; } .mp-goal[onclick]:hover { border-color: var(--accent); }
.mp-gt { font-family: var(--mono); color: var(--accent); }
.mp-gside { font-weight: 600; }
.mp-gwho { color: var(--text2); overflow: hidden; text-overflow: ellipsis; }
.mp-gtags { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 0.3rem; }
.mp-gtags i { font-style: normal; font-size: 0.72rem; background: var(--surface); border: 1px solid var(--border2); border-radius: 100px; padding: 0.08rem 0.5rem; color: var(--text2); }
.mp-goal.against .mp-gtags i { border-color: rgba(255,82,82,0.4); color: var(--text); }
.mp-gtags i.dim { color: var(--text3); }
.mp-kicks { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.mp-kick { font-size: 0.75rem; background: var(--surface); border: 1px solid var(--border2); border-radius: 100px; padding: 0.2rem 0.65rem; color: var(--text2); }
.mp-kick b { font-family: var(--mono); color: var(--text); font-weight: 500; margin-right: 0.2rem; }
.mp-kick.win { border-color: rgba(61,220,132,0.5); } .mp-kick.loss { border-color: rgba(255,82,82,0.5); }
.mp-kick[onclick] { cursor: pointer; } .mp-kick[onclick]:hover { border-color: var(--accent); }
.mp-tips { list-style: none; margin: 0 0 0.8rem; display: grid; gap: 0.35rem; }
.mp-tips li { font-size: 0.84rem; color: var(--text2); border-left: 2px solid var(--amber); padding-left: 0.6rem; }
.mp-tips b { color: var(--text); }
.mp-scroll { overflow-x: auto; }
.mp-table { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.mp-table th, .mp-table td { padding: 0.35rem 0.5rem; border-bottom: 1px solid var(--border); text-align: right; white-space: nowrap; }
.mp-table th:first-child { text-align: left; font-weight: 500; color: var(--text2); }
.mp-table thead th { font-family: var(--mono); font-size: 0.68rem; color: var(--text3); font-weight: 400; }
.mp-table td { font-family: var(--mono); }
.mp-table tr.me th, .mp-table tr.me td { color: var(--accent); }
.mp-table tr.pro th, .mp-table tr.pro td { color: var(--text3); font-style: italic; }
.mp-table td.flag { color: var(--amber) !important; }
@media (max-width: 720px) { .mp-tiles { grid-template-columns: 1fr 1fr; } .mp-duo { grid-template-columns: 1fr; } .mp-goal { grid-template-columns: 46px 1fr; } .mp-gwho { grid-column: 1 / -1; } }
.mp-duo figure:first-child { max-width: 440px; }
.mp-gadv { grid-column: 1 / -1; font-size: 0.82rem; color: var(--text2); padding: 0.2rem 0 0.1rem; }
.mp-spawns { display: flex; flex-wrap: wrap; gap: 0.3rem 1.2rem; font-size: 0.8rem; color: var(--text2); margin: 0.2rem 0 0.6rem; }
.mp-spawns b { color: var(--text); }