.walk-active{position:relative}.walk-ui{position:absolute;inset:0;z-index:15;pointer-events:none;color:#fff;font:12px/1.5 Arial,sans-serif}.walk-ui button{pointer-events:auto;border:1px solid #ffffff40;background:#24382ddd;color:#fff;border-radius:8px;min-width:40px;min-height:40px;padding:8px 13px;font:inherit;cursor:pointer}.walk-ui button:hover{background:#455c43}.walk-ui button:focus-visible{outline:3px solid #d7e6b2;outline-offset:3px}.walk-top{position:absolute;top:18px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.walk-top>div{display:flex;gap:6px}.walk-mode{font-size:9px;letter-spacing:1.5px;padding:9px 12px;background:#24382ddd;border-radius:30px}.walk-crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:18px Arial;text-shadow:0 1px 4px #000;opacity:.5}.walk-hint{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);text-align:center;width:calc(100% - 330px);max-width:600px;padding:9px 13px;margin:0;background:#24382dcc;border-radius:8px;font-size:10px}.walk-pad{position:absolute;left:20px;bottom:24px;display:grid;grid-template-columns:repeat(3,40px);gap:4px;pointer-events:auto}.walk-pad button{padding:0;font-size:20px}.walk-pad button:first-child{grid-column:2}.walk-pad button:nth-child(2){grid-row:2}.walk-pad button:nth-child(3){grid-row:2;grid-column:2}.walk-pad button:nth-child(4){grid-row:2;grid-column:3}.walk-look{position:absolute;right:20px;bottom:24px;display:flex;gap:5px}.walk-look button{font-size:23px}.walk-meter{position:absolute;right:22px;bottom:73px;font-size:10px;border-radius:20px;background:#24382dcc;padding:4px 8px}.walk-joystick{display:none;width:104px;height:104px;border:1px solid #ffffff60;border-radius:50%;background:#233b2a55;position:absolute;bottom:25px;left:22px;pointer-events:auto;touch-action:none}.walk-joystick span{display:block;width:42px;height:42px;margin:30px;border-radius:50%;background:#f0f2dfbb;border:1px solid #fff}.walk-active>.scene-tools,.walk-active>.scene-label,.walk-active>.view-corner,.walk-active>.collision-note{display:none}.walk-ui.is-paused{visibility:hidden}
@media(pointer:coarse){.walk-joystick{display:block}.walk-pad{display:none}.walk-hint{bottom:12px;left:50%;width:calc(100% - 270px);font-size:9px}.walk-top [data-walk-lock]{display:none}}
@media(max-width:650px){.walk-joystick{display:block}.walk-pad{display:none}}
@media(max-width:650px){.walk-top{left:12px;right:12px;top:12px}.walk-mode{font-size:8px;letter-spacing:.7px;padding:8px}.walk-ui button{padding:7px 10px}.walk-hint{display:none}.walk-look{right:12px;bottom:22px}.walk-meter{right:14px}.walk-pad{left:12px;bottom:22px}.walk-top [data-walk-lock]{display:none}}