/* Quiet, environment-tinted controls above the island. */
body{
 --control-ink:color-mix(in srgb,var(--glass-tint,#d7eddf) 16%,#293a37);
 --control-fill:color-mix(in srgb,var(--glass-tint,#d7eddf) 12%,transparent);
 --control-edge:color-mix(in srgb,var(--glass-highlight,#fff) 32%,transparent);
}
body[data-time=night]{
 --control-ink:color-mix(in srgb,var(--glass-highlight,#d4d9ff) 28%,#fff);
 --control-fill:color-mix(in srgb,var(--glass-tint,#25223c) 20%,transparent);
 --control-edge:color-mix(in srgb,var(--glass-highlight,#d4d9ff) 24%,transparent);
}
.header-actions button,#island-edit,.scene-controls button,.world-label button,.memory-garden-controls button{
 color:var(--control-ink);
 background:var(--control-fill);
 border:1px solid var(--control-edge);
 box-shadow:inset 0 1px 0 #ffffff12;
 backdrop-filter:blur(10px) saturate(1.1);
 -webkit-backdrop-filter:blur(10px) saturate(1.1);
 transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.header-actions button:hover,#island-edit:hover,.scene-controls button:hover,.world-label button:hover,.memory-garden-controls button:hover{
 background:color-mix(in srgb,var(--glass-tint,#d7eddf) 32%,transparent);
 border-color:color-mix(in srgb,var(--glass-highlight,#fff) 64%,transparent);
}
.header-actions button:focus-visible,#island-edit:focus-visible,.scene-controls button:focus-visible,.world-label button:focus-visible,.memory-garden-controls button:focus-visible{
 outline:2px solid var(--control-ink);outline-offset:3px;
}
#responses.has-unread{color:var(--control-ink);border-color:color-mix(in srgb,var(--glass-highlight,#fff) 70%,transparent);box-shadow:inset 0 -2px 0 var(--control-edge);background:var(--control-fill)}
.world-label,.memory-garden-controls{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--control-ink)}
.world-label b,.world-label small,.world-label>span{color:inherit}
#world-save:not([data-error=true]){color:var(--control-ink);background:var(--control-fill);border:1px solid var(--control-edge);box-shadow:none}
@media(max-width:760px){
 .header-actions button,.scene-controls button,.world-label button{min-height:40px}
 .scene-controls button,.world-label button{min-width:40px}
 .world-label{padding:5px 0;gap:5px}
 .memory-garden-controls{padding:4px 0}
 #island-edit{padding:12px 20px}
}
@media(prefers-reduced-motion:reduce){.header-actions button,#island-edit,.scene-controls button,.world-label button,.memory-garden-controls button{transition:none}}
/* Keep the bottom controls visually quiet until interacted with. */
#island-edit,body[data-time] .scene-controls button,body[data-time] .world-label button,.memory-garden-controls button{
 background:transparent;border-color:transparent;box-shadow:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;
}
@media(hover:hover){
 #island-edit:hover,body[data-time] .scene-controls button:hover,body[data-time] .world-label button:hover,.memory-garden-controls button:hover{
  background:color-mix(in srgb,var(--glass-tint,#d7eddf) 8%,transparent);
  border-color:transparent;box-shadow:none;
 }
}
@media(hover:none){
 #island-edit:hover,body[data-time] .scene-controls button:hover,body[data-time] .world-label button:hover,.memory-garden-controls button:hover{background:transparent;border-color:transparent}
}
/* Night mode must not restore the old solid rotation panel. */
body[data-time] .world-label,body[data-time] .memory-garden-controls{
 background:transparent;border-color:transparent;box-shadow:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--control-ink);
}
body[data-time] #rotate,body[data-time] #rotate:hover{
 background:transparent;border-color:transparent;box-shadow:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--control-ink);
}