/* V40 · volume mixer. Compact controls for phone-sized XHS mini-tools. */
#actions #volumeOpenGame{flex:0 0 36px!important;width:36px;padding:8px 1px!important;font-size:19px!important;background:#ffe496!important;color:#4a3561!important;border-color:#fff7d7!important;}
#volumeOpenMap{background:#fff0b4;color:#593b61;white-space:nowrap;padding:5px 7px;}
.journey-dock .money-dock-caption{gap:5px!important;}
#volumePanel{position:absolute;inset:0;z-index:1000002;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(31,23,53,.75);touch-action:auto;}
#volumePanel.hide{display:none!important;pointer-events:none!important;}
#volumePanel .volume-card{width:100%;max-width:345px;max-height:90%;overflow-y:auto;-webkit-overflow-scrolling:touch;border:3px solid #fff6df;border-radius:24px;padding:18px 16px 15px;background:linear-gradient(165deg,#fff9ed,#f6e6ff);box-shadow:0 9px 0 rgba(42,28,65,.6),0 20px 40px #21133896;color:#49365d;text-align:left;touch-action:auto;}
#volumePanel h2{font-size:23px;margin:0 0 3px;color:#503963;}
#volumePanel .volume-subtitle{margin:0 0 10px;font-size:11px;color:#876995;line-height:1.5;}
#volumePanel .volume-row{margin:13px 0 15px;}
#volumePanel .volume-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:900;margin-bottom:9px;}
#volumePanel .volume-value{font-size:13px;color:#9a4f7c;background:#ffeff5;padding:3px 7px;border-radius:10px;}
#volumePanel input[type=range]{display:block;appearance:auto;-webkit-appearance:slider-horizontal;width:100%;height:30px;min-height:30px;padding:0;margin:0;accent-color:#f19a52;cursor:pointer;touch-action:pan-x;}
#volumePanel .volume-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;}
#volumePanel button{font-size:12px;min-height:43px;border:2px solid #b79cbe;background:#fff;border-radius:12px;padding:8px 9px;color:#503b63;font-weight:900;touch-action:manipulation;}
#volumePanel #volumeClose{flex:1;background:#dfff8a;border-color:#97b76a;font-size:15px;}
#volumePanel #volumeReset{background:#f8eaf1;}
#volumePanel .volume-help{font-size:11px;color:#7e6888;margin:7px 0 0;line-height:1.5;}
@media(max-height:600px){#volumePanel .volume-card{padding:12px;}#volumePanel .volume-row{margin:8px 0 10px;}}

#battleApp .battle-volume-btn{border:2px solid #fff7dc;background:#ffe9a8;color:#543e66;border-radius:12px;padding:7px 8px;font-size:12px;font-weight:900;min-height:38px;}
@media(max-height:600px){#volumePanel .volume-help{display:none;}}