.avatar-controls{position:fixed;z-index:7;left:50%;bottom:92px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:6px;background:#17231eee;border:1px solid #e7dcc148;border-radius:8px;color:#f4f0e7;max-width:calc(100vw - 32px);width:max-content}
.avatar-controls button{font:inherit;font-size:12px;white-space:nowrap;border:1px solid #d8c49b40;border-radius:5px;background:#24382e;color:#eee8d8;padding:7px 10px;min-height:40px;cursor:pointer}.avatar-controls button[aria-pressed=true]{background:#e4d6b7;color:#252b28}.avatar-controls span{font-size:11px;line-height:1.4;flex-basis:100%;text-align:center;color:#d3d6c8}.avatar-controls button:focus-visible{outline:3px solid #ffdb82;outline-offset:3px}body[data-visitor-view=character] .crosshair{display:none}.avatar-controls[hidden],.avatar-controls [hidden]{display:none!important}
@media(max-width:700px){.avatar-controls{top:auto!important;bottom:148px;left:auto;right:10px;transform:none;max-width:calc(100vw - 160px);gap:4px;padding:5px}.avatar-controls button{font-size:11px;padding:5px 8px;min-height:40px}.avatar-controls span{display:none}body[data-mode] header nav{grid-template-columns:repeat(5,1fr)}}
@media(max-height:540px){.avatar-controls{bottom:82px}.avatar-controls span{display:none}}
.artZoomControls{display:flex;gap:5px;margin:8px 0}.artZoomControls button{padding:6px 12px}.artImage.zoomed{display:block;overflow:auto;touch-action:pan-x pan-y}.artImage.zoomed .flatFrame{max-width:none;width:calc(100% * var(--image-zoom));flex:none}.artImage.zoomed .relatedFullImage{max-width:none;max-height:none;width:calc(100% * var(--image-zoom))}