.tv-shell{position:relative;width:100vw;height:100vh;overflow:hidden}.tv-safe{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--safe-inset-y) var(--safe-inset-x);display:flex;flex-direction:column}.tv-brand{display:inline-flex;align-items:center;gap:var(--space-3)}.tv-brand__badge{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-md);background:var(--accent);color:var(--ink-on-accent);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--tv-text-lg)}.tv-brand__word{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--tv-text-lg);letter-spacing:var(--tracking-tight)}.tv-brand--small .tv-brand__badge,.tv-brand--small .tv-brand__word{font-size:var(--tv-text-sm)}.tv-conn{width:1.4vh;height:1.4vh;border-radius:var(--radius-pill);display:inline-block}.tv-conn--ok{background:var(--success);box-shadow:0 0 16px var(--success)}.tv-conn--bad{background:var(--warning)}.tv-pairing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4)}.tv-pairing__title{font-size:var(--tv-text-xl)}.tv-pairing__instruction{font-size:var(--tv-text-base);color:var(--ink-muted);max-width:24ch;margin:0}.tv-paircode-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-5) var(--space-7);border:2px solid var(--hairline);border-radius:var(--radius-xl);background:var(--surface-sunken);box-shadow:var(--shadow-sticker),var(--glow-accent)}.tv-paircode__label{font-size:var(--tv-text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-subtle)}.tv-paircode{font-size:var(--tv-text-display);font-weight:var(--weight-bold);line-height:1;letter-spacing:var(--tracking-code);color:var(--accent-amber)}.tv-pairing__hint{font-size:var(--tv-text-sm);color:var(--ink-subtle);margin:0}.tv-lobby{flex:1;display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.tv-lobby__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.tv-lobby__ready{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--tv-text-lg);color:var(--accent-teal)}.tv-lobby__body{flex:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-6);min-height:0}.tv-join{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker)}.tv-join__label{font-size:var(--tv-text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-muted)}.tv-join__qr{width:min(34vh,100%);aspect-ratio:1;padding:var(--space-3);background:var(--ink);border-radius:var(--radius-md)}.tv-qr{display:block;width:100%;height:100%}.tv-join__code{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.tv-join__code-label{font-size:var(--tv-text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-subtle)}.tv-room-code{font-size:var(--tv-text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-code);color:var(--ink)}.tv-roster-pane{display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.tv-roster__title{font-size:var(--tv-text-lg);color:var(--ink-muted)}.tv-roster__empty{font-size:var(--tv-text-base);color:var(--ink-subtle)}.tv-roster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18vw),1fr));gap:var(--space-3);overflow:hidden}.tv-seat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-fill);border-radius:var(--radius-md)}.tv-seat--offline{opacity:.4}.tv-seat__avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.8em;height:1.8em;border-radius:var(--radius-pill);color:var(--ink-on-accent);font-family:var(--font-display);font-weight:var(--weight-bold);flex:none}.tv-seat__dot{position:absolute;inset-inline-end:-.2em;bottom:-.2em;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;border-radius:var(--radius-pill);font-size:.6em;border:2px solid var(--bg-base)}.tv-seat__dot--host{background:var(--accent-amber);color:var(--ink-on-accent)}.tv-seat__dot--ready{background:var(--success);color:var(--ink-on-accent)}.tv-seat__name{flex:1;font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-seat__status{font-size:var(--tv-text-sm);color:var(--ink-subtle)}.tv-playlist{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface-fill);border-radius:var(--radius-md);border:1px dashed var(--hairline)}.tv-playlist__title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--tv-text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-muted)}.tv-playlist__empty{font-size:var(--tv-text-sm);color:var(--ink-subtle)}.tv-phase{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.tv-phase__code{font-size:var(--tv-text-lg);color:var(--ink-muted)}.tv-phase__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4)}.tv-phase__title{font-size:var(--tv-text-2xl)}.tv-phase__note{font-size:var(--tv-text-base);color:var(--ink-muted);margin:0}.tv-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--scrim);z-index:var(--z-overlay)}.tv-overlay__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-7);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);text-align:center}.tv-overlay__title{font-size:var(--tv-text-xl)}.tv-overlay__note{font-size:var(--tv-text-base);color:var(--ink-muted);margin:0}.tv-spinner{width:4vh;height:4vh;border-radius:var(--radius-pill);border:.5vh solid var(--hairline);border-top-color:var(--accent);animation:tv-spin .9s linear infinite}@keyframes tv-spin{to{transform:rotate(360deg)}}:root{color-scheme:dark;--font-display: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Roboto Mono", "Courier New", monospace;--tv-text-sm: clamp(32px, 3vh, 48px);--tv-text-base: clamp(36px, 3.6vh, 56px);--tv-text-lg: clamp(44px, 4.4vh, 72px);--tv-text-xl: clamp(56px, 6vh, 96px);--tv-text-2xl: clamp(72px, 9vh, 140px);--tv-text-display: clamp(120px, 18vh, 320px);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.05;--leading-snug: 1.2;--leading-normal: 1.4;--tracking-tight: -.01em;--tracking-wide: .04em;--tracking-caps: .14em;--tracking-code: .12em;--bg-base: #0c0721;--bg-gradient: radial-gradient(120% 95% at 50% 26%, #150c29 0%, #0d0620 62%, #060212 100%);--bg-grid: repeating-linear-gradient(0deg, rgba(255, 246, 233, .04) 0 1px, transparent 1px 96px), repeating-linear-gradient(90deg, rgba(255, 246, 233, .04) 0 1px, transparent 1px 96px);--surface: #241643;--surface-raised: #2e1d5c;--surface-sunken: #0a0913;--surface-fill: rgba(255, 246, 233, .06);--hairline: rgba(255, 246, 233, .12);--ink: #fff6e9;--ink-muted: rgba(255, 246, 233, .66);--ink-subtle: rgba(255, 246, 233, .36);--ink-on-accent: #0c0721;--accent: #ff6b45;--accent-strong: #ff8463;--accent-pink: #ff5da2;--accent-amber: #ffb938;--accent-teal: #3de0c0;--accent-violet: #9d7bff;--success: #54c97f;--warning: #ffb938;--danger: #f2495c;--tint-accent: rgba(255, 107, 69, .22);--tint-success: rgba(84, 201, 127, .22);--scrim: rgba(6, 2, 18, .78);--radius-md: 24px;--radius-lg: 40px;--radius-xl: 56px;--radius-pill: 999px;--space-2: .8vh;--space-3: 1.4vh;--space-4: 2vh;--space-5: 3vh;--space-6: 4.5vh;--space-7: 6vh;--shadow-sticker: 0 4px 0 rgba(6, 2, 18, .5), 0 24px 60px rgba(6, 2, 18, .5);--glow-accent: 0 0 64px rgba(255, 107, 69, .4);--safe-inset-y: 5vh;--safe-inset-x: 5vw;--z-overlay: 1000}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}html{cursor:none}body{background-color:var(--bg-base);background-image:var(--bg-grid),var(--bg-gradient);background-repeat:no-repeat;background-attachment:fixed;color:var(--ink);font-family:var(--font-body);font-size:var(--tv-text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}.numeric{direction:ltr;font-family:var(--font-mono);font-variant-numeric:tabular-nums;unicode-bidi:isolate}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}