.volume-panel{z-index:45;width:300px;max-width:calc(100vw - 16px);max-height:calc(100dvh - var(--bar-h) - 16px);overscroll-behavior:contain;color:#ede3d4;border:2px solid var(--color-line);box-shadow:4px 4px 0 var(--color-drop);font-family:var(--font-mono);pointer-events:auto;text-align:left;--volume-on:var(--color-accent);--volume-off:#302618;background:#19130a;gap:10px;padding:12px 14px 10px;display:grid;position:fixed;overflow-y:auto}.volume-panel[data-muted]{--volume-on:#7f6540}.volume-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.volume-title{font:400 9px/1.4 var(--font-pixel);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink);margin:0}.volume-mute{height:32px;font:400 7px/1 var(--font-pixel);text-transform:uppercase;color:var(--color-accent-2);background:var(--color-panel);border:1px solid var(--color-line);box-shadow:2px 2px 0 var(--color-drop);cursor:pointer;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.volume-mute:hover{background:var(--color-hover);border-color:var(--color-accent)}.volume-mute[aria-pressed=true]{color:#ffc2b8;background:#2b1716;border-color:#b8574b}.volume-mute:focus-visible,.volume-reset:focus-visible{outline:2px solid var(--color-accent-2);outline-offset:2px}.volume-note{color:#ffc2b8;margin:-4px 0 0;font-size:11px;line-height:1.4}.volume-now{background:#120d06;border:1px solid #4a381f;align-items:center;gap:6px;min-width:0;padding:6px 6px 6px 8px;display:flex}.volume-now-text{flex:auto;gap:4px;min-width:0;display:grid}.volume-now-label{font:400 7px/1.4 var(--font-pixel);text-transform:uppercase;color:#a4937c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.volume-now-set{color:var(--color-gold)}.volume-now[data-music-set=burner] .volume-now-set{color:#c9a0ff}.volume-now[data-music-set=chase] .volume-now-set{color:#ff8a7a}.volume-now-title{font:700 12px/1.3 var(--font-mono);color:#e8f3f5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.volume-skip{width:32px;height:32px;color:var(--color-accent-2);background:var(--color-panel);border:1px solid var(--color-line);box-shadow:2px 2px 0 var(--color-drop);cursor:pointer;flex:none;place-items:center;padding:0;display:inline-grid}.volume-skip:hover{background:var(--color-hover);border-color:var(--color-accent)}.volume-skip:active{box-shadow:1px 1px 0 var(--color-drop);transform:translate(1px,1px)}.volume-skip:focus-visible{outline:2px solid var(--color-accent-2);outline-offset:2px}.volume-row{gap:2px;display:grid}.volume-row-head{align-items:baseline;gap:8px;min-width:0;display:flex}.volume-row-head label{font:400 8px/1.6 var(--font-pixel);text-transform:uppercase;color:#e8f3f5;cursor:pointer;flex:none}.volume-row-head small{color:#a4937c;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:10px;overflow:hidden}.volume-value{min-width:4ch;font:700 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--color-gold);flex:none;margin-left:auto}.volume-panel[data-muted] .volume-value{color:#a4937c}.volume-channels{border-top:1px dashed #4a381f;gap:8px;padding-top:10px;display:grid}.volume-slider{--fill:50%;cursor:pointer;touch-action:none;appearance:none;background:0 0;width:100%;height:28px;margin:0;padding:0;display:block}.volume-slider:focus-visible{outline:2px solid var(--color-accent-2);outline-offset:1px}.volume-slider::-webkit-slider-runnable-track{box-sizing:border-box;border:2px solid var(--color-drop);background:linear-gradient(90deg, var(--volume-on) 0 var(--fill), var(--volume-off) var(--fill) 100%);height:10px}.volume-slider::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:2px solid var(--color-drop);width:14px;height:22px;box-shadow:inset -2px -2px 0 #bdaa90, 2px 2px 0 var(--color-drop);background:#e8f3f5;border-radius:0;margin-top:-8px}.volume-slider:hover::-webkit-slider-thumb{background:#fff}.volume-slider:active::-webkit-slider-thumb{background:#fff}.volume-slider::-moz-range-track{box-sizing:border-box;border:2px solid var(--color-drop);background:var(--volume-off);border-radius:0;height:10px}.volume-slider::-moz-range-progress{box-sizing:border-box;border:2px solid var(--color-drop);background:var(--volume-on);border-right:0;border-radius:0;height:10px}.volume-slider::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--color-drop);width:14px;height:22px;box-shadow:inset -2px -2px 0 #bdaa90, 2px 2px 0 var(--color-drop);background:#e8f3f5;border-radius:0}.volume-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.volume-keys{color:#95846c;white-space:nowrap;font-size:10px}.volume-reset{height:28px;font:400 7px/1 var(--font-pixel);text-transform:uppercase;color:var(--color-accent-2);cursor:pointer;background:0 0;border:1px solid #4a381f;padding:0 10px}.volume-reset:hover{background:var(--color-hover);border-color:var(--color-line)}@media (pointer:coarse),(max-width:767px){.volume-panel{gap:8px}.volume-mute,.volume-reset{height:44px}.volume-skip{width:44px;height:44px}.volume-slider{height:44px}.volume-slider::-webkit-slider-runnable-track{height:12px}.volume-slider::-webkit-slider-thumb{width:22px;height:32px;margin-top:-12px}.volume-slider::-moz-range-track{height:12px}.volume-slider::-moz-range-progress{height:12px}.volume-slider::-moz-range-thumb{width:22px;height:32px}}@media (pointer:coarse){.volume-keys{visibility:hidden}}@media (max-width:480px){.volume-panel{width:auto;max-width:none;left:8px;right:8px!important}}