:root{--navy:#02084b;--navy2:#0b185a;--orange:#ee5a00;--ink:#17223e;--muted:#6c7890;--line:#e5e9f1;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px Inter,"Segoe UI",Arial,sans-serif}.dashboard{max-width:1680px;margin:auto;padding:25px 3.5vw}.topbar,.brand,.top-actions,.section-head,.stage-top,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{margin-bottom:22px}.brand{justify-content:flex-start}.brand-mark{background:var(--navy);color:white;font-size:24px;font-weight:900;letter-spacing:-2px;padding:15px 13px;border-radius:14px}.brand-mark span{color:#ff8b49}.brand small{display:block;color:var(--orange);letter-spacing:.12em;font-weight:800;font-size:10px;margin-bottom:5px}.brand strong{font-size:18px;letter-spacing:.06em}.top-actions{flex-wrap:wrap}.top-actions form{display:flex;gap:8px}.top-actions select,.top-actions button{border:1px solid #d6dcea;border-radius:8px;padding:12px;background:white;font-weight:650}.top-actions button{background:var(--navy);color:white;cursor:pointer}.live-pill{color:#148060;background:#e6f8f0;border-radius:50px;padding:9px 12px;font-size:11px;font-weight:800}.hero{background:linear-gradient(115deg,var(--navy),#142b74 70%,#223f88);border-radius:22px;color:#fff;padding:37px;display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--orange)}.hero .eyebrow{color:#ffad78}.hero h1{font-size:clamp(36px,5vw,69px);letter-spacing:-.055em;margin:9px 0}.hero h1 span{color:#ff7b3c}.hero p{max-width:670px;line-height:1.6;color:#dfe8fc;margin:0}.hero-side{background:#ffffff14;border:1px solid #ffffff30;padding:23px;border-radius:14px;min-width:250px}.hero-side strong{display:block;font-size:58px;line-height:1.2}.hero-side>span{font-size:13px;color:#d9e4fb}.progress{background:#e8edf5;height:9px;border-radius:30px;overflow:hidden;margin-top:11px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff9c54,var(--orange));border-radius:30px;transition:width .6s}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:17px 0}.metrics article,.panel{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 24px #172e6509}.metrics article{padding:23px;border-top:3px solid var(--orange)}.metrics span{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.metrics strong{font-size:46px;display:block;color:var(--navy);margin:7px 0}.metrics small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.panel{padding:25px;min-width:0}.panel h2{margin:5px 0 0;font-size:24px;letter-spacing:-.035em}.panel h3{font-size:15px;margin:23px 0 12px}.chip{padding:8px 10px;background:#edf1fc;color:#233570;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}.chip.orange{background:#fff0e4;color:#cb5309}.stage-list{margin-top:23px}.stage{display:flex;align-items:center;gap:15px;padding:9px 0}.stage-number{font-weight:900;color:#d0d7e4;font-size:21px;width:35px}.stage-body{flex:1}.stage-top{font-size:13px}.stage-top b{font-size:12px;color:#52637e}.spotlight{background:linear-gradient(120deg,#101c5d,#283d89);border-radius:15px;padding:28px;color:white;margin-top:21px;min-height:170px}.spotlight small{font-weight:800;font-size:11px;letter-spacing:.15em;color:#ffb984}.spotlight strong{display:block;font-size:clamp(22px,3vw,35px);margin:18px 0 6px}.spotlight p{color:#dbe3f8;font-size:13px}.feed-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.feed-row b{font-size:13px}.feed-row small{color:var(--muted)}.feed-row:last-child{border-bottom:0}.demographic-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.breakdown .bar-row{margin:11px 0 16px}.bar-row .bar-label{display:flex;justify-content:space-between;gap:6px;font-size:13px}.bar-row b{color:var(--navy)}.bar-row .progress{height:10px}.gender-note{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px;background:#f5f7fb;border-radius:10px;padding:14px;font-size:12px;color:var(--muted)}.gender-note b{color:var(--navy)}.awards{background:var(--navy);border-radius:18px;color:white;margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 35px}.awards h2{margin:8px 0;font-size:29px}.awards p{color:#becdf0;margin:0}.awards-lock{display:flex;gap:8px;align-items:center;flex-direction:column;background:#ffffff15;padding:18px 35px;border-radius:12px;text-align:center}.awards-lock span{font-size:30px}.awards-lock small{color:#c7d7f5}footer{font-size:11px;color:var(--muted);padding:23px 5px}footer a{color:var(--navy);font-weight:800}.sr-only{position:absolute;left:-9999px}@media(max-width:850px){.dashboard-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.hero{align-items:stretch;flex-direction:column}.hero-side{min-width:0}.topbar{align-items:flex-start;flex-wrap:wrap}}@media(max-width:520px){.dashboard{padding:12px}.hero{padding:22px}.metrics article{padding:13px}.metrics strong{font-size:32px}.panel{padding:17px}.demographic-grid{grid-template-columns:1fr}.awards{flex-direction:column;align-items:stretch}.brand strong{font-size:13px}footer{flex-wrap:wrap}}
/* Event broadcast enhancements */
.clock{background:#eff2fa;border:1px solid #dbe1ef;padding:10px 13px;border-radius:10px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.hero-banner{width:min(21vw,260px);flex:0 0 auto;overflow:hidden;border-radius:15px;border:2px solid #ffffff35;aspect-ratio:4/3;box-shadow:0 12px 30px #0004}
.hero-banner img{width:100%;height:100%;object-fit:cover;display:block}
.hero>div:nth-child(2){flex:1;min-width:0}
.countdown-strip{background:#fff;border:1px solid var(--line);margin:16px 0;border-radius:17px;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-left:5px solid var(--orange)}
.countdown-strip strong{font-size:clamp(22px,3vw,42px);font-variant-numeric:tabular-nums;display:block;color:var(--navy);margin:8px 0}
.countdown-strip small{color:var(--muted);display:block}
.pulse-beacon{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#086c54;font-weight:800;font-size:13px}
.pulse-beacon i{width:13px;height:13px;background:#19bd8e;border-radius:50%;box-shadow:0 0 0 7px #bcefe1;animation:pulseBeacon 1.8s infinite}
@keyframes pulseBeacon{50%{box-shadow:0 0 0 12px #bcefe100}}
.top-actions select{cursor:pointer}
.gender-note{display:block}
.gender-note .breakdown{max-width:600px;margin:15px 0}
@media(max-width:1050px){.hero-banner{width:180px}.top-actions{gap:7px}}
@media(max-width:650px){.hero-banner{width:100%;max-width:250px;aspect-ratio:16/9}.countdown-strip{align-items:flex-start;flex-direction:column}.clock{font-size:14px}}

/* HyperFrames-inspired motion direction: restrained, data-led 16:9 broadcast. */
:root{--bg:#111633;--panel:#242b51;--stroke:#3b446c;--white:#f4f5fb}
body{background:#111633;color:#f4f5fb}
.dashboard{max-width:1920px}
.hero{background:#242b51}
.metrics article,.panel{background:#242b51;color:#f4f5fb;border:1px solid #3b446c;box-shadow:none}
.metrics strong,.panel h2,.stage-number,.stage-top b,.bar-row b{color:#f4f5fb}
.metrics span,.metrics small,.feed-row small{color:#bac3df}
.progress{background:#3b446c}
.progress i{background:#15c7e8;transition:width .8s cubic-bezier(.2,.75,.2,1)}
.bar-row .progress i{background:#ee5a00}
.section-head{border-bottom:1px solid #3b446c}
.chip,.gender-note{background:#1d2446;color:#d7def3}
.countdown-strip{background:#242b51;color:#f4f5fb;border-color:#3b446c}
.countdown-strip strong{color:#fff}
.awards{background:#242b51}
.pulse-number-change{animation:pulseNumberLift .7s ease both}
.pulse-feed-enter{animation:pulseFeedSlide .55s ease both}
@keyframes pulseNumberLift{0%{transform:translateY(5px);opacity:.65}100%{transform:translateY(0);opacity:1}}
@keyframes pulseFeedSlide{0%{transform:translateY(7px);opacity:.72}100%{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}