/* Load after ui-final.css and director10.css. Only picture-space interaction
   feedback changes; accessible buttons, drag handling and the scene clock stay. */
.ci-root .pf-canvas{position:absolute;inset:0;z-index:4;pointer-events:none!important}
.ci-root.pf-enabled .ci-piece{isolation:isolate;min-width:84px;min-height:76px;padding:46px 3px 3px;border:0;border-radius:0;background:transparent;color:#f0e4cb;font-size:12px;line-height:1.45;text-shadow:0 1px 3px #000,0 0 7px #000;box-shadow:none}
.ci-root.pf-enabled .ci-piece::before,.ci-root.pf-enabled .ci-piece::after{content:"";position:absolute;pointer-events:none}
.ci-root.pf-enabled .ci-piece::before{left:50%;top:3px;transform:translateX(-50%)}
.ci-root.pf-enabled .pf-rope-piece::before{width:30px;height:27px;border:7px solid #947650;border-radius:47%;box-shadow:inset 0 0 0 1px #d0b083,0 1px 3px #17100b}
.ci-root.pf-enabled .pf-rope-piece::after{left:42%;top:25px;width:23px;height:12px;transform:rotate(-28deg);border-radius:4px;background:repeating-linear-gradient(8deg,#806141 0 2px,#b49b72 3px 4px);box-shadow:0 1px 2px #0008}
.ci-root.pf-enabled .pf-wedge-piece::before{width:60px;height:28px;top:9px;clip-path:polygon(0 39%,100% 0,100% 77%,0 100%);background:repeating-linear-gradient(172deg,#705235 0 3px,#987047 4px 5px,#5d412c 6px 7px);box-shadow:inset 0 -4px #493221}
.ci-root.pf-enabled .pf-token-piece::before{width:32px;height:38px;border:1px solid #a68055;border-radius:3px;background:repeating-linear-gradient(97deg,#64452e 0 3px,#805b39 4px 5px,#6f4e32 6px 8px);box-shadow:2px 2px 3px #0007}
.ci-root.pf-enabled .pf-token-piece::after{left:calc(50% - 8px);top:-6px;width:15px;height:17px;border:2px solid #9c8157;border-bottom:0;border-radius:50%}
.ci-root.pf-enabled .ci-piece:focus-visible{outline:2px solid #ead29b;outline-offset:3px}
.ci-root.pf-enabled .ci-slot{font-size:12px;min-width:44px;min-height:44px;border-color:#d9c39b88;background:#19170f7a;color:#eadcc3;box-shadow:none}
.ci-root.pf-enabled.is-done .ci-piece,.ci-root.pf-enabled.is-done .ci-slot{display:none}

/* The source has one open side sash. A single inner cover retreats right;
   the measured window frame and the surrounding wall are never covered. */
.ci-window .ci-shutters{border:0;box-shadow:inset 0 0 9px #0008;overflow:hidden}
.ci-window .ci-shutter.left{width:100%;left:0;transform:translateX(calc(var(--ci-progress)*101%));border:0;border-left:2px solid #665139;background:repeating-linear-gradient(90deg,#252017 0 23%,#392c1e 24%,#110e0b 24.5%,#292016 25%,#2d241a 48%);box-shadow:inset 0 0 25px #0009,-2px 0 5px #0008}
.ci-window .ci-shutter.right{display:none}
.ci-window.is-done .ci-shutters{box-shadow:none}
.ci-root[data-interaction="latched_exit"] .ci-slider,.ci-root[data-interaction="present_window"] .ci-slider{background:#151711e8;border-color:#b6a17b55;box-shadow:0 3px 10px #0005}
.ci-root[data-interaction="latched_exit"] .ci-slider-caption,.ci-root[data-interaction="present_window"] .ci-slider-caption{font-size:12px}

@media(prefers-reduced-motion:reduce){.pf-enabled .ci-piece,.ci-window .ci-shutter{transition:none;animation:none}}
