:root { color-scheme: dark; }
.site-header { display:grid; grid-template-columns:auto 1fr; gap:10px 24px; align-items:center; padding:18px 30px; }
.site-header .calendar-badge { grid-column:1; grid-row:1 / span 2; justify-self:start; }
.site-header .header-controls { grid-column:2; grid-row:2; justify-self:end; width:auto; }
.site-switcher { grid-column:2; grid-row:1; justify-self:end; position:relative; z-index:60; display:flex; flex-wrap:wrap; align-items:center; gap:10px; pointer-events:auto; font-family:'VT323',monospace; font-size:18px; text-transform:uppercase; }
.site-switcher a,.site-switcher button { display:inline-flex; align-items:center; min-height:44px; padding:6px 12px; border:1px solid #b967ff; text-decoration:none; color:#01cdfe; background:#080010; transform:skewX(-10deg) rotate(-1deg); transition:transform .15s,background .15s; }
.site-switcher a[aria-current=page] { background:#ff71ce; border-color:#ff71ce; color:#120024; box-shadow:4px 4px 0 #01cdfe; }
.site-switcher a:hover { transform:skewX(-10deg) rotate(1deg) translateY(-3px); background:#01cdfe; color:#080010; }
.site-switcher button { color:#fffb96; border-style:dashed; font-size:16px; }
.site-switcher button:disabled { color:#d5c9e6; cursor:default; }
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible { outline:3px solid #fffb96 !important; outline-offset:5px; }
html[data-motion-paused=true] *,html[data-motion-paused=true] *::before,html[data-motion-paused=true] *::after { animation-play-state:paused !important; transition:none !important; scroll-behavior:auto !important; }
html[data-vhs=false] .scanlines,html[data-vhs=false] #vhsOverlay { opacity:0 !important; }
/* Pointer depth belongs to the original interaction, with a user-controlled pause. */
.kinetic-panel { transform:perspective(1100px) rotateY(var(--panel-y,0deg)) rotateX(var(--panel-x,0deg)) rotate(-1deg); }
@media (max-width:767px) {
 .site-header { grid-template-columns:1fr; padding:20px 26px 8px; gap:18px; }
 .site-header .calendar-badge { grid-column:1; grid-row:1; }
 .site-switcher { grid-column:1; grid-row:2; justify-self:start; gap:8px; font-size:16px; }
 .site-switcher a,.site-switcher button { padding:6px 8px; }
 .site-switcher button { font-size:14px; }
 .site-header .header-controls { grid-column:1; grid-row:3; }
}
@media (max-width:359px) {
 .site-header { padding-left:22px; padding-right:22px; }
 .site-switcher { gap:6px; font-size:15px; }
 .site-switcher a,.site-switcher button { padding:6px; }
 .site-switcher button { font-size:13px; }
}