:root{--ink: #f6f2ea;--ink-soft: rgba(246, 242, 234, .72);--glass: rgba(14, 14, 18, .62);--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}html,body{margin:0;height:100%;overflow:hidden;background:#050506;color:var(--ink);font:16px/1.5 var(--font);-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}#rooms{position:fixed;inset:0}.room-frame{position:fixed;inset:0;width:100%;height:100%;border:0;display:block;background:#000;z-index:1}.room-frame.front{z-index:3}#cover{position:fixed;inset:0;background:#050506;z-index:2}#ui{position:fixed;inset:0;z-index:10;pointer-events:none}#ui button{font:inherit;pointer-events:auto;cursor:pointer}.flash{position:fixed;inset:0;opacity:0;transition:opacity .42s ease-out}.flash.on{opacity:1;transition:opacity .14s ease-in}.veil{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 18px;border-radius:99px;background:var(--glass);color:var(--ink);font-size:14px;opacity:0;transition:opacity .3s}.veil.on{opacity:1}.back{position:fixed;left:max(10px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top));width:42px;height:42px;border:0;border-radius:50%;background:var(--glass);color:var(--ink);font-size:22px!important;line-height:42px;padding:0;opacity:0;visibility:hidden;transition:opacity .3s,background .2s}.back.on{opacity:.85;visibility:visible}.back:hover,.back:focus-visible{background:#1e1e24d9;opacity:1}.tag,.note{position:fixed;left:50%;top:max(14px,env(safe-area-inset-top));transform:translate(-50%);max-width:calc(100vw - 140px);padding:7px 16px;border-radius:99px;background:var(--glass);color:var(--ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .6s}.note{top:58px;white-space:normal;text-align:center;max-width:min(520px,calc(100vw - 40px))}.tag.on,.note.on{opacity:1}.begin{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#05050659,#050506d1);pointer-events:auto;transition:opacity .6s}.begin.gone{opacity:0;pointer-events:none}.begin-card{max-width:460px;text-align:center}.begin-title{margin:0;font-size:clamp(36px,9vw,64px);font-weight:650;letter-spacing:.22em;text-indent:.22em}.begin-sub{margin:10px auto 28px;color:var(--ink-soft);max-width:380px}.begin-btn{min-width:170px;padding:13px 28px;border:0;border-radius:99px;background:var(--ink);color:#121214;font-weight:600!important;font-size:17px!important}.begin-btn:disabled{opacity:.55;cursor:default!important}.begin-btn:not(:disabled):hover,.begin-btn:not(:disabled):focus-visible{outline:3px solid rgba(246,242,234,.35);outline-offset:3px}.begin-note{margin:14px 0 0;color:var(--ink-soft);font-size:13px}.begin-room{margin:22px 0 0;color:#f6f2ea80;font-size:13px}.fail{position:fixed;inset:0;display:none;place-items:center;padding:16px;background:#050506b3;pointer-events:auto}.fail.on{display:grid}.fail-card{max-width:420px;padding:22px 24px;border-radius:16px;background:#16161af2;text-align:center}.fail-text{margin:0 0 16px}.fail-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.fail-btn{padding:10px 18px;border:0;border-radius:99px;background:var(--ink);color:#121214;font-weight:600!important}