/* Two thumb zones leave the character and the middle of the room clear. */
.chamber-touch-controls{display:none;position:absolute;inset:0;z-index:3;pointer-events:none;user-select:none;-webkit-user-select:none}
.chamber-touch-controls[hidden],.chamber-touch-movement[hidden],.chamber-touch-action[hidden]{display:none!important}
.chamber-touch-movement{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:112px;height:132px;text-align:center}
.chamber-thumbstick{position:relative;display:block;width:112px;height:112px;min-width:112px;min-height:112px;margin:0;padding:0;border:1px solid #ead6aa69;border-radius:50%;background:radial-gradient(circle,#143c38b8 0 43%,#0d2925b3 44% 100%);box-shadow:0 2px 12px #0002;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:grab}
.chamber-thumbstick:before,.chamber-thumbstick:after{content:'';position:absolute;background:#ead6aa24;pointer-events:none}
.chamber-thumbstick:before{left:50%;top:12px;width:1px;height:86px}.chamber-thumbstick:after{top:50%;left:12px;height:1px;width:86px}
.chamber-thumbstick-knob{position:absolute;z-index:1;left:calc(50% - 24px);top:calc(50% - 24px);display:grid;place-items:center;box-sizing:border-box;width:48px;height:48px;border:1px solid #f2d599b3;border-radius:50%;background:#e8d4a9;color:#163b32;font-size:27px;line-height:1;box-shadow:0 2px 5px #0003;pointer-events:none}
.chamber-thumbstick[data-moving=true]{border-color:#f1d392;cursor:grabbing}
.chamber-thumbstick-label{display:block;margin-top:4px;color:#fff1d1;font-size:11px;line-height:16px;text-shadow:0 1px 3px #000}
.chamber-touch-tools{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:132px}
.chamber-touch-hint{margin:0!important;max-width:124px;padding:5px 7px;border-radius:6px;background:#0c2925bd;color:#f4edda;font-size:11px;line-height:1.35;text-align:center;pointer-events:none}
.chamber-touch-action{box-sizing:border-box;min-width:88px;max-width:132px;min-height:52px;padding:11px 14px;border:1px solid #f3d79c;border-radius:12px;background:#ecd29c;color:#173b32;font:700 14px/1.25 system-ui,sans-serif;box-shadow:0 2px 7px #0003;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.chamber-touch-action:active{background:#fff0c9}.chamber-touch-action:disabled{opacity:.55;cursor:default}
.chamber-thumbstick:focus-visible,.chamber-touch-action:focus-visible{outline:3px solid #fff0bd;outline-offset:4px}
@media(pointer:coarse),(max-width:900px){
 .chamber-touch-controls{display:block}
 .chamber-stage[data-touch-controls=true] .chamber-touch,.chamber-stage[data-touch-controls=true] .seat-shortcut,.chamber-stage[data-touch-controls=true] .chamber-door-action,.chamber-stage[data-touch-controls=true] .chamber-exit-assist{display:none!important}
}
@media(max-height:460px) and (orientation:landscape){
 .chamber-touch-movement{height:112px}.chamber-thumbstick-label{display:none}.chamber-touch-hint{max-width:132px}
}
