.room-stage.salon-preview{height:clamp(310px,34vw,470px);min-height:0;position:relative;overflow:hidden;border-radius:19px;background:#0a211a;isolation:isolate}
.room-stage.salon-preview>.scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:brightness(calc(1.15 - var(--room-shade,.35)))}
.scene-object{position:absolute;display:block;padding:0;background:none;border:0;transform:translate(-50%,-100%) scale(var(--object-scale,1));transform-origin:center bottom;overflow:visible;color:var(--text);line-height:0;cursor:default;filter:drop-shadow(0 8px 6px #0005)}
.scene-object>img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.scene-object.mirror>img{transform:scaleX(-1)}
.scene-table{width:72%;height:42%;filter:none}.scene-table-art{display:block;width:100%;height:100%;background:url('assets/table-play-surface.webp') center/100% 100% no-repeat;position:relative}.scene-table-art:before{content:'';position:absolute;inset:12% 7% 14%;border-radius:25% / 48%;background:var(--felt);mix-blend-mode:color;opacity:.7}
.scene-chair{width:24%;height:39%}.scene-prop{width:11%;height:25%}.scene-checky{width:17%;height:34%}.scene-prop.object-plant{width:17%;height:38%}.scene-prop.object-lamp{width:12%;height:32%}.scene-prop.object-robot{width:15%;height:28%}.scene-prop.object-hourglass{width:8%;height:24%}
.scene-deck{width:6%;height:14%;line-height:1}.scene-deck .deck-back{width:100%;height:100%;border-width:2px;transform:rotate(11deg)}.scene-deck .deck-back span{font-size:10px;padding:4px 2px}
.room-stage.editing .scene-object{cursor:grab;touch-action:none}.room-stage.editing .scene-object:active{cursor:grabbing}.room-stage.editing .scene-selected{outline:2px dashed var(--gold);outline-offset:5px;border-radius:10px}.room-stage.editing .scene-object:focus-visible{outline:3px solid #f2ddaa;outline-offset:6px}
.scene-caption{position:absolute;z-index:270;top:14px;left:16px;max-width:65%;padding:10px 13px;border-radius:11px;background:#071b17dc;pointer-events:none;line-height:1.6}.scene-caption strong{display:block;font:600 13px var(--font);color:#f2dfb4}.scene-caption span{display:block;font-size:10px;color:#d9e3d0;margin-top:4px}
.room-edit-controls{padding:20px 0 24px;border-bottom:1px solid var(--line);margin-bottom:17px}.room-edit-controls h3{font-size:16px}.room-edit-controls p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:6px}.room-edit-controls>.field{max-width:230px}.scene-selection{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-items:end;padding:16px;border-radius:13px;background:#123326;border:1px solid #527051}.scene-selection>strong,.scene-selection>p{grid-column:1/-1}.scene-selection>p{margin:0}.scene-selection>strong{font-size:13px;color:var(--gold)}.scene-selection output{float:right;color:var(--gold)}
.game-chair-layer{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.game-chair{position:absolute;width:22%;height:31%;object-fit:contain;transform:translate(-50%,-100%) scale(var(--object-scale,1));left:var(--seat-x);top:var(--seat-y);filter:drop-shadow(0 7px 6px #0005);opacity:.93}.game-chair.mirror{transform:translate(-50%,-100%) scale(var(--object-scale,1)) scaleX(-1)}.game-chair.seat-2,.game-chair.seat-3{top:22%;height:26%;width:18%;opacity:.8}
@media(max-width:600px){.room-stage.salon-preview{height:310px;border-radius:15px}.scene-caption{top:10px;left:10px;padding:8px 10px}.scene-caption strong{font-size:11px}.scene-caption span{font-size:9px}.room-edit-controls{padding:15px 0 19px}.room-edit-controls>.row{align-items:flex-start;flex-wrap:wrap;gap:12px}.room-edit-controls h3{font-size:15px}.room-edit-controls p{font-size:11px}.scene-selection{padding:13px;grid-template-columns:1fr}.scene-selection>strong,.scene-selection>p{grid-column:1}.scene-chair{width:27%;height:37%}.scene-checky{width:19%;height:33%}.scene-deck{width:7%;height:11%}.scene-deck .deck-back span{font-size:8px}.game-chair{height:22%;width:27%;top:78%;left:var(--seat-x)}.game-chair.seat-2,.game-chair.seat-3{top:20%;height:18%;width:23%}}
