.hall{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--body);color:var(--text);padding:14px;overflow-x:auto}.hall-grid{grid-auto-rows:minmax(44px,auto);gap:10px 6px;display:grid}@media (min-width:640px){.hall:not(.phone) .hall-grid{grid-auto-rows:minmax(72px,auto);gap:18px}.hall:not(.phone) .hall-grid.proportional{max-width:calc(80svh * var(--hall-ratio));margin-inline:auto}}.hall .hall-grid.tall-only{display:none}@media (max-width:639px){.hall .hall-grid.wide-only{display:none}.hall .hall-grid.tall-only{display:grid}}.hall .hall-area{text-align:center;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);font-size:.7rem;font-family:var(--body);overflow-wrap:anywhere;background:0 0;justify-content:center;align-items:center;padding:6px;display:flex;overflow:hidden}.hall .hall-area.filled{background:var(--surface-2);border-style:solid}.hall .hall-area.vertical{writing-mode:vertical-rl;letter-spacing:.35em;padding:10px 4px;transform:rotate(180deg)}.hall .hall-table{aspect-ratio:1;border:2px solid var(--accent);background:var(--bg);width:100%;max-width:84px;color:var(--text);font-family:var(--body);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;place-self:center;align-items:center;padding:0;transition:transform .12s,box-shadow .12s;display:flex;position:relative;container-type:inline-size}@container (max-width:60px){.hall .hall-table small{display:none}}.hall .hall-table:active:not(:disabled){transform:scale(.95)}.hall .hall-table b{font-size:1.15rem;line-height:1}.hall .hall-table small{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:.66rem}.hall .hall-table.whole{border-style:double;border-width:4px}.hall .hall-table.full{border-color:var(--line);background:repeating-linear-gradient(45deg,var(--surface-2) 0 4px,var(--surface) 4px 8px);color:var(--muted);cursor:default}.hall .hall-table.off{border:2px dashed var(--line);color:var(--muted);opacity:.6;cursor:default;background:0 0}.hall .hall-table.has-mine{background:var(--accent);color:var(--accent-ink)}.hall .hall-table.has-mine small{color:var(--accent-ink);opacity:.8}.hall .hall-table:disabled{cursor:default}.hall .short-cell{width:auto;max-width:100%;height:100%;max-height:84px}.hall .hall-seat-ring{pointer-events:none;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;inset:-2px;overflow:visible}.hall .hall-seat-ring path{fill:none;stroke:var(--accent);stroke-width:3px;vector-effect:non-scaling-stroke}.hall .hall-seat-ring path.taken{stroke:var(--muted);stroke-width:1.5px}.hall .hall-seat-ring path.mine{stroke:var(--text)}.hall .hall-seat-ring .chairs{display:none}@media (max-width:639px){.hall .hall-table.seat-ring{border-color:#0000}}.hall.phone .hall-table.seat-ring{border-color:#0000}.hall .hall-seat-ring circle{fill:var(--bg);stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.hall .hall-seat-ring circle.taken{fill:var(--muted);stroke:var(--muted)}.hall .hall-seat-ring circle.mine{fill:var(--accent)}@media (min-width:640px){.hall:not(.phone) .hall-seat-ring .segments{display:none}.hall:not(.phone) .hall-seat-ring .chairs{display:inline}.hall:not(.phone) .hall-table.with-chairs{width:66%;max-width:130px}.hall:not(.phone) .hall-table.with-chairs.short-cell{width:auto;height:66%;max-height:130px}}.hall.editing .hall-table,.hall.editing .hall-area{cursor:grab}.hall.editing .hall-table:disabled,.hall.editing .hall-area:disabled{cursor:default}.hall .selected{outline:3px solid var(--text);outline-offset:3px}.hall .hall-table:focus-visible,.hall .hall-area:focus-visible,.hall .hall-slot:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.hall .hall-slot{aspect-ratio:1;border:1px dashed var(--line);width:100%;max-width:84px;color:var(--line);cursor:pointer;opacity:.55;background:0 0;border-radius:50%;place-self:center;font-size:1.4rem;transition:opacity .12s,border-color .12s}.hall .hall-slot:hover,.hall .hall-slot.drop,.hall .hall-slot.selected,.hall .hall-slot:focus-visible{opacity:1;border-color:var(--accent);color:var(--accent)}.hall-badge{color:#111;background:#f3c969;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.hall-legend{color:var(--muted);font-size:.85rem;font-family:var(--body);flex-wrap:wrap;gap:8px 16px;margin-bottom:12px;display:flex}.hall-legend i{vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block}.hall-legend .lg-free{border:2px solid var(--accent)}.hall-legend .lg-whole{border:4px double var(--accent)}.hall-legend .lg-taken{background:repeating-linear-gradient(45deg,var(--surface-2) 0 3px,var(--line) 3px 6px)}.hall-legend .lg-mine{background:var(--accent)}.hall-legend .lg-off{border:2px dashed var(--line)}.hall-legend .lg-reserved{background:#f3c969}.hall-ring{width:280px;height:280px;font-family:var(--body);color:var(--text);margin:8px auto 14px;position:relative}.hall-ring .center{border:2px solid var(--line);text-align:center;width:112px;height:112px;color:var(--muted);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hall-ring .center b{font-family:var(--head);color:var(--text);font-size:1.6rem}.hall-ring .hall-seat{border:2px solid var(--accent);background:var(--bg);width:44px;height:44px;color:var(--text);font-size:.95rem;font-weight:700;font-family:var(--body);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin:-22px 0 0 -22px;padding:0;transition:transform .1s,background .1s;display:flex;position:absolute}.hall-ring .hall-seat:active:not(:disabled){transform:scale(.92)}.hall-ring .hall-seat.mine{background:var(--accent);color:var(--accent-ink)}.hall-ring .hall-seat.taken{border-color:var(--line);background:repeating-linear-gradient(45deg,var(--surface-2) 0 4px,var(--surface) 4px 8px);color:var(--muted);cursor:not-allowed}.hall-ring .hall-seat:disabled:not(.taken){cursor:default}.table-sheet{padding-top:10px}.table-sheet-grab{background:var(--line);border-radius:2px;width:40px;height:4px;margin:0 auto 14px}.table-sheet-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.table-sheet-head h2{margin-bottom:2px}.table-sheet-sub{color:var(--muted);font-size:.9rem}.table-sheet-close{background:var(--surface-2);width:44px;height:44px;color:var(--text);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:1.1rem}.table-sheet-info{text-align:center;color:var(--muted);margin-bottom:12px;font-size:.9rem}.table-sheet-actions{gap:10px;display:grid}.table-sheet .sheet-btn{border-radius:var(--pill);width:100%;min-height:52px;font-weight:600;font-family:var(--body);cursor:pointer;padding:0 20px;font-size:1rem}.table-sheet .sheet-btn.primary{background:var(--accent);color:var(--accent-ink);border:0}.table-sheet .sheet-btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}@media (min-width:900px){.ev-sheet.table-sheet{border-radius:20px;width:440px;max-height:90vh;margin:0;padding-top:20px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.table-sheet-grab{display:none}}