@layer components{@media (prefers-reduced-motion:no-preference){.not-found-page{animation:page-enter var(--transition-base,0) var(--timing,ease) both}}.not-found-page{gap:var(--space-l);max-width:var(--column-max-width);padding-block:var(--layout-padding-block-start) var(--layout-padding-block-end);padding-inline:var(--layout-padding-inline-start) var(--layout-padding-inline-end);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}@media (width>=900px){.not-found-page{max-width:var(--column-wide-max-width)}}.not-found-page{text-align:center;justify-content:center;align-items:center}.not-found-page h1{letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(2.5rem,11vmin,6rem);font-weight:900;font-stretch:125%;line-height:.84}.not-found-page p{letter-spacing:-.015em;color:var(--ink-muted);font-size:clamp(1.25rem,3vmin,1.75rem);font-weight:800;font-stretch:112%;line-height:1.05}.connection-dot{border-radius:var(--radius-full);background:currentColor;border:2px solid;flex:none;width:12px;height:12px}.connection-dot.connecting{background:0 0}.connection-dot.closed{animation:1.2s ease-in-out infinite connection-pulse}.connection-dot.refused{border-radius:0}.connection-status{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:var(--space-xs);font-size:clamp(.75rem,1.6vmin,.875rem);font-weight:700;font-stretch:112%;display:inline-flex}.connection-status .clock{letter-spacing:.04em;text-transform:none;font-weight:500}@media (prefers-reduced-motion:reduce){.connection-dot.closed{animation:none}}.room-invitation{--invitation-code-size:min(clamp(2.75rem, 14vmin, 9rem), 21cqi);--invitation-qr-max-width:256px;align-items:flex-start;gap:var(--space-l);flex-direction:column;justify-content:center;width:100%;min-width:0;display:flex;container-type:inline-size}.room-invitation .code{align-items:flex-start;gap:var(--space-s);flex-direction:column;width:100%;display:flex}.room-invitation .room-code{letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(3.5rem,17vmin,15rem);font-weight:900;font-stretch:125%;line-height:.84;font-size:var(--invitation-code-size);-webkit-user-select:text;user-select:text;word-break:break-all;width:100%}.room-invitation .qr{color:var(--ink);gap:var(--space-xs);max-width:var(--invitation-qr-max-width);flex-direction:column;width:100%;display:flex}.room-invitation .qr svg{width:100%;height:auto}.room-invitation .invite{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-size:clamp(.75rem,1.6vmin,.875rem);font-weight:700;font-stretch:112%}.room-invitation .join-url{color:var(--ink-muted);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:clamp(.875rem,1.8vmin,1rem);font-weight:500;line-height:1.35}.segmented-control{gap:var(--space-2xs);flex-direction:column;display:flex}.segmented-control .react-aria-Label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-size:clamp(.75rem,1.6vmin,.875rem);font-weight:700;font-stretch:112%}.segmented-control[data-disabled] .segment{cursor:not-allowed}.segmented-control[data-disabled] .segment[data-selected]{background:var(--field);box-shadow:inset 0 0 0 3px var(--ink);color:var(--ink)}.segmented-control .segments{background:var(--rule);border:2px solid var(--rule);flex-wrap:wrap;gap:2px;display:flex}.segmented-control .segment[data-focus-visible],.segmented-control .segment:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.segmented-control .segment{background:var(--field);color:var(--ink-muted);cursor:pointer;padding:var(--space-2xs) var(--space-s);text-align:center;text-transform:uppercase;transition:background-color var(--transition-fast,0) var(--timing,ease), color var(--transition-fast,0) var(--timing,ease);white-space:nowrap;flex:1;font-size:clamp(.875rem,1.8vmin,1rem);font-weight:700;line-height:1.35}@supports (text-box:trim-both cap alphabetic){.segmented-control .segment{padding-block:calc(var(--space-2xs) + (1lh - 1cap) / 2);text-box:trim-both cap alphabetic}}.segmented-control .segment[data-hovered],.segmented-control .segment[data-pressed]{color:var(--ink)}.segmented-control .segment[data-selected]{background:var(--ink);color:var(--field)}.segmented-control .segment-field{display:contents}.slider{gap:var(--space-2xs);flex-direction:column;min-width:180px;display:flex}.slider .slider-header{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);gap:var(--space-s);justify-content:space-between;font-size:clamp(.75rem,1.6vmin,.875rem);font-weight:700;font-stretch:112%;display:flex}.slider .react-aria-SliderTrack{cursor:pointer;align-items:center;width:100%;height:28px;display:flex;position:relative}.slider .react-aria-SliderTrack:before{border:2px solid var(--edge);content:"";width:100%;height:12px;position:absolute}.slider .fill{background:var(--ink);height:12px;width:var(--fill,0%);position:absolute}.slider .react-aria-SliderThumb{background:var(--ink);cursor:pointer;width:8px;height:24px;top:50%}.slider .react-aria-SliderThumb[data-dragging]{width:12px;height:28px}.slider .react-aria-SliderThumb[data-focus-visible],.text-link[data-focus-visible],.text-link:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.text-link{color:inherit;cursor:pointer;text-underline-offset:.2em;transition:text-decoration-thickness var(--transition-fast,0) var(--timing,ease);text-decoration:underline;text-decoration-thickness:1px}.text-link[data-hovered],.text-link[data-pressed]{text-decoration-thickness:2px}.app-menu{transition:opacity var(--transition-base,0) var(--timing,ease);z-index:1;flex-direction:column-reverse;align-items:flex-end;display:flex;position:fixed;inset-block-start:var(--layout-padding-block-start);inset-inline-end:max(var(--layout-padding-inline-end), 50% - var(--stage-max-width) / 2 + var(--layout-padding-inline-end))}:root[data-idle] .app-menu:not(:focus-within):not(:has(.trigger[aria-expanded=true])){opacity:0;pointer-events:none}.app-menu .alert{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-align:end;font-size:clamp(.75rem,1.6vmin,.875rem);font-weight:700;font-stretch:112%}.app-menu .alert:not(:empty){margin-block-start:var(--space-2xs)}.app-menu .trigger[data-focus-visible],.app-menu .trigger:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.app-menu .trigger{letter-spacing:.16em;text-transform:uppercase;background:var(--field);border:2px solid var(--edge);color:var(--ink-muted);cursor:pointer;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-s);transition:color var(--transition-fast,0) var(--timing,ease), border-color var(--transition-fast,0) var(--timing,ease);font-size:clamp(.75rem,1.6vmin,.875rem);font-weight:700;font-stretch:112%;display:flex}.app-menu .trigger[data-hovered],.app-menu .trigger[data-pressed]{border-color:var(--ink);color:var(--ink)}.app-menu .trigger .trigger-label{text-box:trim-both cap alphabetic}.app-menu-popover{background:var(--field);border:3px solid var(--ink);overscroll-behavior:contain;max-width:min(92vw,320px);padding:var(--space-m);scrollbar-color:var(--ink-muted) transparent;scrollbar-width:thin;overflow-y:auto}.app-menu-popover[data-entering]{animation:popover-strike var(--transition-fast,0) var(--timing,ease)}.app-menu-popover .react-aria-Dialog{gap:var(--space-m);outline:none;flex-direction:column;display:flex}.app-menu-popover .button,.app-menu-popover .link{white-space:normal;font-size:1rem}.app-menu-popover .invitation,.app-menu-popover .wall-doors{gap:var(--space-s);flex-direction:column;display:flex}.app-menu-popover .wall-doors form{align-items:start;gap:var(--space-xs);flex-direction:column;display:flex}.app-menu-popover .room-invitation{--invitation-code-size:2.5rem;--invitation-qr-max-width:180px;gap:var(--space-m)}.app-menu-popover .seat-name .summary{color:var(--ink)}.app-menu-popover .seat-name .react-aria-Form{align-items:start;gap:var(--space-s);flex-direction:column;display:flex}.app-menu-popover .seat-name .react-aria-Form .text-field{align-self:stretch}.app-menu-popover .exits{gap:var(--space-s);flex-direction:column;display:flex}.app-menu-popover .recovery{gap:var(--space-xs);flex-direction:column;display:flex}.app-menu-popover .recovery .token{letter-spacing:-.015em;letter-spacing:.16em;text-align:center;-webkit-user-select:text;user-select:text;font-size:1.5rem;font-weight:800;font-stretch:112%;line-height:1.05}.app-menu-popover .recovery .hint{color:var(--ink-muted);text-align:center;text-wrap:balance;font-size:clamp(.875rem,1.8vmin,1rem);font-weight:500;line-height:1.35}.app-menu-popover .warning{color:var(--ink-muted);text-wrap:balance;font-size:clamp(.875rem,1.8vmin,1rem);font-weight:500;line-height:1.35}.app-menu-popover .build{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);text-align:center;-webkit-user-select:text;user-select:text;font-size:clamp(.75rem,1.6vmin,.875rem);font-weight:700;font-stretch:112%}.app-menu-popover .credit{color:var(--ink-muted);text-align:center;text-wrap:balance;-webkit-user-select:text;user-select:text;margin-block-start:calc(var(--space-m) * -.5);font-size:.8125rem;font-weight:500;line-height:1.35}.app-menu-popover .credit+.build{margin-block-start:calc(var(--space-m) * -.5)}.app-shell{--menu-inset:calc(var(--layout-padding) + var(--menu-width,116px));--menu-block-inset:calc(var(--layout-padding-block-start) + var(--space-xl));flex-direction:column;flex:1;display:flex}@media (prefers-reduced-motion:no-preference){.error-screen{animation:page-enter var(--transition-base,0) var(--timing,ease) both}}.error-screen{gap:var(--space-l);max-width:var(--column-max-width);padding-block:var(--layout-padding-block-start) var(--layout-padding-block-end);padding-inline:var(--layout-padding-inline-start) var(--layout-padding-inline-end);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}@media (width>=900px){.error-screen{max-width:var(--column-wide-max-width)}}.error-screen{text-align:center;justify-content:center;align-items:center}.error-screen h1{letter-spacing:-.03em;font-size:clamp(1.75rem,6vmin,4.5rem);font-weight:900;font-stretch:125%;line-height:.94}.error-screen p{color:var(--ink-muted);max-width:42ch;font-size:clamp(1rem,2vmin,1.125rem);font-weight:450;line-height:1.45}.error-screen .ways-out{align-items:center;gap:var(--space-s);margin-top:var(--space-l);flex-direction:column;display:flex}.loader{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:var(--space-s);font-size:clamp(.75rem,1.6vmin,.875rem);font-weight:700;font-stretch:112%;display:flex}.loader:empty{display:none}@media (prefers-reduced-motion:no-preference){.route-fallback{animation:page-enter var(--transition-base,0) var(--timing,ease) both}}.route-fallback{gap:var(--space-l);max-width:var(--column-max-width);padding-block:var(--layout-padding-block-start) var(--layout-padding-block-end);padding-inline:var(--layout-padding-inline-start) var(--layout-padding-inline-end);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}@media (width>=900px){.route-fallback{max-width:var(--column-wide-max-width)}}.route-fallback{justify-content:center;align-items:center}}@keyframes connection-pulse{50%{opacity:.2}}@keyframes popover-strike{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s}::view-transition-group(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@layer base{@font-face{font-display:swap;font-family:Archivo;font-stretch:62% 125%;font-style:normal;font-weight:100 900;src:url(/fonts/archivo-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Archivo;font-stretch:62% 125%;font-style:normal;font-weight:100 900;src:url(/fonts/archivo-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}html{scrollbar-gutter:stable}#root{min-height:100dvh}body{background:var(--field);color:var(--ink);font-family:var(--font-base);transition:background-color var(--transition-slow,0) var(--timing,ease);font-size:clamp(1rem,2vmin,1.125rem);font-weight:450;line-height:1.45}#root{flex-direction:column;display:flex}::selection{background:var(--ink);color:var(--field)}}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{interpolate-size:allow-keywords;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,svg,canvas,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}ul,ol{list-style:none}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}h1,h2,h3,h4{font-weight:700;line-height:1.1}}@layer tokens{:root{--field-lobby:var(--lightningcss-light,oklch(72.58% .1782 43.19))var(--lightningcss-dark,oklch(49.27% .1593 36.32));--ink-lobby:var(--lightningcss-light,oklch(20.74% .0556 49.07))var(--lightningcss-dark,oklch(96.81% .0212 65.32));--field-countdown:var(--lightningcss-light,oklch(85.37% .1572 84.13))var(--lightningcss-dark,oklch(67.94% .1424 76.48));--ink-countdown:var(--lightningcss-light,oklch(24.7% .0505 87.71))var(--lightningcss-dark,oklch(18.89% .026 77.5));--field-playing:var(--lightningcss-light,oklch(71.12% .1094 181.26))var(--lightningcss-dark,oklch(37.38% .0605 183.56));--ink-playing:var(--lightningcss-light,oklch(23.21% .0371 183.02))var(--lightningcss-dark,oklch(97.42% .019 176.45));--field-buzzed:var(--lightningcss-light,oklch(66.75% .1909 14.92))var(--lightningcss-dark,oklch(41.29% .155 19.08));--ink-buzzed:var(--lightningcss-light,oklch(19.16% .0766 14.32))var(--lightningcss-dark,oklch(96.09% .0197 9.78));--field-revealed:var(--lightningcss-light,oklch(67.2% .1218 320.21))var(--lightningcss-dark,oklch(30.84% .1081 322.47));--ink-revealed:var(--lightningcss-light,oklch(20.11% .0774 320.77))var(--lightningcss-dark,oklch(95.11% .0287 320.58));--field-finished:var(--lightningcss-light,oklch(72.94% .1308 152.72))var(--lightningcss-dark,oklch(39.25% .0896 152.54));--ink-finished:var(--lightningcss-light,oklch(23.04% .055 151.4))var(--lightningcss-dark,oklch(97.15% .0246 156.74));--cut:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(95.93% .0143 84.58));--cut-ink:oklch(18.95% .0133 77.82);--danger:oklch(48.3% .1958 25.03);--danger-ink:oklch(97.13% .014 17.4);--radius-full:999px;--space-2xs:4px;--space-xs:8px;--space-s:12px;--space-m:20px;--space-l:32px;--space-xl:48px;--space-2xl:72px;--transition-fast:.11s;--transition-base:.26s;--transition-slow:.52s;--timing:cubic-bezier(.16, 1, .3, 1);--font-base:"Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--layout-padding:clamp(16px, 4vmin, 56px);--layout-padding-block-start:max(var(--layout-padding), env(safe-area-inset-top,0px));--layout-padding-block-end:max(var(--layout-padding), env(safe-area-max-inset-bottom,env(safe-area-inset-bottom,0px)));--layout-padding-inline-start:max(var(--layout-padding), env(safe-area-inset-left,0px));--layout-padding-inline-end:max(var(--layout-padding), env(safe-area-inset-right,0px));--stage-max-width:1800px;--column-max-width:620px;--column-wide-max-width:900px;--field:var(--field-lobby);--ink:var(--ink-lobby);--ink-muted:color-mix(in oklab, var(--ink) 85%, var(--field));--rule:color-mix(in oklab, var(--ink) 32%, var(--field));--edge:color-mix(in oklab, var(--ink) 60%, var(--field))}:root[data-phase=countdown]{--field:var(--field-countdown);--ink:var(--ink-countdown)}:root[data-phase=playing]{--field:var(--field-playing);--ink:var(--ink-playing)}:root[data-flipped]{--field:var(--ink-playing);--ink:var(--field-playing)}:root:is([data-phase=buzzed],[data-phase=playing][data-marking]){--field:var(--field-buzzed);--ink:var(--ink-buzzed)}:root[data-phase=revealed]{--field:var(--field-revealed);--ink:var(--ink-revealed)}:root[data-phase=finished]{--field:var(--field-finished);--ink:var(--ink-finished)}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-strike{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}