.site-header { position:relative; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:24px; width:min(1280px,calc(100% - 80px)); margin:auto; min-height:96px; border-bottom:1px solid #b0ddff20; }
.site-brand { display:flex; align-items:center; gap:12px; color:#edfaff; text-decoration:none; flex-shrink:0; }
.site-brand img { width:38px; height:44px; object-fit:contain; }
.site-brand span { font:500 18px var(--font-brand); letter-spacing:.04em; }
.site-nav { display:flex; align-items:center; gap:5px; padding:6px; border-radius:14px; }
.site-nav a { position:relative; display:flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:10px 18px; border-radius:9px; color:#c7dceb; font:500 12px var(--font-readable); white-space:nowrap; text-decoration:none; transition:background .2s,color .2s; }
.site-nav a:hover,.site-nav a[aria-current="page"] { background:#b7ecff15; color:white; box-shadow:inset 0 1px 0 #ffffff1a; }
.site-nav a[aria-current="page"]::before { content:""; width:5px; height:5px; border-radius:50%; background:#7ef6dc; box-shadow:0 0 10px #7ef6dc; }
.site-menu-toggle { display:none; align-items:center; justify-content:center; width:44px; height:44px; border-radius:10px; color:#d8f4ff; font:22px var(--font-readable); cursor:pointer; }
.site-header a:focus-visible,.site-menu-toggle:focus-visible { outline:2px solid #8bfff0; outline-offset:4px; }
/* Keep the existing home scene and its layout intact. */
.page > .site-header { width:100%; }
@media(max-width:700px) {
 .site-header { width:calc(100% - 40px); min-height:80px; gap:12px; }
 .site-brand span { font-size:15px; }
 .site-brand img { width:30px; height:36px; }
 .site-menu-toggle { display:flex; }
 .site-nav { display:none; position:absolute; top:calc(100% + 10px); right:0; width:min(300px,calc(100vw - 40px)); padding:9px; background:#082b48f5; border-radius:15px; box-shadow:0 16px 45px #0008; }
 .site-nav.is-open { display:flex; flex-direction:column; align-items:stretch; }
 .site-nav a { justify-content:flex-start; min-height:48px; padding:12px 18px; font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .site-nav a { transition:none; } }

/* Website audio is separate from Cozy Cove's in-game settings. */
.site-audio-toggle{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border-radius:12px;border:1px solid #bceaff40;background:#082f4670;color:#edfbff;cursor:pointer;transition:background .2s}
.site-audio-toggle:hover{background:#4c91ae55}.site-audio-toggle:focus-visible{outline:2px solid #8bfff0;outline-offset:4px}
.site-audio-toggle .sound-off{display:none}.site-audio-toggle[data-sound-on="false"] .sound-waves{display:none}.site-audio-toggle[data-sound-on="false"] .sound-off{display:block}
.site-header .site-nav{margin-left:auto}
@media(max-width:700px){.site-header .site-brand{margin-right:auto}.site-header .site-audio-toggle{order:1}.site-header .site-menu-toggle{order:2}.site-header .site-nav{order:3;margin-left:0}}