.live-page-main{padding:150px clamp(18px,4vw,60px) 80px;min-height:100vh;position:relative}.live-page-main::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 78% 12%,rgba(241,191,80,.10),transparent 28%),url("graphics/luxury3d/additions/metallic-waves-hero-bg.webp") center top/cover no-repeat;opacity:.18;z-index:-1;pointer-events:none}.live-page-shell{max-width:1180px;margin:0 auto}.live-page-hero{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;padding:38px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(180deg,rgba(17,20,23,.86),rgba(8,10,12,.86));box-shadow:var(--shadow);overflow:hidden;position:relative}.live-page-hero::after{content:"";position:absolute;width:360px;height:360px;right:-150px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(241,191,80,.16),transparent 70%)}.live-page-kicker{color:var(--gold-2);text-transform:uppercase;letter-spacing:.15em;font:800 11px var(--heading)}.live-page-hero h1{font-size:clamp(38px,5vw,68px);margin:10px 0 15px;max-width:850px}.live-page-hero p{color:#b9bec6;line-height:1.65;max-width:780px}.live-score-badge{position:relative;z-index:1;min-width:170px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;text-align:center;background:rgba(255,255,255,.045)}.live-score-badge span{display:block;color:#929aa5;font:800 10px var(--heading);letter-spacing:.13em;text-transform:uppercase}.live-score-badge strong{display:block;margin-top:7px;font:850 42px/1 var(--heading);color:var(--green)}.live-status-line{display:flex;align-items:center;gap:10px;margin-top:18px;color:#9fa6af;font-size:13px}.live-status-line i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 15px rgba(73,219,114,.7)}.live-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.live-metric{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035)}.live-metric span{display:block;color:#8f97a2;font:800 10px var(--heading);letter-spacing:.11em;text-transform:uppercase}.live-metric strong{display:block;margin-top:9px;font:750 24px/1.15 var(--heading);overflow-wrap:anywhere}.tone-positive{color:var(--green)!important}.tone-negative{color:var(--red)!important}.tone-neutral{color:var(--gold-2)!important}.live-content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.live-panel{padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));box-shadow:0 22px 60px rgba(0,0,0,.24)}.live-panel h2{font-size:30px}.live-panel p,.live-panel li{color:#b9bec6;line-height:1.65}.live-source{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08);color:#858e99;font-size:12px}.detail-driver-list{display:grid;gap:10px}.detail-driver-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(100px,150px) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.detail-driver-row:last-child{border-bottom:0}.detail-driver-row span{font-weight:650}.detail-driver-row i{height:7px;border-radius:99px;background:linear-gradient(90deg,var(--bar) var(--w),rgba(255,255,255,.09) var(--w))}.detail-driver-row b{font:800 12px var(--heading);text-align:right}.live-item-list{display:grid;gap:12px}.live-item{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.live-item a{color:#f0d188}.live-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.premium-subpage-footer{margin-top:50px}.empty-state{color:#9da4ad;font-style:italic}.sparkline-wrap{height:180px;margin-top:15px}.sparkline-wrap svg{width:100%;height:100%}.sparkline-wrap polyline{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.sparkline-wrap line{stroke:rgba(255,255,255,.08)}
@media(max-width:900px){.live-page-hero{grid-template-columns:1fr}.live-score-badge{justify-self:start}.live-metrics{grid-template-columns:repeat(2,1fr)}.live-content-grid{grid-template-columns:1fr}}
@media(max-width:620px){.live-page-main{padding:115px 12px 55px}.live-page-hero,.live-panel{padding:22px;border-radius:20px}.live-page-hero h1{font-size:38px}.live-metrics{grid-template-columns:1fr 1fr}.live-metric{padding:15px}.live-metric strong{font-size:18px}.detail-driver-row{grid-template-columns:1fr}.detail-driver-row b{text-align:left}.premium-footer{padding-left:18px;padding-right:18px}}