.floor-plan{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.map-topline{padding:20px 20px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.map-topline p{font-size:12px;color:var(--muted);margin:7px 0 0}.map-zoom{font-size:23px;width:42px;padding:3px}.map-viewport{overflow:auto;overscroll-behavior:contain}.map-canvas{width:100%;min-width:330px;padding:12px 10px 0;transition:width .2s}.map-canvas.zoomed{width:160%;min-width:580px}.room-map{width:100%;display:block}.map-label{font-size:14px;letter-spacing:2px;fill:#65775b;font-weight:650}.map-label.small{font-size:11px;letter-spacing:1.4px}.map-table{cursor:pointer;outline:none}.map-table .table-rail{fill:#b5c2a4}.map-table .table-cloth{fill:#477452}.map-table .table-number-bg{fill:#edf4df}.map-table .table-number{fill:#284e35;font-size:21px;font-weight:700}.map-table .selection-ring{stroke:transparent}.map-table-type{fill:#3e5540;font-size:13px;font-weight:600}.map-table-status{fill:#67805e;font-size:11px}.map-table.chosen .table-cloth{fill:#1d4435}.map-table.chosen .table-rail{fill:#a1b96e}.map-table.chosen .selection-ring{stroke:#426e3b}.map-table.chosen .table-number-bg{fill:#dbec9e}.map-table.chosen .map-table-status{fill:#345c2f;font-weight:700}.map-table.unavailable .table-rail{fill:#d1d4c9}.map-table.unavailable .table-cloth{fill:#a4afa0}.map-table.unavailable .table-number-bg{fill:#dce2d6}.map-table.unavailable .table-number{fill:#6f7b6b}.map-table.unavailable .map-table-status{fill:#92998a}.map-table.neutral .table-cloth{fill:#7e9277}.map-table:focus-visible .selection-ring{stroke:#395a30;stroke-width:3;stroke-dasharray:4 3}.map-table:not(.unavailable):hover .selection-ring{stroke:#88a16c}.map-legend{display:flex;justify-content:center;gap:16px;font-size:11px;color:var(--muted);padding:8px 12px}.map-legend span{display:flex;gap:6px;align-items:center}.map-legend i{width:9px;height:9px;border-radius:3px;background:#477452}.map-legend i.unavailable{background:#a4afa0}.map-legend i.chosen{background:#d5e99c;border:1px solid #718a44}.map-caption{font-size:10px;color:var(--muted);text-align:center;margin:5px 14px 17px}.app-shell{padding-top:var(--miniapp-top,0px)}#navigation{bottom:max(12px,env(safe-area-inset-bottom),var(--miniapp-bottom,0px))}@media(max-width:380px){.map-topline{padding:15px 14px 0}.map-canvas{padding:7px 2px 0;min-width:290px}.map-legend{gap:10px;font-size:10px}}@media(prefers-reduced-motion:reduce){.map-canvas{transition:none}}