.page-intro{color:var(--text2);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.ma-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-bottom:1.5rem}.ma-metric{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:.6rem .5rem;text-align:center}.ma-metric.ma-metric-primary{border-left:3px solid var(--accent)}.ma-metric-val{display:block;font-size:1.3rem;font-weight:800;font-family:Inter,sans-serif;color:var(--text1)}.ma-metric.ma-metric-primary .ma-metric-val{color:var(--accent)}.ma-metric-label{font-size:.68rem;color:var(--text3)}.ma-streak-visual{margin-bottom:1.5rem}.ma-streak-visual h3{font-size:.95rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:baseline;gap:.4rem}.ma-streak-sub{font-size:.72rem;color:var(--text3);font-weight:500}.ma-streak-dots{display:flex;flex-wrap:wrap;gap:4px}.ma-dot{width:18px;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:800;cursor:default;position:relative}.ma-dot.win{background:var(--accent);color:#000}.ma-dot.loss{background:#e74c3c;color:#fff}.ma-dot.draw{background:#f1c40f;color:#000}.ma-dot[title]{cursor:help}.ma-calibration{margin-bottom:1.5rem}.ma-calibration h3{font-size:.95rem;font-weight:700;margin:0 0 .3rem}.ma-cal-desc{font-size:.8rem;color:var(--text3);margin:0 0 .75rem}.ma-cal-chart{display:flex;align-items:flex-end;gap:.5rem;height:120px;padding-bottom:1.5rem;position:relative}.ma-cal-bucket{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;height:100%;justify-content:flex-end;position:relative}.ma-cal-bar-wrap{width:100%;display:flex;gap:2px;height:100%;align-items:flex-end;justify-content:center}.ma-cal-bar{width:14px;border-radius:2px 2px 0 0;transition:height .4s}.ma-cal-bar.expected{background:var(--bg3);border:1px solid var(--border)}.ma-cal-bar.actual{background:var(--accent)}.ma-cal-label{font-size:.62rem;color:var(--text3);font-weight:600;white-space:nowrap}.ma-cal-pct{font-size:.58rem;color:var(--text2);font-weight:700}.ma-cal-legend{display:flex;gap:1rem;margin-top:.5rem}.ma-cal-leg-item{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text3)}.ma-cal-leg-swatch{width:10px;height:10px;border-radius:2px}.ma-cal-leg-swatch.expected{background:var(--bg3);border:1px solid var(--border)}.ma-cal-leg-swatch.actual{background:var(--accent)}.ma-breakdown{margin-bottom:1.5rem}.ma-breakdown h3{font-size:.95rem;font-weight:700;margin:0 0 .5rem}.ma-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.ma-bd-card{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:.55rem .65rem;text-align:center}.ma-bd-tier{font-size:.7rem;font-weight:700;text-transform:uppercase;margin-bottom:.15rem}.ma-bd-val{font-size:1.1rem;font-weight:800;font-family:Inter,sans-serif}.ma-bd-val.good{color:var(--accent)}.ma-bd-val.ok{color:#f1c40f}.ma-bd-val.bad{color:#e74c3c}.ma-bd-sub{font-size:.62rem;color:var(--text3)}.tier-s{background:#f1c40f;color:#000}.tier-a{background:#e67e22;color:#000}.tier-b{background:#3498db;color:#fff}.tier-c{background:#7f8c8d;color:#fff}.ma-results{margin-bottom:1.5rem}.ma-results h3{font-size:.95rem;font-weight:700;margin:0 0 .5rem}.ma-result-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--bg2);border:1px solid var(--border);border-radius:3px;margin-bottom:.3rem;font-size:.78rem}.ma-result-row.correct{border-left:3px solid var(--accent)}.ma-result-row.incorrect{border-left:3px solid #e74c3c}.ma-r-icon{font-size:.65rem;font-weight:800;width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ma-r-icon.win{background:var(--accent);color:#000}.ma-r-icon.loss{background:#e74c3c;color:#fff}.ma-r-teams{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ma-r-pred{color:var(--text3);font-weight:600;min-width:50px;text-align:right}.ma-r-result{font-weight:700;min-width:40px;text-align:center}.ma-r-conf{font-size:.7rem;color:var(--text3);min-width:35px;text-align:right}.loading-state{text-align:center;padding:2rem;color:var(--text2);font-size:.9rem}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.ma-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.ma-metrics{grid-template-columns:repeat(2,1fr)}.ma-cal-chart{height:80px}}