.walk-room{position:relative;width:min(100%,430px);height:235px;margin:14px auto;border:4px solid #31485a;border-radius:12px;overflow:hidden;background:linear-gradient(165deg,#d9e0d3,#a9beb6 70%);box-shadow:inset 0 0 0 8px #ffffff55,0 10px 22px #0002}
.walk-floor{position:absolute;inset:72% 0 0;background:repeating-linear-gradient(90deg,#766858 0 52px,#675949 53px 55px);border-top:8px solid #e8e2d0}
.walk-window{position:absolute;left:11%;top:16%;width:21%;height:36%;background:linear-gradient(145deg,#8fb9c6,#d6eaed);border:7px solid #f8f2dc;box-shadow:0 4px 8px #0002}
.walk-door{position:absolute;right:14%;bottom:27%;width:24%;height:54%;background:linear-gradient(90deg,#836b53,#a98a67);border:9px solid #dfd5bf;transform:skew(-2deg);box-shadow:4px 5px 8px #0003}
.walk-spot{position:absolute;z-index:2;border:0;border-radius:50%;min-width:44px;min-height:44px;background:#fff9;color:#293c47;font-size:36px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0004;transition:transform .15s,background .15s}
.walk-spot:hover,.walk-spot:focus-visible{transform:scale(1.2);background:#fff}
.walk-spot.found{background:#81e2a6;color:#19402a;opacity:.8;cursor:default}
.walk-spot.hint,.client-card.hint{outline:4px solid #ffd23b;animation:extra-pulse .8s infinite alternate}
.spot-baseboard{left:15%;bottom:18%;transform:rotate(-16deg)}.spot-cable{left:47%;bottom:5%}.spot-frame{right:7%;top:32%;transform:rotate(15deg)}.spot-lamp{left:44%;top:5%}.spot-window{left:18%;top:28%}
.walk-list{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:8px 0}.walk-list span{padding:5px 9px;background:#d2edda;border-radius:20px;color:#164630;font-size:16.8px;font-weight:700}
.client-desk{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.client-cards,.client-slots{display:grid;gap:8px}.client-card,.client-slot{min-height:66px;padding:8px;border:2px solid #8c9c9e;border-radius:9px;background:#f6efd9;color:#26373b;text-align:left;cursor:pointer}.client-card b,.client-card small,.client-slot span{display:block}.client-card small,.client-slot span{font-size:15.4px;opacity:.7}.client-card.selected{border-color:#e28030;background:#ffe0ac;transform:translateY(-2px)}.client-card:disabled,.client-slot:disabled{background:#d8edda;border-color:#5ca572;cursor:default}
.accept-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.accept-zone{min-height:135px;padding:10px 7px;border:2px solid #7e9291;border-radius:10px;background:#f1eee2;text-align:center;color:#20393d}.accept-zone>span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#3e6770;color:white}.accept-zone b,.accept-zone small{display:block;margin:4px 0}.accept-zone button{padding:6px 8px;margin-top:6px;border-radius:6px;border:1px solid #35646d;background:#e3f1ee;color:#17404a;cursor:pointer}.accept-zone p{font-size:16.8px;line-height:1.3}.accept-zone.checked{border-color:#339460;background:#d9f1df}.accept-zone.checked>span{background:#339460}
@keyframes extra-pulse{from{box-shadow:0 0 0 1px #ffd23b}to{box-shadow:0 0 0 8px #ffd23b55}}
@media(max-width:520px){.walk-room{height:195px}.client-desk{gap:6px}.client-card,.client-slot{font-size:16.8px}.accept-board{grid-template-columns:1fr}.accept-zone{min-height:0}.accept-zone p{margin:4px 0}}
.route-board{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:330px;margin:16px auto 10px;padding:9px;border:5px solid #334954;border-radius:13px;background:#344c56}
.route-cell{position:relative;height:68px;padding:3px;border:2px solid #a9b8a8;border-radius:6px;background:linear-gradient(135deg,#727e7b,#566568);color:#fff;cursor:pointer;font-size:16.8px;font-weight:800;text-shadow:0 1px 2px #0008}
.route-cell.road:before{content:'';position:absolute;inset:46% 4px auto;border-top:2px dashed #e4d79b;opacity:.8}.route-cell span{position:relative;z-index:1;display:inline-block;padding:2px 4px;border-radius:3px;background:#344c56bf}
.route-cell.car{box-shadow:inset 0 0 0 3px #f8e08b}.route-cell.car span{font-size:39.2px;background:transparent}.route-cell.fuel{background:#509173}.route-cell.fuel span{font-size:39.2px;background:transparent}.route-cell.block{background:repeating-linear-gradient(45deg,#42574c 0 9px,#4b6154 9px 18px);border-color:#334b3d;cursor:default}.route-cell.block:before{display:none}
.route-cell.road:hover,.route-cell.road:focus-visible{border-color:#ffe07a;background:#748e87}.route-controls{display:flex;justify-content:center;gap:8px;margin:10px 0}.route-controls button{width:42px;height:42px;border:2px solid #50737b;border-radius:8px;background:#ecf0dc;color:#28454d;font-size:33.6px;cursor:pointer}
@media(max-width:520px){.route-cell{height:57px}}