/* A single return control and soundtrack control across the hidden pages. */
.boros-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:90px;margin:0;padding:16px clamp(20px,3vw,50px);border:0;background:#000}
.boros-return{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:7px 17px 7px 12px;border:2px solid #092a3c;border-radius:8px;background:#f6dca6;color:#062d43;box-shadow:0 3px 0 #001e30;text-decoration:none;font:700 20px/1.2 Fell,Georgia,serif;white-space:nowrap}
.boros-return::before,.boros-return::after{content:"";position:absolute;top:-3px;bottom:-3px;width:7px;border:2px solid #092a3c;border-radius:7px;background:#edc58b;pointer-events:none}
.boros-return::before{left:-5px}.boros-return::after{right:-5px;background:#ffeac1}
.boros-return img{display:block;width:38px;height:38px;max-width:none;flex:none;object-fit:contain;border-radius:50%;margin:0}
.boros-return span{display:inline-flex;align-items:center;gap:9px}
.boros-return i{font:normal 24px/1 Georgia,serif}
.boros-return:hover{background:#fff0cc;color:#062d43}
.boros-return:focus-visible{outline:3px solid #ffe6a6;outline-offset:5px}
.music-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:none;width:54px;min-width:54px;height:54px;min-height:54px;padding:9px;margin:0;border:1px solid #577159;border-radius:50%;background:#10271c;color:#fff4d3;font:400 30px/1 Georgia,serif;letter-spacing:0;box-shadow:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.music-toggle>span{display:none!important}
.music-toggle::before,.music-toggle::after{display:none!important}
.music-toggle:hover{background:#23452c;color:#fff}
.music-toggle[aria-pressed="true"]{border-color:#a7c183;color:#e4ffc4}
.music-toggle:focus-visible{outline:3px solid #ffe6a6;outline-offset:4px}
/* Window-room artwork uses the entire screen, with floating controls only. */
.gallery-page{height:100svh;min-height:100svh;overflow:hidden;background:#000}
.gallery-page .boros-header{position:fixed;inset:0 0 auto;background:transparent;padding:16px clamp(18px,3vw,48px);min-height:0;pointer-events:none}
.gallery-page .boros-header>*{pointer-events:auto}
.gallery-art{position:fixed;inset:0;width:100%;height:100svh;margin:0;padding:0;outline:none;line-height:0}
.gallery-art>img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center}
.engine-navigation{display:flex;justify-content:flex-end;gap:20px}
@media(max-width:650px){
 .boros-header{min-height:82px;padding:14px 18px;gap:16px}
 .boros-return{min-height:50px;font-size:17px;gap:9px;padding:6px 12px 6px 9px}
 .boros-return img{width:32px;height:32px}.boros-return i{font-size:21px}.boros-return span{gap:6px}
 .music-toggle{width:50px;height:50px;min-width:50px;min-height:50px;font-size:28px}
 .gallery-page .boros-header{padding:14px 18px}
}

/* The company mark is the dragon cutout itself, without a badge or clipping. */
.boros-return img,#garden .footer-brand img,.topic-emblem{border:0;border-radius:0;background:transparent;box-shadow:none;object-fit:contain}

/* The distant sleigh is a quiet detail on the coloring-book page only. */
body.coloring-page::after{content:"";position:absolute;top:clamp(14px,2vw,26px);left:clamp(12px,2.5vw,36px);width:clamp(100px,14vw,180px);aspect-ratio:1855/848;background:url('assets/tale/santa-sleigh-cutout-v2.webp') center/contain no-repeat;transform:scaleX(-1);opacity:.12;z-index:9;pointer-events:none;user-select:none}
body.coloring-page:has(>.boros-header)::after{top:86px}
@media(max-width:650px){body.coloring-page:has(>.boros-header)::after{top:82px}}

@media(max-width:650px){.gallery-page .boros-header,.library-page>.boros-header,.treasury-page>.boros-header{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.boros-header{gap:12px}.boros-return{max-width:calc(100% - 66px)}.boros-return span{min-width:0}.boros-return{font-size:clamp(15px,4.3vw,20px)}}