* { box-sizing: border-box; }
html, body, main { margin: 0; width: 100%; height: 100%; overflow: hidden; background: #151113; color: #f1dfbb; }
#salon { display: block; width: 100%; height: 100%; touch-action: none; }
.semantics { position: fixed; left: 0; top: 0; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.connection-status{position:fixed;z-index:20;top:12px;left:50%;transform:translateX(-50%);max-width:min(640px,94vw);padding:14px 18px;background:#231317;color:#f6e1b2;border:1px solid #c69751;border-radius:8px;font:16px system-ui;box-shadow:0 4px 24px #0009}.connection-status[hidden]{display:none}.connection-status button{display:block;margin-top:10px;padding:8px 14px;cursor:pointer;background:#f6e1b2;color:#211116;border:0;border-radius:4px}