.position-map{position:relative;height:min(68vw,650px);min-height:450px;margin:14px;border:1px solid #e5e5ea;border-radius:18px;background:linear-gradient(135deg,#fcfcff,#f6f6fb);overflow:hidden}.map-boundary{position:absolute;inset:5%;border:1px dashed #d7d7df;border-radius:14px;pointer-events:none}.map-corridor{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);display:flex;align-items:center;justify-content:center;background:#ececf2;border:1px solid #e5e5ea;border-radius:99px;pointer-events:none}.map-corridor span{color:#9898a1;font-size:11px;letter-spacing:.15em}.map-corridor.vertical span{writing-mode:vertical-rl}.position-map .room-tile{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:8.4%;min-width:50px;min-height:42px;padding:4px;border:1px solid #e1e1e8;border-radius:6px;background:#fff;color:#3a3a3c;text-align:center;font:inherit;line-height:1.05;cursor:pointer;box-shadow:0 2px 5px #1d1d1f08;transition:transform .16s,box-shadow .16s}.position-map .room-tile:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 8px 16px #1d1d1f14;z-index:2}.position-map .room-tile strong{display:block;font-size:13px}.position-map .room-tile span{display:none}.position-map .room-tile.has-device{width:8.6%;min-width:58px;min-height:46px;padding:6px;border-radius:10px}.position-map .room-tile.has-device strong{font-size:15px}.position-map .room-tile.has-device span{display:block;margin-top:3px;color:#8e8e93;font-size:10px;line-height:1.1}.position-map .room-tile.normal{border-color:#c9c7ff;background:#f6f5ff}.position-map .room-tile.normal strong{color:#5856d6}.position-map .room-tile.board{border-color:#bcece0;background:#f0fbf7}.position-map .room-tile.board strong{color:#008c70}.position-map .room-tile.warning{border-color:#ffe1a8;background:#fff9eb}.position-map .room-tile.warning strong{color:#cc7c00}.position-map .room-tile.replace{border-color:#ffd0d9;background:#fff4f6}.position-map .room-tile.replace strong{color:#d92f53}.position-map .room-tile.untracked{border-style:dashed}.position-map .room-tile.room{background:#fff}@media(max-width:650px){.position-map{height:132vw;min-height:500px;margin:7px}.map-boundary{inset:3%}.map-corridor span{font-size:8px}.position-map .room-tile{width:10%;min-width:36px;min-height:32px;padding:3px;border-radius:5px}.position-map .room-tile strong{font-size:10px}.position-map .room-tile.has-device{width:12%;min-width:44px;min-height:40px;padding:4px}.position-map .room-tile.has-device strong{font-size:12px}.position-map .room-tile.has-device span{font-size:8px}}
.position-map{position:relative;height:min(68vw,650px);min-height:450px;margin:14px;border:1px solid #e5e5ea;border-radius:18px;background:linear-gradient(135deg,#fcfcff,#f6f6fb);overflow:hidden}.map-boundary{position:absolute;inset:5%;border:1px dashed #d7d7df;border-radius:14px;pointer-events:none}.map-corridor{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);display:flex;align-items:center;justify-content:center;background:#ececf2;border:1px solid #e5e5ea;border-radius:99px;pointer-events:none}.map-corridor span{color:#9898a1;font-size:11px;letter-spacing:.15em}.map-corridor.vertical span{writing-mode:vertical-rl}.position-map .room-tile{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:8.4%;min-width:50px;min-height:42px;padding:4px;border:1px solid #e1e1e8;border-radius:6px;background:#fff;color:#3a3a3c;text-align:center;font:inherit;line-height:1.05;cursor:pointer;box-shadow:0 2px 5px #1d1d1f08;transition:transform .16s,box-shadow .16s}.position-map .room-tile.boxed{transform:none;width:var(--room-w);min-width:0;height:var(--room-h);min-height:0;padding:3px;border-radius:3px;box-shadow:none}.position-map .room-tile:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 8px 16px #1d1d1f14;z-index:2}.position-map .room-tile.boxed:hover{transform:scale(1.03)}.position-map .room-tile strong{display:block;font-size:13px}.position-map .room-tile span{display:none}.position-map .room-tile.has-device{width:8.6%;min-width:58px;min-height:46px;padding:6px;border-radius:10px}.position-map .room-tile.boxed.has-device{width:var(--room-w);min-width:0;height:var(--room-h);min-height:0;padding:3px;border-radius:3px}.position-map .room-tile.has-device strong{font-size:15px}.position-map .room-tile.has-device span{display:block;margin-top:3px;color:#8e8e93;font-size:10px;line-height:1.1}.position-map .room-tile.boxed.has-device strong{font-size:13px}.position-map .room-tile.boxed.has-device span{font-size:9px}.position-map .room-tile.normal{border-color:#c9c7ff;background:#f6f5ff}.position-map .room-tile.normal strong{color:#5856d6}.position-map .room-tile.board{border-color:#bcece0;background:#f0fbf7}.position-map .room-tile.board strong{color:#008c70}.position-map .room-tile.warning{border-color:#ffe1a8;background:#fff9eb}.position-map .room-tile.warning strong{color:#cc7c00}.position-map .room-tile.replace{border-color:#ffd0d9;background:#fff4f6}.position-map .room-tile.replace strong{color:#d92f53}.position-map .room-tile.untracked{border-style:dashed}.position-map .room-tile.room{background:#fff}@media(max-width:650px){.position-map{height:132vw;min-height:500px;margin:7px}.map-boundary{inset:3%}.map-corridor span{font-size:8px}.position-map .room-tile{width:10%;min-width:36px;min-height:32px;padding:3px;border-radius:5px}.position-map .room-tile.boxed{width:var(--room-w);min-width:0;height:var(--room-h);min-height:0;padding:2px}.position-map .room-tile strong{font-size:10px}.position-map .room-tile.has-device{width:12%;min-width:44px;min-height:40px;padding:4px}.position-map .room-tile.boxed.has-device{width:var(--room-w);min-width:0;height:var(--room-h);min-height:0;padding:2px}.position-map .room-tile.has-device strong{font-size:12px}.position-map .room-tile.boxed.has-device strong{font-size:10px}.position-map .room-tile.has-device span{font-size:8px}.position-map .room-tile.boxed.has-device span{display:none}}