:root{--bg:#0d0d0e;--ink:#efece4;--ink-dim:#b9b7b1;--ink-faint:#8a8883;--line:#efece42e;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:Inter, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);margin:0;overflow:hidden}canvas{outline:none;display:block}.hud{z-index:5;pointer-events:none;font-family:var(--mono);letter-spacing:.06em;color:var(--ink-dim);text-transform:uppercase;font-size:11px;position:fixed}.hud--tl{top:66px;left:20px}.hud--tr{text-align:right;line-height:1.9;top:18px;right:20px}.brand{font-family:var(--sans);letter-spacing:-.01em;text-transform:none;color:var(--ink);font-size:17px;font-weight:800}.brand span{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;font-size:11px;font-weight:400}.meta{margin-top:6px}kbd{border:1px solid var(--line);min-width:18px;color:var(--ink);font-family:var(--mono);text-align:center;margin:0 1px;padding:1px 5px;font-size:10px;display:inline-block}.hud--hint{color:var(--ink);letter-spacing:.14em;white-space:pre;background:#0a0a0ba8;border:1px solid #efece43d;border-radius:999px;padding:9px 18px;font-size:11px;top:calc(50% + 64px);left:50%;transform:translate(-50%)}.cross{z-index:4;pointer-events:none;background:#efece4b3;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:fixed;top:50%;left:50%}.veil{z-index:6;cursor:pointer;background:#0808098c;place-items:center;display:grid;position:fixed;inset:0}.veil__box{text-align:center}.veil__title{letter-spacing:-.02em;font-size:44px;font-weight:800}.veil__sub{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-top:10px;font-size:12px}.tag{pointer-events:none;border:1px solid var(--line);font-family:var(--mono);letter-spacing:.05em;color:var(--ink-dim);white-space:nowrap;background:#0d0d0eb3;padding:5px 9px;font-size:11px}.tag b{color:var(--ink);margin-right:6px;font-weight:600}.tag--near{border-color:var(--ink);color:var(--ink)}.panel{z-index:7;border-left:1px solid var(--line);background:#0d0d0ef2;width:360px;padding:34px 30px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.panel__art{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-faint);font-size:11px}.panel__name{letter-spacing:-.02em;margin:6px 0 18px;font-size:30px;font-weight:800;line-height:1.05}.panel__specs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:96px 1fr;gap:8px 10px;margin:0 0 24px;padding:14px 0;font-size:14px;display:grid}.panel__specs dt{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding-top:3px;font-size:10px}.panel__specs dd{margin:0}.panel__group{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-faint);margin:18px 0 8px;font-size:10px}.panel__opts{flex-direction:column;gap:6px;display:flex}.opt{border:1px solid var(--line);width:100%;color:var(--ink-dim);font:13px var(--sans);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:9px 10px;display:flex}.opt:hover{border-color:var(--ink-faint);color:var(--ink)}.opt--on{border-color:var(--ink);color:var(--ink)}.opt__sw{border:1px solid var(--line);flex:none;width:18px;height:18px}.opt__d{font-family:var(--mono);color:var(--ink-faint);margin-left:auto;font-size:11px}.panel__note{color:var(--ink-faint);margin-top:8px;font-size:11px;line-height:1.4}.panel__price{letter-spacing:-.01em;margin-top:26px;font-size:34px;font-weight:700}.panel__priceNote{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;margin-top:4px;font-size:10px}.panel__order,.panel__exit{width:100%;font-family:var(--mono);letter-spacing:.12em;text-align:center;cursor:pointer;margin-top:18px;padding:14px;font-size:11px;text-decoration:none;display:block}.panel__order{background:var(--ink);color:#111;border:1px solid var(--ink)}.panel__exit{color:var(--ink-dim);border:1px solid var(--line);background:0 0;margin-top:8px}.meta--who{color:var(--ink);align-items:center;gap:7px;display:flex}.meta--who i{border-radius:50%;width:9px;height:9px}.peer{flex-direction:column;align-items:center;gap:4px;display:flex;transform:translateY(-6px)}.peer__emote{opacity:0;filter:drop-shadow(0 2px 6px #00000080);font-size:30px;line-height:1;transition:opacity .2s}.peer__name{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.04em;color:var(--ink);white-space:nowrap;background:#0d0d0eb8;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:flex}.peer__name i{border-radius:50%;width:8px;height:8px}.emote-flash{z-index:6;pointer-events:none;filter:drop-shadow(0 4px 12px #00000080);font-size:64px;animation:2.6s ease-out forwards flash;position:fixed;bottom:104px;left:50%;transform:translate(-50%)}@keyframes flash{0%{opacity:0;transform:translate(-50%,20px)scale(.6)}12%{opacity:1;transform:translate(-50%)scale(1.1)}20%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-40px)}}.sign{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);white-space:nowrap;background:#0d0d0ec7;align-items:center;gap:10px;padding:7px 12px;font-size:13px;display:flex}.sign span{color:var(--ink-faint)}.tag__price{color:var(--ink-dim);font-weight:400}.minimap{z-index:5;border:1px solid var(--line);pointer-events:none;background:#0d0d0eb8;position:fixed;bottom:124px;right:20px}.mm-room{fill:#efece412;stroke:#efece459;stroke-width:1.5px}.mm-hall{fill:#efece41a;stroke:#efece480;stroke-width:1.5px}.mm-item{fill:#efece48c}.mm-item--near{fill:#f2cc8f}.mm-me{fill:var(--ink);stroke:#0d0d0e;stroke-width:1.5px}.gate{background:radial-gradient(at 50% 40%,#232220,#0d0d0e 70%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gate__box{text-align:center;max-width:460px}.gate__brand{margin-bottom:26px;font-size:18px;font-weight:800}.gate h1{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 16px;font-size:40px;font-weight:800}.gate p{color:var(--ink-dim);margin:0 0 28px;line-height:1.55}.gate__btn{background:var(--ink);color:#111;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:14px 22px;font-size:12px;text-decoration:none;display:inline-block}.panel__photo{aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line);width:100%;margin:-4px 0 18px;display:block}.veil__keys{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-faint);margin-top:26px;font-size:11px}.meta--q{color:var(--ink-dim)}.meta--q kbd{font-size:9px}.keysbar{z-index:5;pointer-events:none;max-width:calc(100vw - 32px);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);background:#0a0a0b94;border:1px solid #efece41a;border-radius:999px;align-items:center;gap:0 18px;padding:8px 20px;font-size:10px;transition:left .35s,opacity .35s;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.keysbar__row{white-space:nowrap;justify-content:center;align-items:center;gap:0 18px;display:flex}.keysbar__row+.keysbar__row:before,.keysbar .g+.g:before{content:"";background:#efece44d;border-radius:50%;flex:none;width:3px;height:3px;margin-right:18px}.keysbar .g{align-items:center;gap:5px;display:inline-flex}.keysbar .g .cap+.cap{margin-left:-1px}.cap{min-width:20px;height:18px;color:var(--ink);font-family:var(--mono);letter-spacing:.04em;background:0 0;border:1px solid #efece457;border-radius:999px;place-items:center;margin:0;padding:0 6px;font-size:9.5px;line-height:1;display:inline-grid}.keysbar .g .cap:last-of-type{margin-right:4px}.keysbar--inspect{opacity:.72;left:calc(50vw - 180px)}.keysbar--inspect,.keysbar--inspect .keysbar__row{flex-direction:column}.keysbar--inspect{border-radius:18px;gap:6px;padding:10px 20px}.keysbar--inspect .keysbar__row{flex-direction:row}.keysbar--inspect .keysbar__row+.keysbar__row:before{display:none}@media (width<=1260px){.keysbar{border-radius:18px;flex-direction:column;gap:6px;padding:10px 20px}.keysbar__row+.keysbar__row:before{display:none}}.exit{z-index:8;height:34px;color:var(--ink);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#0a0a0b9e;border:1px solid #efece43d;border-radius:999px;align-items:center;gap:10px;padding:0 10px 0 14px;font-size:10px;transition:border-color .2s;display:inline-flex;position:fixed;top:18px;left:20px}.exit:hover{border-color:var(--ink)}.exit__arrow{letter-spacing:0;margin-right:-2px;font-size:13px}.nohud .exit,.nohud .keysbar,.nohud .hud--hint,.nohud .hud--tl,.nohud .minimap,.nohud .emote-flash,.nohud .cross{display:none!important}.veil--boot,.veil--wait{cursor:progress}.veil--boot{background:var(--bg)}