/* T-024: slot 560 (gap 320), no mirror */
/* T-022 (white wall+floor, no spotlight/shadow, controller bottom-right, facing persistence) / T-020 one long wall: gray wall, wood floor, spotlights, doubled gap */
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:system-ui,sans-serif;color:#222}
.viewport{position:fixed;inset:0;overflow:hidden;background:#fff}
.wall{position:absolute;inset:0 0 22% 0;background:#fff}
.floor{position:absolute;left:0;right:0;bottom:0;height:22%;background:#fff;border-top:1px solid #ccc}
.strip{position:absolute;left:0;top:0;bottom:22%;display:flex;align-items:center;width:max-content;will-change:transform}
.slot{flex:none;width:560px;height:100%;display:flex;align-items:center;justify-content:center;position:relative}
.art{position:relative;width:240px;border:2px solid #333;display:flex;align-items:flex-end;padding:8px;font-size:12px;color:#222}
.cluster{position:fixed;right:24px;left:auto;bottom:12px;transform:none;display:flex;align-items:flex-end;gap:28px}
.ctl{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:6px 10px;border:1px solid #222;border-radius:12px;
 background:rgba(255,255,255,.88);cursor:pointer;color:#222;font-size:14px;letter-spacing:.08em;margin-bottom:16px}
.ctl .arrow{font-size:22px;line-height:1}
.foot{position:relative;display:block;height:180px;width:150px}
.foot img{position:absolute;left:0;right:0;margin:auto;bottom:0;height:180px;width:auto}
.foot img.fade{opacity:0;transition:opacity 120ms linear}
button:disabled{opacity:.35;cursor:default}button:focus-visible{outline:3px solid #0a6cff;outline-offset:2px}
.debug{position:fixed;top:12px;right:12px;background:#222;color:#fff;font:12px monospace;padding:4px 8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* T-024: .face-left mirror removed; directional idle src instead */