.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{padding:16px;border:1px solid #29516b;border-radius:12px;background:#0b2030}.metric small{display:block;color:#83a6bc}.metric strong{display:block;margin-top:7px;color:#fff;font-size:22px}.metric em{display:block;margin-top:4px;color:#ffd15b;font-size:11px;font-style:normal}.stats-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.rank{padding:15px;border:1px solid #294a61;border-radius:12px;background:#091b29}.rank h2{margin:0 0 10px;color:#55d6ff;font-size:17px}.rank-row{display:grid;grid-template-columns:26px 1fr auto;gap:8px;padding:9px 3px;border-bottom:1px solid #203c50}.rank-row i{color:#ffd15b;font-style:normal}.rank-row b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-row span{color:#9dc0d4}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.meta{padding:13px;border-radius:10px;background:#10293b;text-align:center}.meta strong{display:block;font-size:22px}.meta small{color:#8aabba}@media(max-width:700px){.metric-grid{grid-template-columns:1fr 1fr}.stats-columns{grid-template-columns:1fr}.meta-grid{grid-template-columns:1fr 1fr}}