@layer components{.detail-shell{color:#f7f7f4;background:#030b14;min-height:100vh}.detail-topbar{border-bottom:1px solid var(--rr-border);background:#030b14f5;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 max(20px,50vw - 500px);display:flex}.detail-back{color:#d7dde3;align-items:center;gap:7px;font-size:11px;font-weight:900;text-decoration:none;display:flex}.detail-main{gap:26px;width:min(1000px,100%);margin:0 auto;padding:34px 20px 90px;display:grid}.detail-hero{border:1px solid var(--rr-border);text-align:center;background:linear-gradient(150deg,#071626,#030b14);border-top:3px solid #c81018;border-radius:6px;padding:34px}.detail-status{color:#fff;background:#c81018;border-radius:3px;padding:6px 12px;font-size:9px;font-weight:900;display:inline-block}.detail-scoreboard{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:24px 0 16px;display:grid}.detail-team{justify-items:center;gap:10px;display:grid}.detail-team img{object-fit:contain}.detail-team strong{font:800 20px/.95 var(--font-display)}.detail-crest{color:#bbc3ca;clip-path:polygon(50% 0,100% 18%,92% 77%,50% 100%,8% 77%,0 18%);background:#0c1d2c;border:2px solid #7b8995;place-items:center;width:60px;height:70px;display:grid}.detail-crest svg{width:30px;height:30px}.detail-score{grid-template-columns:auto 22px auto;align-items:center;gap:6px;display:grid}.detail-score span{font:800 82px/.7 var(--font-display)}.detail-score b{color:#687783;font-size:20px}.detail-date{color:#aeb7c2;text-transform:capitalize;margin:0 0 14px;font-size:13px}.detail-place{color:#afbac3;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:12px;display:inline-flex}.detail-place a{color:#e04b52;font-size:10px;font-weight:900;text-decoration:none}.detail-timeline-band{border:1px solid var(--rr-border);background:#071626;border-radius:6px;padding:28px}.detail-section-head{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.detail-section-head h2{font:800 26px var(--font-display)}.detail-section-head span{color:#7f8b96;font-size:10px;font-weight:800}.detail-note{color:#f0c9cc;background:#c8101820;border-left:3px solid #c81018;margin:0 0 16px;padding:12px 14px;font-size:11px;line-height:1.6}.detail-timeline{gap:8px;margin:0;padding:0;list-style:none;display:grid}.detail-timeline li{border:1px solid var(--rr-border);background:#0b1d2d;border-radius:4px;grid-template-columns:44px 33px 1fr;align-items:center;gap:14px;min-height:60px;padding:10px 16px;display:grid}.detail-timeline li.us{border-left:3px solid #c81018}.detail-minute{font:800 18px var(--font-display);color:#8d99a4}.detail-dot{color:#8794a0;background:#13293b;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.detail-timeline li.us .detail-dot{color:#ff7077;background:#c8101829}.detail-timeline li div{gap:3px;display:grid}.detail-timeline li strong{font-size:13px}.detail-timeline li small{color:#8390a0;font-size:10px}.detail-empty{text-align:center;color:#7f8b96;margin:0;padding:26px 0;font-size:12px}.detail-nav{grid-template-columns:1fr 1fr;gap:14px;display:grid}.detail-nav-card{border:1px solid var(--rr-border);color:#f7f7f4;background:#071626;border-radius:6px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;display:flex}.detail-nav-card.next{text-align:right;justify-content:flex-end}.detail-nav-card span{gap:3px;display:grid}.detail-nav-card small{color:#7f8b96;font-size:8px;font-weight:900}.detail-nav-card strong{font:800 17px var(--font-display)}.detail-nav-card em{color:#94a0ab;font-size:10px;font-style:normal}.detail-nav-card svg{color:#c81018;flex:none}.detail-cta{background:#c81018;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:30px;display:flex}.detail-cta span{color:#fffc;font-size:9px;font-weight:900}.detail-cta h2{font:800 30px var(--font-display);margin:6px 0 0}.detail-cta a{color:#071626;background:#fff;border-radius:4px;align-items:center;gap:10px;height:52px;padding:0 22px;font-size:11px;font-weight:900;text-decoration:none;display:flex}}@media (max-width:700px){.detail-hero{padding:24px 16px}.detail-scoreboard{gap:10px}.detail-team strong{font-size:15px}.detail-team img{width:52px;height:59px}.detail-score span{font-size:58px}.detail-crest{width:48px;height:56px}.detail-timeline-band{padding:18px}.detail-section-head h2{font-size:22px}.detail-nav{grid-template-columns:1fr}.detail-nav-card.next{text-align:left;flex-direction:row-reverse;justify-content:flex-start}.detail-cta{padding:22px}.detail-cta h2{font-size:24px}.detail-cta a{justify-content:center;width:100%}}