:root,.pad{--bg:var(--t-background,#1f2937);--surface:var(--t-surface,#ffffff1f);--line:var(--t-border,#374151);--ink:var(--t-ink,#f9fafb);--muted:var(--t-muted,#9ca3af);--tint:#3b82f6;--primary:var(--t-primary,var(--tint));--primary-lip:var(--t-primary-lip,color-mix(in srgb, var(--primary) 65%, black));--primary-ink:var(--t-primary-ink,var(--ink));--secondary:var(--t-secondary,var(--surface));--secondary-lip:var(--t-secondary-lip,transparent);--secondary-ink:var(--t-secondary-ink,var(--ink));--stick:var(--t-stick,#ffffff0f);--stick-ring:var(--t-stick-ring,color-mix(in srgb, var(--tint) 55%, transparent));--knob:var(--t-knob,var(--tint));--error:var(--t-error,#f87171);--radius:var(--t-radius,16px);--border:var(--t-border-width,0px);--lip:var(--t-lip,0px);--caps:var(--t-caps,none);--spacing:var(--t-letter-spacing,.08em);--font-body:var(--t-font-body,ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif);--font-heading:var(--t-font-heading,var(--font-body))}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body)}:root.themed{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root.themed{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;touch-action:none;margin:0}body{background-image:var(--t-bg-image,none);background-position:50%;background-size:cover}#root{background:0 0}h1,.status,button,.label{font-family:var(--font-heading)}h1{text-transform:var(--caps);letter-spacing:var(--spacing)}.pad{height:100%;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;gap:12px;display:grid}.pad.seated{box-shadow:inset 0 0 0 4px var(--tint)}header{grid-column:1/3;justify-content:space-between;align-items:center;gap:10px;display:flex}.logo{width:auto;height:32px}.status{color:var(--tint);letter-spacing:var(--spacing);text-transform:var(--caps);font-weight:700}.note{color:#fff;text-align:center;z-index:2;background:#000000bf;border-radius:10px;margin:0;padding:10px 12px;font-size:14px;position:absolute;top:48px;left:16px;right:16px}.right{flex-direction:column;align-items:center;gap:16px;display:flex}.stick{aspect-ratio:1;background:var(--stick);border:3px solid var(--stick-ring);touch-action:none;border-radius:50%;place-self:center;width:min(42vw,60vh);position:relative}.right .stick{width:min(42vw,46vh)}.knob{background:var(--knob);pointer-events:none;border-radius:50%;position:absolute;inset:30%;box-shadow:0 6px 18px #00000059}.label{text-align:center;color:var(--muted);letter-spacing:.15em;text-transform:var(--caps);font-size:12px;position:absolute;top:-1.6em;left:0;right:0}.buttons{justify-content:center;gap:12px;width:100%;display:flex}button{font:inherit;font-family:var(--font-heading);letter-spacing:var(--spacing);text-transform:var(--caps);border:var(--border) solid var(--line);border-radius:var(--radius);color:var(--secondary-ink);background:var(--secondary);box-shadow:0 var(--lip) 0 var(--secondary-lip);touch-action:none;font-weight:800;transition:transform 40ms,box-shadow 40ms}button:active{filter:brightness(1.15);transform:translateY(var(--lip));box-shadow:0 0 #0000}.fire,.join button{color:var(--primary-ink);background:var(--primary);box-shadow:0 var(--lip) 0 var(--primary-lip)}.fire{flex:1;max-width:220px;padding:22px 0}.second{flex:.7;max-width:160px;padding:22px 0}.start{padding:10px 18px}.message,.join{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:24px;display:flex}.join input{font:inherit;border-radius:var(--radius);border:max(2px, var(--border)) solid var(--line);background:var(--t-surface,#111827);width:min(320px,90vw);color:var(--ink);text-align:center;-webkit-user-select:text;user-select:text;padding:14px;font-size:22px}.join button{width:min(320px,90vw);padding:16px}.join button:disabled{opacity:.4}.message a{color:var(--tint)}:root.themed .message a{color:var(--primary)}.signin-link{color:inherit;opacity:.8;margin-left:auto;margin-right:.75rem;font-size:.85rem}.join p,.message p{opacity:.8}.error{color:var(--error)}
