.RoomView-module__zfPl3G__mapBox{touch-action:none;border-bottom:1px solid var(--border-green,var(--mantine-color-default-border));background:#120e14;flex:none;height:clamp(220px,48%,560px);position:relative;overflow:hidden}.RoomView-module__zfPl3G__canvas{width:100%;height:100%;image-rendering:pixelated;cursor:pointer;display:block}.RoomView-module__zfPl3G__overlay{color:#f3e9d8;pointer-events:none;background:#1d1820d9;border:1px solid #43384a;border-radius:6px;padding:3px 8px;font-size:.75rem;line-height:1.3;position:absolute}.RoomView-module__zfPl3G__zone{color:#3ccf74;border-color:#3ccf74;max-width:60%;top:8px;right:8px}.RoomView-module__zfPl3G__hint{max-width:calc(100% - 16px);top:8px;left:8px}.RoomView-module__zfPl3G__react{left:max(8px, env(safe-area-inset-left,0px));flex-wrap:wrap;gap:3px;max-width:calc(100% - 158px);display:flex;position:absolute;bottom:8px}.RoomView-module__zfPl3G__react button{cursor:pointer;background:#2a2230e6;border:1px solid #43384a;border-radius:10px;width:32px;height:32px;padding:0;font-size:15px}.RoomView-module__zfPl3G__react button:active{transform:scale(.92)}.RoomView-module__zfPl3G__pad{right:max(8px, env(safe-area-inset-right,0px));opacity:.85;grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:4px;display:grid;position:absolute;bottom:8px}.RoomView-module__zfPl3G__pad button{color:#f3e9d8;touch-action:none;-webkit-user-select:none;user-select:none;background:#2a2230e6;border:1px solid #43384a;border-radius:10px;padding:0;font-size:18px}.RoomView-module__zfPl3G__padUp{grid-area:1/2}.RoomView-module__zfPl3G__padLeft{grid-area:2/1}.RoomView-module__zfPl3G__padRight{grid-area:2/3}.RoomView-module__zfPl3G__padDown{grid-area:3/2}@media (hover:hover) and (pointer:fine){.RoomView-module__zfPl3G__pad{display:none}.RoomView-module__zfPl3G__react{gap:4px;max-width:none}.RoomView-module__zfPl3G__react button{width:38px;height:38px;font-size:18px}}.RoomView-module__zfPl3G__menu{z-index:2;color:#f3e9d8;background:#2a2230;border:1px solid #f2b24c;border-radius:8px;gap:4px;min-width:140px;padding:6px;font-size:.8125rem;display:grid;position:absolute}.RoomView-module__zfPl3G__menuName{color:#f2b24c;text-overflow:ellipsis;white-space:nowrap;max-width:200px;padding:2px 4px;overflow:hidden}.RoomView-module__zfPl3G__menu button{font:inherit;text-align:left;color:#f3e9d8;cursor:pointer;background:#1d1820;border:1px solid #43384a;border-radius:6px;padding:6px 8px}.RoomView-module__zfPl3G__react button:focus-visible,.RoomView-module__zfPl3G__pad button:focus-visible,.RoomView-module__zfPl3G__menu button:focus-visible{outline-offset:2px;outline:2px solid #f2b24c}.RoomView-module__zfPl3G__bar{background:var(--mantine-color-default-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.RoomView-module__zfPl3G__bar>i{background:var(--text-green,#2b8a3e);height:100%;display:block}