:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0b0c0e;--surface:#15171a;--raised:#24272b;--active:#2c3035;--border:#1d2024;--rule:#1a1c20;--control:#3d4249;--text:#fff;--muted:#b4b4b4;--faint:#949494;--accent:#8fd3ec;--accent-tint:#8fd3ec1a;--negative:#e5566f;--negative-bg:#2c1a20;--warning:#e5a93b;--warning-bg:#2b2414;--neutral-bg:#24272b;--radius-card:20px;--radius-inner:14px;--radius-field:12px;--radius-pill:999px;--gap:14px;--pad:20px;--margin:16px;--topbar:56px;--controlbar:76px;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-title:22px;--fs-section:16px;--fs-body:14px;--fs-small:12px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--ease:cubic-bezier(.2, .7, .2, 1)}@media (min-width:900px){:root{--margin:28px;--topbar:64px;--fs-title:24px}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--text);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;margin:0;line-height:1.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:#8fd3ec4d}.num{font-variant-numeric:tabular-nums}.probe{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;top:0;left:50%;overflow:hidden}.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}.app{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;padding-top:var(--safe-top);background:var(--ground);border-bottom:1px solid var(--rule);position:sticky;top:0}.topbar__inner{min-height:var(--topbar);padding:0 calc(var(--margin) + var(--safe-right)) 0 calc(var(--margin) + var(--safe-left));align-items:center;gap:12px;margin:0 auto;display:flex}.w-wide{max-width:1180px}.w-narrow{max-width:640px}.topbar__spacer{flex:1}.wordmark{letter-spacing:-.01em;color:var(--text);align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.wordmark svg{flex:none;width:28px;height:28px}.page{width:100%;padding:24px calc(var(--margin) + var(--safe-right)) calc(32px + var(--safe-bottom)) calc(var(--margin) + var(--safe-left));flex:1;margin:0 auto}.title{font-size:var(--fs-title);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.2}.lede{color:var(--muted);max-width:46ch;margin:8px 0 0;font-size:15px}.card{background:var(--surface);border-radius:var(--radius-card);padding:var(--pad)}.card+.card{margin-top:var(--gap)}.card__title{font-size:var(--fs-section);margin:0;font-weight:600}.card__text{color:var(--muted);margin:6px 0 0}.muted{color:var(--muted)}.faint{color:var(--faint)}.btn{border-radius:var(--radius-pill);background:var(--raised);height:40px;color:var(--text);white-space:nowrap;transition:background-color .14s var(--ease), transform .14s var(--ease);-webkit-user-select:none;user-select:none;border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--active)}.btn:active{transform:scale(.97)}.btn svg{flex:none;width:18px;height:18px}.btn--primary{color:#000;background:#fff;height:52px;padding:0 26px;font-size:16px;font-weight:600}.btn--primary:hover{background:#e8e8e8}.btn--block{width:100%}.btn--ghost{color:var(--muted);background:0 0}.btn--ghost:hover{background:var(--raised);color:var(--text)}.btn--icon{width:40px;padding:0}.btn[disabled]{cursor:not-allowed;background:var(--raised);color:var(--faint)}.field{display:block}.field+.field{margin-top:18px}.field__label{margin-bottom:8px;font-size:14px;font-weight:500;display:block}.field__hint{color:var(--faint);font-size:var(--fs-small);margin-top:8px;display:block}.field__error{color:var(--negative);font-size:var(--fs-small);margin-top:8px;display:block}.input,.select{background:var(--ground);border:1px solid var(--control);border-radius:var(--radius-field);width:100%;height:48px;color:var(--text);transition:border-color .14s var(--ease);padding:0 14px;font-size:16px;display:block}.input::placeholder{color:var(--faint)}.input:hover,.select:hover{border-color:#565c64}.input:focus,.select:focus{border-color:var(--accent);outline:none}.input--code{letter-spacing:.08em;font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:22px;font-weight:600}.input--code::placeholder{letter-spacing:.08em;font-weight:500}.input[aria-invalid=true]{border-color:var(--negative)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b4b4b4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px;font-size:15px}.joined{display:flex}.joined .input{color:var(--muted);text-overflow:ellipsis;border-top-right-radius:0;border-bottom-right-radius:0;font-size:14px}.joined .btn{border-radius:0 var(--radius-field) var(--radius-field) 0;background:var(--raised);flex:none;height:48px}.switch-row{align-items:flex-start;gap:16px;padding:14px 0;display:flex}.switch-row+.switch-row{border-top:1px solid var(--rule)}.switch-row__text{flex:1;min-width:0}.switch-row__title{font-size:14px;font-weight:500;display:block}.switch-row__desc{color:var(--faint);margin-top:3px;font-size:13px;line-height:1.4;display:block}.switch{border-radius:var(--radius-pill);background:var(--control);width:44px;height:26px;transition:background-color .16s var(--ease);border:0;flex:none;margin-top:-2px;position:relative}.switch:after{content:"";width:20px;height:20px;transition:transform .16s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{background:#0b0c0e;transform:translate(18px)}.slider{padding:14px 0}.slider+.slider,.switch-row+.slider,.slider+.switch-row{border-top:1px solid var(--rule)}.slider__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.slider__label{font-size:14px;font-weight:500}.slider__value{color:var(--muted);font-variant-numeric:tabular-nums}.slider__desc{color:var(--faint);margin-top:3px;font-size:13px;display:block}.range-wrap{height:28px;margin-top:8px;position:relative}.range-track{border-radius:var(--radius-pill);background:var(--control);height:6px;position:absolute;top:11px;left:0;right:0;overflow:hidden}.range-fill{background:var(--text);height:100%;display:block}.range{appearance:none;touch-action:pan-y;background:0 0;width:100%;height:28px;margin:0;display:block;position:relative}.range::-webkit-slider-runnable-track{background:0 0;height:6px}.range::-moz-range-track{background:0 0;height:6px}.range::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:22px;height:22px;margin-top:-8px}.range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:22px;height:22px}.pill{border-radius:var(--radius-pill);background:var(--neutral-bg);height:24px;color:var(--text);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.pill svg{width:13px;height:13px}.pill--meeting{background:var(--warning-bg);color:var(--warning)}.pill--negative{background:var(--negative-bg);color:var(--negative)}.pill--live{background:var(--accent-tint);color:var(--accent)}.dot{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot--live{background:var(--accent)}.dot--warn{background:var(--warning)}.dot--bad{background:var(--negative)}.avatar{width:var(--size,44px);height:var(--size,44px);background:var(--raised);border:2px solid #0000;border-radius:50%;flex:none;place-items:center;transition:border-color .12s linear;display:inline-grid;position:relative}.avatar svg{width:74%;height:74%;overflow:visible}.avatar.is-talking{border-color:var(--accent)}.avatar.is-dead svg{opacity:.38}.avatar.is-quiet svg{opacity:.55}.avatar__badge{background:var(--surface);width:20px;height:20px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.avatar__badge svg{opacity:1;width:12px;height:12px}@media (prefers-reduced-motion:no-preference){.avatar.is-talking{animation:talk 1.1s var(--ease) infinite}}@keyframes talk{0%,to{border-color:var(--accent)}50%{border-color:#8fd3ec8c}}.home{gap:var(--gap);align-items:start;display:grid}.home__head{margin-bottom:10px}.home>.card+.card{margin-top:0}@media (min-width:900px){.page--center{flex-direction:column;justify-content:center;padding-top:40px;padding-bottom:64px;display:flex}.home__head{margin-bottom:14px}}.join-card .btn--primary{margin-top:24px}.group-note{border-radius:var(--radius-inner);background:var(--raised);align-items:flex-start;gap:12px;margin-top:18px;padding:14px;display:flex}.group-note svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:1px}.status-line{align-items:center;gap:10px;min-height:24px;display:flex}.status-line+.status-line{margin-top:10px}.facts{border-radius:var(--radius-inner);background:var(--raised);grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 0;display:grid}.facts>div{padding:12px 14px}.facts>div+div{border-left:1px solid var(--surface)}.facts dt{color:var(--faint);font-size:var(--fs-small)}.facts dd{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:17px;font-weight:600;overflow:hidden}.steps{counter-reset:step;margin:14px 0 0;padding:0;list-style:none}.steps li{color:var(--muted);padding-left:34px;position:relative}.steps li+li{margin-top:12px}.steps li:before{counter-increment:step;content:counter(step);background:var(--raised);width:22px;height:22px;color:var(--text);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;top:-1px;left:0}code{background:var(--raised);color:var(--text);border-radius:6px;padding:2px 6px;font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:13px}.progress{margin:22px 0 0;padding:0;list-style:none}.progress__item{grid-template-columns:24px 1fr;align-items:start;gap:14px;padding-bottom:20px;display:grid;position:relative}.progress__item:last-child{padding-bottom:0}.progress__item:not(:last-child):after{content:"";background:var(--raised);border-radius:1px;width:2px;position:absolute;top:28px;bottom:4px;left:11px}.progress__item.is-done:after{background:var(--control)}.progress__icon{background:var(--raised);width:24px;height:24px;color:var(--faint);border-radius:50%;place-items:center;display:grid;position:relative}.progress__icon svg{width:14px;height:14px}.progress__item.is-done .progress__icon{background:var(--text);color:#000}.progress__item.is-current .progress__icon{background:var(--accent-tint);color:var(--accent)}.progress__label{color:var(--faint);padding-top:2px}.progress__item.is-done .progress__label{color:var(--muted)}.progress__item.is-current .progress__label{color:var(--text);font-weight:500}.progress__hint{color:var(--muted);max-width:44ch;margin-top:4px;font-size:13px;font-weight:400;display:block}@media (prefers-reduced-motion:no-preference){.spin{animation:.9s linear infinite spin}}@keyframes spin{to{transform:rotate(360deg)}}.connecting-foot{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}@media (min-width:640px){.pick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pick{border-radius:var(--radius-inner);background:var(--raised);min-height:116px;transition:background-color .14s var(--ease), transform .14s var(--ease);border:0;flex-direction:column;align-items:center;gap:10px;padding:16px 8px 14px;display:flex}.pick:hover{background:var(--active)}.pick:active{transform:scale(.97)}.pick__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;overflow:hidden}.game-mark svg{width:30px;height:30px;display:block}.game-head{flex-direction:column;min-width:0;display:flex}.game-head__row{align-items:center;gap:10px;min-width:0;display:flex}.game-head__code{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.game-head__meta{color:var(--faint);font-size:var(--fs-small);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.game{gap:var(--gap);padding-bottom:calc(var(--controlbar) + 28px + var(--safe-bottom));align-items:start;display:grid}@media (min-width:900px){.game{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"circle side";align-content:start;align-items:stretch}.game__circle{flex-direction:column;grid-area:circle;display:flex}.game__side{flex-direction:column;display:flex}.crew-card{flex-direction:column;flex:1;display:flex}.crew-card__foot{margin-top:auto}.game__side{grid-area:side}}.game__side{gap:var(--gap);display:grid}.me{border-bottom:1px solid var(--rule);align-items:center;gap:14px;min-height:68px;margin-top:10px;padding-bottom:10px;display:flex}.me__ring{flex:none;width:60px;height:60px;position:relative}.me__ring>svg.ring{width:60px;height:60px;position:absolute;inset:0;transform:rotate(-90deg)}.me__ring .avatar{--size:48px;position:absolute;inset:6px}.me__name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.me__state{color:var(--muted);margin-top:2px}.me__state.is-live{color:var(--accent)}.me__state.is-off{color:var(--negative)}.me__chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.circle-card{padding:0;overflow:hidden}.circle-card__head{padding:var(--pad) var(--pad) 0;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.voice-circle{aspect-ratio:1;width:100%;max-height:min(64vh,620px);margin:0 auto;position:relative}.voice-circle svg{width:100%;height:100%;position:absolute;inset:0}.voice-circle__seat{cursor:pointer}.voice-circle__label{fill:var(--muted);font-size:12px;font-weight:500;font-family:var(--font)}.voice-circle__label--me{fill:var(--text)}.voice-circle__title{fill:var(--text);font-family:var(--font);font-size:16px;font-weight:600}.voice-circle__sub{fill:var(--muted);font-family:var(--font);font-size:13px}@media (min-width:900px){.game__circle .voice-circle{aspect-ratio:auto;flex:1;min-height:440px;max-height:none}}.peers{margin:12px 0 0;padding:0;list-style:none}.peer{border-radius:var(--radius-inner);text-align:left;width:calc(100% + 20px);min-height:58px;color:var(--text);transition:background-color .12s var(--ease);background:0 0;border:0;align-items:center;gap:14px;margin:0 -10px;padding:6px 10px;display:flex}.peer:hover{background:var(--raised)}.peer__text{flex:1;min-width:0}.peer__name{align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.peer__name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.peer__sub{color:var(--faint);margin-top:2px;font-size:13px}.peer__sub.is-live{color:var(--accent)}.peer__right{color:var(--faint);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:13px;display:flex}.peer__right svg{width:16px;height:16px}.peer.is-out .peer__name{color:var(--muted)}.tag{background:var(--raised);height:20px;color:var(--muted);white-space:nowrap;border-radius:6px;flex:none;padding:0 7px;font-size:11px;font-weight:500;line-height:20px}.tag--impostor{color:#ff7a7a;background:#2c1418}.crew-card__foot{color:var(--faint);font-size:var(--fs-small);padding-top:14px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.notice{border-radius:var(--radius-inner);background:var(--warning-bg);color:var(--warning);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.notice svg{flex:none;width:16px;height:16px;margin-top:1px}.controlbar{z-index:30;background:var(--ground);border-top:1px solid var(--rule);padding:8px calc(var(--margin) + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(var(--margin) + var(--safe-left));position:fixed;bottom:0;left:0;right:0}.controlbar__inner{justify-content:space-between;align-items:stretch;gap:6px;max-width:720px;margin:0 auto;display:flex}.ctl{border-radius:var(--radius-inner);min-width:0;height:60px;color:var(--muted);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;transition:background-color .12s var(--ease), color .12s var(--ease), transform .12s var(--ease);background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.ctl svg{width:22px;height:22px}.ctl:hover{background:var(--surface);color:var(--text)}.ctl:active{transform:scale(.96)}.ctl.is-on{background:var(--negative-bg);color:var(--negative)}.ctl--hold{background:var(--surface);color:var(--text);flex-grow:1.6}.ctl--hold.is-held{color:#000;background:#fff}.ctl--radio.is-held{color:#000;background:#ff7a7a}.ctl--leave:hover{color:var(--negative)}.scrim{z-index:50;background:#0009;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.scrim{animation:fade .16s var(--ease)}.sheet{animation:rise .22s var(--ease)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.sheet{z-index:51;max-height:calc(100% - 24px - var(--safe-top));background:var(--surface);border-radius:var(--radius-card) var(--radius-card) 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #00000080}.sheet--full{border-radius:0;max-height:none;top:0}@media (min-width:900px){.sheet{border-radius:var(--radius-card);width:440px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sheet--full{border-radius:0;width:520px;inset:0 0 0 auto;transform:none}@media (prefers-reduced-motion:no-preference){.sheet{animation:pop .2s var(--ease)}.sheet--full{animation:slide .24s var(--ease)}}}@keyframes pop{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))}}@keyframes slide{0%{opacity:0;transform:translate(32px)}}.sheet__head{min-height:60px;padding:calc(10px + var(--safe-top)) 12px 10px var(--pad);border-bottom:1px solid var(--rule);align-items:center;gap:12px;display:flex}.sheet:not(.sheet--full) .sheet__head{padding-top:10px}.sheet__title{flex:1;margin:0;font-size:18px;font-weight:600}.sheet__body{overscroll-behavior:contain;padding:6px var(--pad) calc(28px + var(--safe-bottom));flex:1;overflow-y:auto}.settings-section{padding:20px 0 6px}.settings-section+.settings-section{border-top:1px solid var(--rule)}.settings-section__title{margin:0;font-size:15px;font-weight:600}.settings-section__desc{color:var(--faint);margin:4px 0 6px;font-size:13px}.settings-section .field{padding:14px 0}.settings-section .field+.field{border-top:1px solid var(--rule);margin-top:0}.meter{border-radius:var(--radius-pill);background:var(--raised);height:8px;margin-top:10px;position:relative;overflow:hidden}.meter__fill{border-radius:var(--radius-pill);background:var(--faint);transition:width 90ms linear;position:absolute;inset:0 auto 0 0}.meter__fill.is-live{background:var(--accent)}.meter__mark{background:var(--text);width:2px;position:absolute;top:-2px;bottom:-2px}.segmented{border-radius:var(--radius-pill);background:var(--ground);padding:3px;display:inline-flex}.segmented button{border-radius:var(--radius-pill);height:34px;color:var(--muted);background:0 0;border:0;padding:0 14px;font-size:14px;font-weight:500}.segmented button[aria-pressed=true]{background:var(--raised);color:var(--text)}.keycap{min-width:64px}.peer-sheet{padding:4px 0 8px}.peer-sheet__who{align-items:center;gap:14px;padding:18px 0 8px;display:flex}.peer-sheet__name{font-size:18px;font-weight:600}.error-card{margin-top:20px}.error-card .notice{background:var(--negative-bg);color:var(--negative)}.error-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.toast{left:50%;bottom:calc(var(--controlbar) + 24px + var(--safe-bottom));z-index:60;border-radius:var(--radius-pill);color:#000;background:#fff;padding:10px 16px;font-size:14px;font-weight:500;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0006}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}