.display-controls{display:flex;align-items:center;gap:7px;position:relative;pointer-events:auto}
.display-button{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;background:#15271ee6;border:1px solid #9b947a66;color:#ddd8b8;font-size:11px;white-space:nowrap}
.display-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.display-button:hover,.display-button[aria-pressed="true"],.display-button[aria-expanded="true"]{background:#354432;border-color:#cebf8c}
.display-button:focus-visible,#volume-range:focus-visible,#volume-mute:focus-visible{outline:2px solid #e6d0a1;outline-offset:3px}
#volume-toggle{width:36px;padding:0}#volume-toggle .mute-stroke{display:none}#volume-toggle.muted .mute-stroke{display:block}#volume-toggle.muted .sound-wave{display:none}
#volume-panel{position:absolute;right:0;top:43px;width:220px;max-width:calc(100vw - 28px);padding:15px;background:#14251ff5;border:1px solid #9b947a;box-shadow:0 8px 25px #0007;color:#e4ddbf;z-index:10}
#volume-panel[hidden]{display:none}#volume-panel label{display:flex;justify-content:space-between;font-size:12px}#volume-value{font-variant-numeric:tabular-nums;color:#dfca94}#volume-range{width:100%;margin:15px 0;accent-color:#c7b781;cursor:pointer}#volume-mute{width:100%;padding:7px;border:1px solid #7b8564;font-size:11px}
:fullscreen{background:#111711}html:fullscreen .app{width:100%;height:100dvh}
.shop-order-note{font-size:10px;color:#aab69b;margin:-6px 0 10px}
@media(max-width:1050px){header nav{display:none}.header-right{margin-left:auto}}
@media(max-width:760px){.display-controls{gap:5px}.display-button{padding:0 8px}#fullscreen-label{display:none}#fullscreen-toggle{width:34px}.header-right{gap:5px}.brand{min-width:115px}.journal-toggle{font-size:10px;padding:6px}.display-controls #volume-panel{right:-35px}}
@media(max-width:420px){header{gap:8px}.journal-toggle{font-size:0;width:32px;height:32px;padding:0}.journal-toggle span{font-size:16px;padding:0}}

/* V25 two independent buses; the compact panel remains touch/keyboard usable. */
#volume-panel{width:280px}#volume-panel label{font-size:14px}.volume-bus+.volume-bus{border-top:1px solid #8e917849;padding-top:12px;margin-top:8px}.volume-row{display:flex;align-items:center;gap:10px}.volume-row input{min-width:0;flex:1;height:44px;accent-color:#c7b781;cursor:pointer}.volume-row button{min-width:64px;min-height:44px;padding:7px;font-size:13px;border:1px solid #7b8564}#volume-panel output{font-variant-numeric:tabular-nums;color:#dfca94}#volume-panel input:focus-visible,#volume-panel button:focus-visible{outline:2px solid #e6d0a1;outline-offset:2px}