header.site{z-index:20;border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--header-bg-top), var(--header-bg-bot));-webkit-backdrop-filter:blur(6px)saturate(1.15);backdrop-filter:blur(6px)saturate(1.15);padding:12px 0;position:sticky;top:0;box-shadow:0 10px 30px #00000073}.nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:.3px;background:linear-gradient(180deg, var(--brand-grad-from), var(--brand-grad-to) 70%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-weight:800}.brand .tag{color:var(--muted);margin-top:3px;font-size:12px}.mod-link{color:var(--muted);border-bottom:1px dashed #7d859073;padding-bottom:1px;font-size:12px;font-weight:500;text-decoration:none}.mod-link:hover{color:var(--accent-2);border-bottom-color:var(--accent-2)}.mod-link-group{color:var(--muted);align-items:baseline;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.mod-link-sep{color:var(--muted);opacity:.6}.replay-paths-help .mod-link-group{margin-left:0;display:inline-flex}.live-link{color:var(--text);letter-spacing:.03em;border:1px solid color-mix(in srgb, var(--team-red) 55%, transparent);background:color-mix(in srgb, var(--team-red) 12%, transparent);border-radius:999px;align-items:center;gap:7px;padding:5px 11px 5px 10px;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.live-link:hover{background:color-mix(in srgb, var(--team-red) 28%, transparent);border-color:color-mix(in srgb, var(--team-red) 90%, transparent);color:var(--text)}.live-link .live-dot{background:var(--team-red);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--team-red) 60%, transparent);border-radius:50%;flex:none;animation:1.8s ease-out infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--team-red) 60%, transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb, var(--team-red) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--team-red) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.live-link .live-dot{animation:none}}#pageNav{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 40%, transparent);border-radius:8px;align-items:center;gap:2px;margin-left:6px;padding:2px;display:flex}#pageNav a{color:var(--muted);border-radius:5px;padding:5px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}#pageNav a:hover{color:var(--text);background:color-mix(in srgb, var(--accent-2) 12%, transparent)}@media (width<=820px){header.site{padding:8px 0}.nav{gap:8px 6px}.brand h1{font-size:17px}#pageNav{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:100%;order:1;padding:3px;overflow-x:auto}#pageNav::-webkit-scrollbar{display:none}#pageNav a{white-space:nowrap;padding:6px 10px}}@media (width<=520px){.brand h1{font-size:16px}.mod-link,.mod-link-group{display:none}.live-link{gap:6px;padding:4px 9px;font-size:11px}.live-link .live-dot{width:6px;height:6px}}@supports (padding:max(0px)){header.site .wrap{padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right))}}body.live.fullscreen header.site{padding:4px 0}