:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e7eef7;--dim:#e7eef794;--faint:#e7eef757;--ghost:#e7eef72e;--accent:#9fd4ff}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-tap-highlight-color:transparent}body{color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#000;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline-offset:4px;outline:1px solid #9fd4ffcc}noscript{text-align:center;color:var(--dim);background:#000;place-items:center;padding:28px;line-height:1.7;display:grid;position:fixed;inset:0}.entry{cursor:pointer;background:radial-gradient(circle at 50% 56%,#1e385c4d,#000 64%);place-items:center;padding:28px;display:grid;position:fixed;inset:0}.entry__inner{text-align:center;justify-items:center;gap:14px;animation:1.4s both fade-up;display:grid}.entry__wordmark{letter-spacing:.62em;text-indent:.62em;color:var(--faint);margin:0 0 26px;font-size:11px}.entry__headline{letter-spacing:.01em;margin:0;font-size:clamp(28px,7vw,46px);font-weight:300}.entry__subline{color:var(--dim);margin:0;font-size:clamp(13px,3.6vw,17px)}.entry__cta{color:var(--accent);letter-spacing:.12em;border:1px solid #9fd4ff52;border-radius:999px;margin-top:30px;padding:14px 28px;transition:border-color .3s,background .3s}.entry__cta:hover,.entry__cta:focus-visible{background:#9fd4ff0f;border-color:#9fd4ffb8}.entry__hint{letter-spacing:.08em;color:var(--faint);margin:18px 0 0;font-size:12px}.entry__footnote{letter-spacing:.06em;color:var(--ghost);margin:4px 0 0;font-size:11px}.room{-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.room__stage{touch-action:none;position:absolute;inset:0}.room__stage canvas{display:block}.room__hud{padding:max(20px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));pointer-events:none;grid-template-rows:auto 1fr auto auto;row-gap:10px;display:grid;position:absolute;inset:0}.room__hud button{pointer-events:auto}.room__top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.room__status{letter-spacing:.34em;text-transform:uppercase;color:var(--faint);margin:0;font-size:10px}.room__peers{text-align:right;letter-spacing:.04em;max-width:22ch;color:var(--ghost);margin:0;font-size:11px;line-height:1.5}.room__center{place-items:center;display:grid}.room__bottom{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.room__sound{letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:var(--faint);justify-self:start;font-size:10px}.room__leave{letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:var(--faint);justify-self:end;font-size:10px}.room__hint{letter-spacing:.08em;color:var(--ghost);text-align:center;justify-self:center;margin:0;font-size:11px}.counter{opacity:0;justify-items:center;gap:2px;transition:opacity .7s,transform .7s;display:grid;transform:translateY(6px)}.counter--visible{opacity:1;transform:none}.counter__value{font-variant-numeric:tabular-nums;font-size:clamp(26px,6vw,42px);font-weight:300;line-height:1}.counter__label{letter-spacing:.36em;text-indent:.36em;text-transform:uppercase;color:var(--faint);font-size:9px}.overlay{text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000bd;place-content:center;justify-items:center;gap:12px;padding:32px;display:grid;position:absolute;inset:0}.overlay h2{margin:0;font-size:clamp(22px,5vw,32px);font-weight:300}.overlay p{max-width:42ch;color:var(--dim);margin:0;line-height:1.65}.overlay__note{color:var(--faint);font-size:12px}.overlay__actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:16px;display:flex}.overlay__primary{color:var(--accent);letter-spacing:.1em;border:1px solid #9fd4ff52;border-radius:999px;padding:12px 24px}.overlay__quiet{letter-spacing:.18em;text-transform:uppercase;color:var(--faint);padding:12px 18px;font-size:11px}.page{text-align:center;background:radial-gradient(circle at 50% 45%,#182c4a47,#000 68%);place-content:center;justify-items:center;gap:16px;padding:32px;display:grid;position:fixed;inset:0;overflow:auto}.page h1{margin:0;font-size:clamp(24px,5vw,34px);font-weight:300}.page p{max-width:46ch;color:var(--dim);margin:0;line-height:1.7}.page__note{color:var(--faint);font-size:12px}.page__back{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-top:12px;font-size:11px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.counter,.entry__inner{transition:none;animation:none}}@media (max-width:480px){.room__peers{max-width:15ch;font-size:10px}.room__bottom{gap:8px}.room__hint{font-size:10px}.room__sound,.room__leave{letter-spacing:.12em}}