.topbar-actions{position:relative}
#music-open,#sound-toggle{flex-shrink:0;min-width:48px}
#music-open.is-playing,#admission-music[aria-pressed=true]{color:var(--gold-bright);background:#2c2b22}
#admission-audio-status{position:relative;z-index:1;margin:0 24px 12px;padding:12px 16px;border:1px solid var(--gold);border-radius:8px;background:#142131;color:var(--gold-bright);font-size:13px;line-height:1.7}
.audio-panel{position:absolute;top:calc(100% + 14px);right:0;z-index:30;width:374px;max-width:calc(100vw - 32px);max-height:calc(var(--visible-height,100dvh) - 175px);overflow:auto;overscroll-behavior:contain;padding:24px;background:#142131;border:1px solid #6b5a3e;border-radius:12px;color:var(--text);scrollbar-color:#756342 #142131}
.audio-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:24px}
.audio-heading h2{font:24px/1.4 var(--serif)}
.audio-heading p{color:var(--muted);font-size:13px;margin-top:6px;line-height:1.7}
.audio-heading .icon-button{margin:-8px -10px 0 0;flex-shrink:0}
.soundtrack-line{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.soundtrack-line>svg{width:30px;height:30px;color:var(--gold);flex-shrink:0}
.soundtrack-line strong{font-size:17px;font-weight:500}.soundtrack-line span{display:block;color:var(--muted);font-size:12px;line-height:1.8;margin-top:3px}
#music-play{width:100%;min-height:50px;font-size:15px}
.audio-status{font-size:12px;line-height:1.7;color:#becbd9;margin:10px 0 18px;min-height:20px;overflow-wrap:anywhere}
#audio-preferences{padding-top:18px;border-top:1px solid var(--line)}
#audio-preferences label{display:block;font-size:14px;margin-bottom:12px}
#audio-preferences output{float:right;color:var(--gold-bright);font-variant-numeric:tabular-nums}
#audio-preferences input[type=range]{display:block;width:100%;min-height:44px;margin-top:4px;accent-color:var(--gold);cursor:pointer;background:transparent}
#audio-save{width:100%;min-height:48px;font-size:14px}
#audio-save-status:empty{display:none}
.spell-samples{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;margin-top:18px;border-top:1px solid var(--line);padding-top:10px}
.spell-samples .text-button{min-width:88px;min-height:48px;font-size:13px;justify-content:center}
.audio-sources{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.8}
.audio-sources summary{cursor:pointer;min-height:44px;padding-block:12px}
.audio-sources a{display:block;color:var(--gold-bright);padding-block:8px;min-height:44px;text-underline-offset:4px}
.audio-sources p{margin:4px 0 10px}
@media(max-width:760px){#sound-toggle{margin-left:0}#music-open{margin-left:auto}.audio-panel{right:0;padding:22px;max-height:calc(var(--visible-height,100dvh) - 160px)}}
@media(max-width:539px){#profile-open{min-width:48px;justify-content:center}#profile-name{display:none}.admission-header{gap:10px}.admission-header>span{font-size:16px;letter-spacing:.08em}.admission-header>div{gap:2px}.admission-header .icon-button{min-width:44px}.admission-header .text-button{font-size:12px}}
@media(max-width:380px){.audio-panel{max-width:calc(100vw - 28px)}.admission-header{padding-inline:14px}.admission-header>span{font-size:14px;letter-spacing:0}.admission-header .text-button{padding-inline:6px}}