:root { --page-accent: var(--gold); --page-accent-2: var(--purple); }
.live-main { min-height:calc(100vh - 64px); padding:clamp(65px,9vw,110px) 0; background:radial-gradient(circle at 50% 0%,rgba(255,215,90,.08),transparent 35rem),radial-gradient(circle at 90% 80%,rgba(145,104,255,.11),transparent 32rem); }
.live-shell { max-width:1100px; }
.live-heading { display:flex; justify-content:space-between; align-items:center; gap:28px; margin-bottom:38px; }
.profile { display:flex; align-items:center; gap:20px; }
.profile img { width:86px; height:86px; border-radius:50%; object-fit:cover; border:2px solid var(--gold); box-shadow:0 0 30px rgba(255,215,90,.18); }
.profile .eyebrow { margin-bottom:8px; }
.profile h1 { margin:0; font:800 clamp(42px,6vw,76px)/.9 var(--display); letter-spacing:-.05em; text-transform:uppercase; }
.live-row { display:flex; align-items:center; gap:10px; padding:14px 18px; white-space:nowrap; color:#eef2fa; font:700 10px/1 var(--display); letter-spacing:.05em; text-transform:uppercase; }
.dot { width:11px; height:11px; border-radius:50%; display:inline-block; }.dot.online,.online{background:var(--green);box-shadow:0 0 14px var(--green)}.dot.offline,.offline{background:var(--red);box-shadow:0 0 14px var(--red)}
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.stat-card { min-height:190px; display:flex; flex-direction:column; justify-content:flex-end; padding:24px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(255,215,90,.045),rgba(145,104,255,.025)); box-shadow:0 18px 45px rgba(0,0,0,.22); }
.stat-card .label { color:#a7b0c1; font:800 8px/1 var(--display); letter-spacing:.12em; text-transform:uppercase; }
.number { margin-top:16px; color:var(--purple); font:800 clamp(28px,4vw,48px)/1 var(--display); overflow-wrap:anywhere; }.small-number{font-size:clamp(19px,2.4vw,30px);color:var(--gold)}
.stat-card small { margin-top:9px; color:var(--muted-2); font-size:10px; }
.goal-box { margin-top:18px; padding:24px; }
.goal-top { display:flex; justify-content:space-between; gap:20px; margin-bottom:13px; color:#bfc7d5; font-size:12px; }.goal-top strong{color:var(--gold);font-family:var(--display)}
.goal-bar { height:14px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.09); }#goalFill{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--purple));transition:width .8s ease}
.actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:28px; }.live-note{max-width:720px;margin:22px auto 0;text-align:center;color:var(--muted-2);font-size:10px}
@media(max-width:840px){.stats{grid-template-columns:repeat(2,1fr)}.live-heading{align-items:flex-start;flex-direction:column}.live-row{align-self:stretch;justify-content:center}}
@media(max-width:560px){.stats{grid-template-columns:1fr}.profile{align-items:flex-start}.profile img{width:70px;height:70px}.stat-card{min-height:150px}.goal-top{flex-direction:column;gap:6px}.actions{flex-direction:column}.actions .btn{width:100%}}