.client-panel-controls{display:flex;gap:8px;margin:0 0 18px;justify-content:center;flex-wrap:wrap}
.client-panel-controls[hidden]{display:none!important}
.client-panel-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:7px 12px;border:2px ridge #8b7955;border-radius:0;background:#41392b;color:#ead9b4;font:17px/1.1 var(--pixel);cursor:pointer}
.client-panel-controls button[aria-pressed=true]{background:#6d2720;border-color:#c0a675;color:#ffff9c}
.client-panel-controls button:hover{filter:brightness(1.18)}
.client-panel-controls button img{width:25px;height:29px;object-fit:contain;image-rendering:pixelated}
.client-panel-controls button:focus-visible{outline:2px solid #ffe293;outline-offset:3px}
@media(max-width:380px){.client-panel-controls{gap:6px}.client-panel-controls button{flex:1;padding-inline:7px;font-size:16px}}