/* Mottama music: the familiar left dock, in the palace palette. */
.music-story-card{position:relative;display:flex;align-items:center;gap:25px;margin-top:38px;padding:28px 32px;border:1px solid var(--line);background:radial-gradient(ellipse at 0 50%,#74212145,transparent 65%),linear-gradient(120deg,#24120f,#160f0d);box-shadow:inset 0 0 0 5px #d0a76905}
.music-story-art{width:76px;height:76px;flex:0 0 76px;border:1px solid #b78b51;border-radius:50%;display:grid;place-items:center;color:var(--gold-light);background:repeating-radial-gradient(circle,#352018 0 2px,#24130f 3px 5px);box-shadow:0 0 0 6px #cda7670c;font-size:32px}
.music-story-copy{flex:1;min-width:0}.music-story-copy .eyebrow{font-size:8px;letter-spacing:2px}.music-story-copy h3{font-size:27px;line-height:1.7;margin:5px 0}.music-story-copy>p:last-child{font-size:11px;color:var(--muted)}.music-story-play{gap:12px;font-size:12px;white-space:nowrap;padding:13px 20px;min-height:48px}
.site-music-dock{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));z-index:39;display:flex;align-items:center;gap:12px;width:304px;max-width:calc(100vw - 32px);min-height:88px;padding:12px;border:1px solid #b68b52;border-radius:12px;background:linear-gradient(125deg,#1c100ef5,#421616f5);color:var(--gold-light);box-shadow:0 8px 30px #0009,inset 0 1px #f5dcb315;backdrop-filter:blur(14px)}
.music-dock-toggle{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #ecd0a0;border-radius:50%;background:linear-gradient(140deg,#f0d29b,#b98947);color:#26140c;font-size:16px;line-height:1;transition:box-shadow .25s}.music-dock-toggle:hover{box-shadow:0 0 0 4px #d5ac6822}.is-playing .music-dock-toggle{box-shadow:0 0 0 4px #d5ac681b,0 0 20px #d5ac681b}
.music-dock-main{min-width:0;flex:1}.music-dock-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:1.5;font-weight:600}.music-status{display:block;font-size:9px;line-height:1.7;color:#cebaa0;min-height:15px}.music-seek{display:block;box-sizing:border-box;width:100%;height:12px;margin:1px 0 0;accent-color:#dabb80;cursor:pointer}.music-seek:disabled{opacity:.45;cursor:default}.music-time{display:flex;justify-content:space-between;gap:8px;font-size:9px;line-height:1.5;color:#c4a983;font-variant-numeric:tabular-nums}.music-dock-volume{display:grid;place-items:center;width:32px;height:44px;flex:0 0 32px;background:transparent;color:var(--gold-light);border-radius:5px}.music-dock-volume:hover{background:#d5ac6814}.music-dock-volume .icon{width:21px;height:21px}.mute-cross,.is-muted .sound-waves{display:none}.is-muted .mute-cross{display:block}
.music-equalizer{display:flex;align-items:center;gap:2px;height:12px}.music-equalizer i{display:block;width:2px;height:3px;background:var(--gold);border-radius:1px}.is-playing .music-equalizer i{animation:music-bars 1s ease-in-out infinite alternate}.music-equalizer i:nth-child(2){animation-delay:-.2s}.music-equalizer i:nth-child(3){animation-delay:-.6s}.music-equalizer i:nth-child(4){animation-delay:-.4s}@keyframes music-bars{from{height:3px}to{height:12px}}
body:has(.site-music-dock) .site-footer{padding-bottom:calc(126px + env(safe-area-inset-bottom))}
@media(max-width:760px){.music-story-card{padding:22px 19px;gap:17px;flex-wrap:wrap;margin-top:24px}.music-story-art{width:54px;height:54px;flex-basis:54px;font-size:24px}.music-story-copy{flex-basis:calc(100% - 71px)}.music-story-copy h3{font-size:21px;line-height:1.7}.music-story-copy h3 .gold-type{display:block}.music-story-copy .eyebrow{font-size:7px;letter-spacing:1px}.music-story-copy>p:last-child{font-size:10px}.music-story-play{margin-left:auto;padding:10px 17px;font-size:11px;min-height:44px}.site-music-dock{width:272px;max-width:calc(100vw - 24px);left:max(12px,env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));min-height:80px;padding:9px 11px;gap:10px}.music-dock-title{font-size:11px}.music-dock-toggle{width:42px;height:42px;flex-basis:42px}.music-dock-volume{width:30px;flex-basis:30px}}
@media(prefers-reduced-motion:reduce){.music-equalizer i{animation:none!important}.is-playing .music-equalizer i:nth-child(even){height:9px}}