/* Controls occupy the reserved black toolbar, outside the original canvas. */
#save-backup-toolbar{background:#080a0d;justify-content:space-between;padding-inline:max(10px,calc((100vw - 1200px)/2))}#save-bank-mode{flex:1}
#audio-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;color:#fff;font:12px/1.4 system-ui,"Malgun Gothic",sans-serif}
#audio-controls #sound-toggle{display:grid;place-items:center;min-width:34px;width:34px;padding:3px;background:transparent;border-color:transparent}#sound-toggle svg{width:22px;height:22px;fill:currentColor}#audio-controls #sound-toggle:hover{background:#30343c}#audio-controls button:disabled,#audio-controls input:disabled{opacity:.45;cursor:default}.audio-controls-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#sound-volume{--volume-fill:100%;appearance:none;-webkit-appearance:none;width:110px;height:4px;margin:0 6px;background:linear-gradient(to right,#fff 0 var(--volume-fill),#5d626b var(--volume-fill) 100%);border-radius:3px;cursor:pointer}#sound-volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:#fff}#sound-volume::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}#sound-volume:focus-visible{outline:2px solid #8ec5ff;outline-offset:6px}#sound-volume-value{min-width:38px;text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:640px){#save-bank-mode{display:none}#save-backup-toolbar{padding-inline:8px;gap:6px}#sound-volume{width:86px}#audio-controls{gap:5px}}

@media(max-width:360px){#sound-volume{width:64px}}

#audio-controls #fullscreen-toggle{display:grid;place-items:center;min-width:34px;width:34px;padding:3px;background:transparent;border-color:transparent}
#fullscreen-toggle svg{width:22px;height:22px}#audio-controls #fullscreen-toggle:hover{background:#30343c}