/* A small, shared effects fader. Embedded videos keep their own volume. */
.sound-controls{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:auto;width:132px;flex-shrink:0}
.sound-controls .sound-toggle{width:100%;min-height:36px;padding:7px 10px;font-size:13px}
.sound-volume{position:relative;display:flex;align-items:center;gap:7px;min-height:32px;width:132px;color:#b5cdcb;font:13px/1.3 Arial,sans-serif;pointer-events:auto}
.sound-volume-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sound-volume input{appearance:none;-webkit-appearance:none;min-width:0;width:92px;height:32px;background:transparent;cursor:pointer;margin:0;accent-color:#d4c493;touch-action:pan-y}
.sound-volume input::-webkit-slider-runnable-track{height:3px;border-radius:6px;background:#8eb9b766}
.sound-volume input::-moz-range-track{height:3px;border-radius:6px;background:#8eb9b766}
.sound-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#e5d5a7;border:1px solid #eaf3eb;margin-top:-5px;box-shadow:0 0 9px #b4d4c140}
.sound-volume input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#e5d5a7;border:1px solid #eaf3eb;box-shadow:0 0 9px #b4d4c140}
.sound-volume input:focus-visible{outline:2px solid #e5d5a7;outline-offset:2px;border-radius:4px}
.sound-volume input:disabled{opacity:.4;cursor:default}
.sound-volume-value{min-width:33px;text-align:right;font-variant-numeric:tabular-nums}
.transition>.journey-sound-controls{position:absolute;top:17px;right:4vw;z-index:5}
.reader-settings .reader-sound-volume{margin-left:auto;flex-shrink:0;width:225px}
.reader-sound-volume .sound-volume-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
@media(max-width:600px){
 .topbar{height:auto;min-height:90px;align-items:flex-start;padding-top:10px}
 .topbar .wordmark{padding-top:10px}
 .topbar-actions #leave-world{max-width:132px;padding-top:2px}
 .world{padding-top:124px}
 .reader-settings .reader-sound-volume{margin-left:0}
 .transition>.journey-sound-controls{top:12px;right:20px}
}
@media(max-width:360px){.topbar{padding-left:16px;padding-right:16px}.wordmark span{font-size:12px;letter-spacing:.1em}}