/* One persistent, labelled navigation surface, separate from music. */
.site-controls{position:fixed;z-index:74;top:18px;right:4%;display:flex;align-items:center;gap:10px;color:#282a25;font-family:Arial,sans-serif}
.site-controls .world-switcher{position:relative;top:auto;right:auto;padding:0 7px;gap:5px;box-shadow:none;font-size:8px}
.site-controls .world-switcher select{font-size:11px;max-width:104px;padding:0 2px;min-height:44px}
.site-controls .world-audio-toggle{min-width:48px;padding:5px;gap:3px}
.site-controls .world-audio-settings{width:28px}
.site-controls .world-audio svg{width:18px;height:18px}
.site-controls .world-audio-word{font-size:9px}
.site-controls .menu-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;min-width:74px;padding:0 12px;border:1px solid #74776e;border-radius:5px;background:#fffdf7;color:#242820;box-shadow:0 2px 10px #0002;cursor:pointer}
.site-controls .menu-word{display:inline;font:600 12px/1 Arial,sans-serif}
.site-controls .menu-lines{display:flex;flex-direction:column;width:14px;gap:4px}.site-controls .menu-lines i{width:14px;height:1px;background:currentColor}
.site-controls :is(button,select):focus-visible{outline:3px solid #946228;outline-offset:3px}
body>.nav-drawer{position:fixed;z-index:73;top:78px;right:4%;width:min(540px,92vw);max-height:calc(100dvh - 94px);overflow:auto;background:#fffdf7;color:#242820;border:1px solid #b6b5ad;border-radius:12px;box-shadow:0 14px 50px #0003;display:none;visibility:visible;transition:none}
body.site-menu-open>.nav-drawer{display:block}
body>.nav-drawer .drawer-inner{width:auto;padding:20px 24px;max-height:none;overflow:visible}
body>.nav-drawer .drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;padding:0}
body>.nav-drawer .drawer-links a{display:flex;align-items:center;min-height:48px;font:500 16px/1.3 Arial,sans-serif;color:#242820;border-bottom:1px solid #deddd5}
body>.nav-drawer .drawer-bottom{display:flex;flex-wrap:wrap;gap:14px;padding-bottom:0}
body>.nav-drawer .drawer-bottom :is(a,button){color:#242820;min-height:44px;font:12px Arial,sans-serif}
body>.menu-scrim{z-index:71;background:#12171266}
.film-header,.im-header{padding-right:380px}.gallery-mode .white-top{padding-right:380px}
body:not(.cinema-mode):not(.gallery-mode) .topbar{padding-right:330px}.topbar .quick-nav{display:none}.topbar .bar-actions{display:none}
@media(max-width:600px){
 .site-controls{top:62px;right:5%;gap:8px}
 .site-controls .world-switcher{padding:0 5px;gap:3px}.site-controls .world-switcher>span{display:none}
 .site-controls .world-switcher select{max-width:98px;font-size:11px}.site-controls .menu-trigger{min-width:76px;padding:0 10px}
 body>.nav-drawer{top:118px;right:5%;width:90%;max-height:calc(100dvh - 132px)}
 body>.nav-drawer .drawer-inner{padding:14px 18px}.site-menu-open .nav-drawer{padding-top:0}
 body>.nav-drawer .drawer-links{gap:4px 14px}.film-header,.im-header{padding-right:5%;min-height:116px;align-items:flex-start}
 .film-header nav,.film-edition,.im-header>a:not(.im-brand){display:none}
 body:not(.cinema-mode):not(.gallery-mode) .topbar{padding-right:0;height:116px;align-items:flex-start;padding-top:21px}
 .gallery-mode .white-top{padding-right:5%;height:116px;align-items:flex-start}.white-top nav{display:none}
 .archive-page,.entry-page,.about-page,.contact-page{padding-top:148px}
 .film-header .film-brand{margin-right:0!important;max-width:none!important}
}
@media(max-width:360px){body>.nav-drawer .drawer-links{grid-template-columns:1fr}body>.nav-drawer .drawer-links a{font-size:15px}}
@media print{.site-controls,body>.nav-drawer,body>.menu-scrim{display:none!important}}
/* Shared top edge and world-aware chrome: brand, world, music and Menu. */
:root{--control-bg:#f3f0e7;--control-fg:#282a25;--control-border:#8a8d7d;--control-radius:4px;--control-shadow:none;--header-top:18px}
html[data-world="dada"]{--control-bg:#e9e2d3;--control-fg:#25333c;--control-border:#88978b;--control-radius:2px 12px 3px 3px;--control-shadow:3px 3px 0 #c5a46c60}
html[data-world="pixel"]{--control-bg:#d6fa64;--control-fg:#142f3c;--control-border:#142f3c;--control-radius:0;--control-shadow:3px 3px 0 #ef907e}
html[data-world="clay"]{--control-bg:#fbe2cb;--control-fg:#42374b;--control-border:#d8b9a6;--control-radius:18px;--control-shadow:inset 0 2px 1px #fff9,0 4px 0 #d2bca9}
html[data-world="imagination"]{--control-bg:#e8e7dcee;--control-fg:#213735;--control-border:#e8e7dc66;--control-radius:30px}
html .site-controls{top:var(--header-top);right:4%;align-items:flex-start}
html .site-controls :is(.world-switcher,.menu-trigger){box-sizing:border-box;min-height:46px;height:46px;border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-fg);border-radius:var(--control-radius);box-shadow:var(--control-shadow)}
html body :is(.film-header,.im-header,.white-top){top:0;margin:0;padding-top:var(--header-top);padding-left:4%;align-items:flex-start;min-height:82px}
html body .topbar{position:relative;padding-top:var(--header-top);height:82px;align-items:flex-start}
html body :is(.brand,.film-brand,.im-brand,.white-brand){display:flex;align-items:center;min-height:46px;height:46px;line-height:1;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;box-sizing:border-box}
@media(max-width:600px){
 :root{--header-top:12px}
 html .site-controls{gap:6px;right:4%}
 html .site-controls .menu-trigger{min-width:64px;padding:0 8px;gap:5px}
 html .site-controls .menu-word{font-size:11px}
 html .site-controls .world-switcher{padding:0 4px;gap:2px}
 html .site-controls .world-switcher select{max-width:82px;padding:0 1px}
 html .site-controls .world-audio-toggle{min-width:44px;width:44px}
 html body :is(.film-header,.im-header,.white-top){padding-top:var(--header-top);min-height:76px;height:76px;padding-left:4%}
 html body:not(.cinema-mode):not(.gallery-mode) .topbar{padding-top:var(--header-top);height:76px;width:92%;padding-right:220px}
 html body :is(.brand,.film-brand,.im-brand,.white-brand){font-size:26px;letter-spacing:-1.6px;min-height:46px;height:46px}
 body>.nav-drawer{top:72px;right:4%;width:92%;max-height:calc(100dvh - 86px)}
 .archive-page,.entry-page,.about-page,.contact-page{padding-top:112px}
}
/* Older world layouts have more-specific header rules; unify only geometry. */
html body :is(.film-header,.im-header,.white-top){padding-top:var(--header-top)!important;margin-top:0!important;align-items:flex-start!important}
html body :is(.film-brand,.im-brand,.white-brand){height:46px!important;min-height:46px!important;line-height:1!important;display:flex!important;align-items:center!important}
@media(max-width:600px){html body :is(.film-brand,.im-brand,.white-brand){font-size:26px!important}}
html .site-controls :is(.world-switcher,.menu-trigger){transition:none}
/* The brand lives outside scroll scenes, so it never leaves the shared controls. */
html body :is(.brand,.film-brand,.im-brand,.white-brand){display:none!important}
.site-brand{position:fixed;z-index:74;left:4%;top:var(--header-top);height:46px;display:flex;align-items:center;font:700 34px/1 Arial,sans-serif;letter-spacing:-2px;color:var(--control-fg);text-decoration:none}
body.cinema-mode .site-brand,body:has(.imagination-world) .site-brand{color:#fff9ed;text-shadow:0 1px 8px #0009}
html .site-controls .world-audio-panel{position:fixed;top:var(--header-top);right:calc(4% + 310px);width:230px;padding:10px 14px;border-radius:10px;background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);box-shadow:0 5px 20px #0002}
html .site-controls .world-audio-panel label{color:var(--control-fg)!important;font:500 11px/1.4 Arial,sans-serif!important}
html .site-controls .world-audio-status{font:600 11px/1.4 Arial,sans-serif;color:var(--control-fg);margin:0 0 7px}
html .site-controls .world-audio-helper{font:10px/1.4 Arial,sans-serif;letter-spacing:0;margin:2px 0 0;opacity:.75}
html .site-controls .world-audio-panel input{margin:0;min-height:44px;accent-color:var(--control-fg)}
@media(max-width:700px){html .site-controls .world-audio-panel{top:calc(var(--header-top) + 54px);right:4%;width:min(250px,84vw)}}
@media(max-width:600px){.site-brand{font-size:26px;letter-spacing:-1.6px}html .site-controls .world-audio-settings{top:50px;right:0;min-height:44px}html .site-controls .world-audio-panel{right:calc(4% + 50px);width:min(230px,72vw)}}
@media print{.site-brand{display:none}}

/* Menu → world → sound; compact black popover stays against the right edge. */
html .site-controls .world-audio-panel{top:calc(var(--header-top) + 54px);right:4%;width:min(250px,84vw);box-sizing:border-box;background:#181918;color:#fffdf7;border-color:#454743;box-shadow:0 8px 28px #0005}
html .site-controls .world-audio-panel label{color:#fffdf7!important}
html .site-controls .world-audio-status{color:#fffdf7}
html .site-controls .world-audio-panel input{accent-color:#fffdf7}
@media(max-width:600px){html .site-controls .world-audio-panel{top:calc(var(--header-top) + 100px);right:4%;width:min(250px,84vw)}}
/* Image player remains visually consistent across every selected world. */
html body .lightbox[open]{background:#101210;color:#f5f3ed}html body .lightbox-top{background:linear-gradient(#101210ed,transparent)}html body .lightbox-caption{background:linear-gradient(transparent,#101210ed)}html body .lightbox-thumbs{background:#101210ed}html body .lightbox :is(.eyebrow,.tiny){color:#deded6}html body .lightbox .icon-button{color:#f5f3ed;background:#242724df;border-color:#ffffff50}html body .lightbox .icon-button:hover{background:#f5f3ed;color:#161916}html body .lightbox .viewer-speed{color:#f5f3ed}
html body .lightbox-actions{max-width:none;width:auto}html body .lightbox-caption .tiny{display:block;white-space:nowrap}
@media(max-width:600px){html body .lightbox-top{align-items:stretch}html body .lightbox-actions{width:100%;justify-content:center;max-width:none}html body .lightbox-caption{display:flex;flex-direction:column;gap:4px}html body .lightbox-caption .tiny{font-size:10px}}