/* sound-volume.css — ปุ่มความดัง + กล่องปรับ (Art Production · 24 ต.ค.) · สีจากทะเบียน ค่าสำรองในทุก var() = ทะเบียน · หน้า Title ไม่โหลด paper.css */
#edgebar #svbtn { order: 3; }               /* ภาษา → เพลง → ความดัง → เต็มจอ */
#edgebar #fsbtn { order: 4; }
#svbtn[aria-expanded="true"] { background: var(--px-3, #373733); }
/* ห้อง Rig (rig.html): แถวมุมยาวขึ้น 36 px (ปุ่มที่ 4) → ตัวปรับแผ่น #rigvolume ต้องถอยซ้ายตาม (เดิม right 120 = แถว 3 ปุ่ม 104 + 8 + ช่อง 8)
   แถบคลังเปิด = ปุ่มและกล่องหลบเหมือนปุ่มลอยอื่น (กฎเดียวกับ rig.html บรรทัด body:has(#stock[data-open])) */
body:has(#svbtn) #rigvolume { right: 156px; }
body:has(#stock[data-open]) :is(#svbtn, #svbox) { visibility: hidden; }
#svbox {
  position: fixed; right: 8px; bottom: 46px; z-index: 31;
  width: 232px; padding: 10px 12px; box-sizing: border-box;
  background: var(--px-1, #1E1E1B); border: 2px solid var(--px-6, #555656); box-shadow: 4px 4px 0 var(--px-0, #000000);
  font-family: var(--font-pixel-body, 'Pixelify Sans', 'Silkscreen', 'Chakra Petch', monospace); color: var(--px-11, #ACAAA0);
}
#svbox[hidden] { display: none; }
.sv-row { display: grid; grid-template-columns: 1fr 28px; grid-template-areas: "name name" "range val"; gap: 2px 8px; align-items: center; }
.sv-row + .sv-row { margin-top: 10px; }
.sv-name { grid-area: name; font-size: 12px; letter-spacing: .08em; color: var(--px-9, #9B9B92); }
.sv-row input { grid-area: range; width: 100%; height: 14px; margin: 0; accent-color: var(--led-amber, #D46F1F); cursor: pointer; }
.sv-row input:focus-visible { outline: 2px solid var(--px-blue, #5295D6); outline-offset: 2px; }
.sv-val { grid-area: val; font-weight: 400; font-size: 12px; text-align: right; color: var(--px-11, #ACAAA0); }
@media (prefers-reduced-motion: no-preference) {
  #svbox:not([hidden]) { animation: sv-pop .2s cubic-bezier(.3, 1.4, .5, 1) both; transform-origin: 100% 100%; }
  @keyframes sv-pop { from { transform: scale(0); } to { transform: none; } }
}
/* ห้อง Rig: หน้าตาเดียวกับปุ่มลอยอื่นในห้อง (rig.html · #bgmtoggle #fsbtn #langtoggle) */
body.rig #svbtn { background: var(--px-0, #000000); color: var(--px-12, #E5E8E3); border: 2px solid var(--px-5, #484845); border-radius: 0; cursor: pointer; }