/* Compact controls with the app's black metal and gold typewriter treatment. */
body:has(#world) :is(a.gold,button:not(.frame):not(#cards button)){background:linear-gradient(115deg,#080808 0%,#242424 28%,#414141 48%,#111 72%,#303030 100%);color:#dfbf74;border:1px solid #756b53;box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #000;font:12px/1.4 'Courier New',monospace;letter-spacing:0;text-transform:none;min-height:30px;padding:5px 10px;zoom:1}
body:has(#world) :is(a.gold,button:not(.frame):not(#cards button)):hover{color:#f4df95;border-color:#d9bd78;box-shadow:inset 0 1px 0 #ffffff60}
body:has(#world) header a.gold{font-size:11px;padding:6px 10px;white-space:nowrap}
body:has(#world) .controls{gap:8px;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));max-width:440px;align-self:center}
body:has(#world) .controls button{min-width:32px}
body:has(#world) #intro .intro-actions button{width:190px;height:34px;font:12px/1.4 'Courier New',monospace}
@media(max-width:650px){body:has(#world) #intro{padding-bottom:95px}body:has(#world) header{gap:12px}}

/* Logo and artist signature remain together in the gallery header. */
body:has(#world) header .gallery-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex:none}
body:has(#world) header .gallery-brand .header-logo{width:74px;height:43px;object-fit:contain}
body:has(#world) header .gallery-brand .header-signature{display:block;width:92px;height:23px;object-fit:contain}
@media(max-width:650px){body:has(#world) header .gallery-brand .header-logo{width:62px;height:35px}body:has(#world) header .gallery-brand .header-signature{width:80px;height:20px}}

/* The soundtrack is a plain text control, consistent with the Journal. */
body:has(#world) #sound.fa-shared-sound,body:has(#world) #sound.fa-shared-sound:hover{background:none!important;border:0!important;box-shadow:none!important;border-radius:0;padding:8px 0;min-height:34px;color:#dfbf74;font:11px/1.4 'Courier New',monospace;text-transform:none;transform:none}
body:has(#world) #sound.fa-shared-sound::before,body:has(#world) #sound.fa-shared-sound::after{display:none!important}
