.site-header{position:fixed;z-index:var(--z-header);top:16px;left:50%;transform:translateX(-50%);width:min(1340px,calc(100% - 32px));height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:7px 10px 7px 18px;border:2px solid rgba(255,255,255,.7);background:rgba(12,18,24,.72);color:#fff;backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(0,0,0,.12);transition:.35s var(--ease)}.site-header.is-scrolled{top:8px;background:rgba(12,18,24,.94)}.brand img{width:125px;height:auto}.desktop-nav{justify-self:center;display:flex;gap:clamp(1rem,2.2vw,2.5rem);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.desktop-nav a{position:relative}.desktop-nav a::after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--green);transition:.25s}.desktop-nav a:hover::after{right:0}.live-pill{display:flex;align-items:center;gap:.5rem;background:var(--pink);padding:.7rem 1rem;border:2px solid #fff;font-size:.72rem;font-weight:800;letter-spacing:.08em}.live-pill i,.broadcast-status i,.chat header i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.2);animation:pulse 1.8s infinite}.menu-toggle{display:none;background:none;color:#fff;padding:10px}.menu-toggle span{display:block;width:26px;height:2px;background:currentColor;margin:6px}.mobile-menu{position:fixed;z-index:var(--z-menu);inset:0;background:var(--pink);padding:120px 32px 40px;font-family:var(--display);font-size:clamp(2rem,10vw,4rem);line-height:1.1;text-transform:uppercase}.mobile-menu a{display:block;border-bottom:2px solid var(--ink);padding:.3em 0}.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:4px}.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--cyan),var(--green),var(--yellow),var(--pink))}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:52px;padding:.85rem 1.25rem;border:2px solid currentColor;font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;transition:transform .25s,box-shadow .25s,background .25s}.button-primary{background:var(--green);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.button-primary:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.button-ghost{color:#fff;background:rgba(0,0,0,.22)}.button-ghost:hover{background:#fff;color:#000}.button-dark{background:var(--ink);color:#fff}.button:disabled{opacity:.75;cursor:not-allowed}