.sound-control{position:absolute;z-index:20;top:max(12px,env(safe-area-inset-top));right:max(280px,env(safe-area-inset-right));font-size:12px}
#sound-toggle{min-width:52px;min-height:44px;background:var(--paper,var(--bg));color:var(--ink,var(--tx));border:0;border-bottom:1px solid var(--line);padding:8px;font:inherit;cursor:pointer;border-radius:0}
#sound-hint,.sound-notice{position:absolute;top:50px;right:0;width:max-content;max-width:calc(100vw - 24px);margin:0;padding:3px 8px;background:var(--paper,var(--bg));color:var(--muted,var(--t2));font-size:11px;line-height:1.8;pointer-events:none}
.sound-notice{top:78px}
#sound-hint[hidden],.sound-notice[hidden]{display:none}
.sound-control.past-hero{position:fixed;right:max(4px,env(safe-area-inset-right))}
.past-hero #sound-toggle{min-width:0;width:28px;padding:8px 0}
@media(max-width:767px){.sound-control{top:max(8px,env(safe-area-inset-top));right:max(68px,calc(env(safe-area-inset-right) + 56px))}#sound-hint,.sound-notice{right:58px}.sound-control.past-hero{right:env(safe-area-inset-right,0px)}.past-hero #sound-toggle{writing-mode:vertical-rl;width:16px;min-height:64px;line-height:16px;padding:8px 0;letter-spacing:.25em}.past-hero #sound-hint,.past-hero .sound-notice{right:20px}}
@media(max-height:450px) and (orientation:landscape){.sound-control:not(.past-hero){top:max(52px,env(safe-area-inset-top));right:160px}}
.sound-control.invitation #sound-hint,.sound-control.invitation .sound-notice{top:0;right:32px}
@media(max-width:767px) and (max-height:450px) and (orientation:landscape){.sound-control:not(.past-hero){top:max(8px,env(safe-area-inset-top))}}
/* 鈕仍隨題字捲動，短暫提示留在可見的頁邊。 */
.sound-control:not(.past-hero) #sound-hint,.sound-control:not(.past-hero) .sound-notice{position:fixed;right:max(280px,env(safe-area-inset-right));top:max(62px,calc(env(safe-area-inset-top) + 50px))}
.sound-control:not(.past-hero) .sound-notice{top:max(90px,calc(env(safe-area-inset-top) + 78px))}
@media(max-width:767px){.sound-control:not(.past-hero) #sound-hint,.sound-control:not(.past-hero) .sound-notice{right:max(126px,calc(env(safe-area-inset-right) + 114px));top:max(58px,calc(env(safe-area-inset-top) + 50px))}.sound-control:not(.past-hero) .sound-notice{top:max(86px,calc(env(safe-area-inset-top) + 78px))}}
@media(max-height:450px) and (orientation:landscape){.sound-control:not(.past-hero) #sound-hint,.sound-control:not(.past-hero) .sound-notice{right:160px;top:102px}.sound-control:not(.past-hero) .sound-notice{top:130px}}
@media(max-width:767px) and (max-height:450px) and (orientation:landscape){.sound-control:not(.past-hero) #sound-hint,.sound-control:not(.past-hero) .sound-notice{right:218px;top:58px}.sound-control:not(.past-hero) .sound-notice{top:86px}}
@media(max-width:340px){#decree .decree-paper{padding-right:42px}}