.room{aspect-ratio:16/10;border:2px solid var(--ink);background:linear-gradient(to bottom, var(--wall) 0 62%, var(--floor) 62% 100%);width:100%;position:relative;overflow:hidden;container-type:inline-size}.room .clock{aspect-ratio:1;border:.5cqw solid var(--ink);background:var(--paper);text-align:center;width:9%;font-family:var(--mono);border-radius:50%;place-items:center;font-size:clamp(7px,1.35cqw,12px);line-height:1.1;display:grid;position:absolute;top:3%;right:2.5%}.room .sign{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;background:var(--alarm);color:var(--on-alarm);padding:.5cqw 1cqw;font-size:clamp(7px,1.3cqw,12px);font-weight:600;position:absolute;top:3%;left:2.5%}.seat{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:flex-end;width:13%;height:58%;padding:0;display:flex;position:absolute;bottom:20%;transform:translate(-50%)}.seat img{height:var(--h,100%);width:auto;max-width:none;transition:opacity .15s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.seat img.act,.seat.talk img.idle,.seat.moving img.idle{opacity:0}.seat.talk img.act,.seat.moving img.act{opacity:1;animation:.5s cubic-bezier(.3,1.6,.5,1) hop}@keyframes hop{0%{transform:translate(-50%,6%)}to{transform:translate(-50%)}}.seat.seat-short{height:50%}.table{z-index:2;background:var(--wood);clip-path:polygon(1.5% 0,98.5% 0,100% 100%,0 100%);border-top:.6cqw solid var(--woodtop);height:40%;position:absolute;bottom:0;left:1%;right:1%}.table:before{content:"";background:var(--woodtop);height:28%;position:absolute;inset:0 0 auto}.plate{z-index:3;background:var(--paper);border:.3cqw solid var(--ink);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:.4cqw .9cqw;font-size:clamp(6px,1.2cqw,11px);position:absolute;bottom:12%;transform:translate(-50%)}.prop{z-index:3;font-size:clamp(10px,3cqw,26px);line-height:1;position:absolute;bottom:31%}.bubble{z-index:5;background:var(--bubble);width:max-content;max-width:36%;color:var(--bubble-ink);border:.3cqw solid var(--ink);font-family:var(--mono);padding:1cqw 1.4cqw;font-size:clamp(9px,1.8cqw,15px);line-height:1.35;animation:.25s cubic-bezier(.3,1.6,.5,1) pop;position:absolute;bottom:80%;box-shadow:.5cqw .5cqw #0003}.bubble:after{content:"";top:100%;left:var(--tail,50%);border:1.2cqw solid #0000;border-top-color:var(--ink);position:absolute;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:scale(.7)}}@container (width<=560px){.plate{letter-spacing:0;padding:.4cqw .6cqw;font-size:6px}.bubble{max-width:48%}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}