:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0b1220;--surface:#172337;--raised:#23344a;--interactive:#293c4e;--border:#35465b;--text:#f1edf3;--secondary:#b9c4d4;--muted:#91a0b6;--success:#83c8aa;--velvet:#563746;--pink:#ff5ba7;--cyan:#45dff0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius:16px;--font:Arial, Helvetica, system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--canvas);color:var(--text);font:16px/1.5 var(--font);margin:0}a{color:inherit;text-decoration:none}button,input,select,summary{font:inherit}button,select{color:inherit}button,summary{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.3}h2{font-size:20px;line-height:1.4}h3{font-size:14px;font-weight:600}small{font-size:12px}.brand{align-items:center;gap:var(--space-2);white-space:nowrap;font-size:20px;font-weight:700;display:flex}.brand>span{color:var(--pink);text-shadow:2px 1px var(--cyan);font-size:32px}.eyebrow{color:var(--secondary);font-size:12px}.muted{color:var(--secondary);font-size:14px}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.button,.icon-button{background:var(--surface);border:1px solid var(--border);min-height:44px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.primary{border-color:var(--pink);background:var(--velvet)}.skip-link{z-index:10;background:var(--surface);padding:12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.preview-home,.feedback{max-width:1100px;margin:0 auto;padding:64px 24px}.preview-home>.eyebrow{color:var(--pink);margin-top:64px}.preview-home h1{margin:12px 0;font-size:clamp(32px,5vw,56px)}.preview-home>p:not(.brand):not(.eyebrow){max-width:660px;color:var(--secondary)}.screen-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;display:grid}.screen-card{min-height:170px;padding:24px;transition:border-color .15s}.screen-card:hover{border-color:var(--pink)}.screen-card h2{margin:12px 0}.screen-card>span:last-child{color:var(--secondary);font-size:14px}.feedback{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.feedback h1,.feedback p{flex-basis:100%}.preview-banner{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 24px;padding:12px 24px;font-size:14px;display:flex}.preview-banner strong{color:var(--pink)}.preview-banner span{color:var(--secondary)}.preview-banner a{text-underline-offset:4px;align-items:center;min-height:32px;text-decoration:underline;display:flex}.preview-page,.preview-scroll{display:contents}.room-shell{border:1px solid var(--border);background:linear-gradient(135deg, #07101b, var(--canvas));border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:172px minmax(0,1fr) 288px;gap:16px;max-width:1520px;min-height:780px;margin:24px auto 16px;padding:16px;display:grid}.navigation{border-right:1px solid var(--border);flex-direction:column;grid-row:1/4;padding-right:16px;display:flex}.navigation .brand{min-height:56px}.navigation nav{flex-direction:column;gap:8px;margin-top:16px;display:flex}.navigation nav a{border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:8px;font-size:14px;display:flex}.navigation nav a[aria-current],.mobile-menu a[aria-current]{background:var(--velvet);border-color:var(--pink)}.navigation nav a span{font-size:20px}.nav-footer{align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.nav-footer small{color:var(--secondary);display:block}.avatar{background:var(--velvet);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:inline-flex}.room-header{grid-area:1/2;justify-content:space-between;align-items:center;gap:16px;min-height:70px;display:flex}.room-header h1{margin:2px 0;font-size:20px}.room-header p:last-child{color:var(--secondary);font-size:14px}.phase-display{white-space:nowrap;align-items:center;gap:16px;display:flex}.phase-pill{background:var(--velvet);border:1px solid var(--border);border-radius:24px;padding:6px 12px;font-size:12px}.timer{color:var(--pink);font-variant-numeric:tabular-nums;font-size:24px}.room-content{flex-direction:column;grid-area:2/2;gap:16px;min-width:0;display:flex}.main-videos{flex:1;grid-template-columns:minmax(0,1fr);gap:12px;min-height:420px;display:grid}.main-videos.dialogue{grid-template-columns:repeat(2,minmax(0,1fr))}.video-tile{isolation:isolate;border:1px solid var(--border);background:#121c2c;border-radius:12px;min-width:0;min-height:0;position:relative;overflow:hidden}.video-tile.speaker{border-color:var(--pink);box-shadow:0 0 12px #ff5ba722}.video-tile.guest{border-color:var(--cyan);box-shadow:0 0 12px #45dff022}.camera-placeholder{background:radial-gradient(ellipse at 75% 18%, #a35e8538, transparent 50%), linear-gradient(150deg, var(--raised), #07101b 80%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tone-blue .camera-placeholder{background:radial-gradient(ellipse at 75% 18%, #45dff030, transparent 50%), linear-gradient(150deg, var(--raised), #07101b 80%)}.tone-amber .camera-placeholder{background:radial-gradient(ellipse at 75% 18%, #ad774448, transparent 50%), linear-gradient(150deg, var(--raised), #07101b 80%)}.portrait{border:1px solid var(--border);width:90px;height:90px;color:var(--secondary);background:#0b1220aa;border-radius:50%;place-items:center;font-size:40px;display:grid}.camera-hidden .camera-placeholder{background:var(--canvas)}.tile-disclaimer{color:var(--secondary);background:#0b1220ee;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;top:16px;left:16px}.tile-caption{background:#0b1220f5;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 16px);padding:4px 8px;font-size:14px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.media-symbol{color:var(--cyan)}.tile-role{color:var(--secondary);font-size:12px}.small .portrait{width:34px;height:34px;font-size:16px}.small .tile-caption{flex-wrap:nowrap;gap:4px;max-width:calc(100% - 8px);padding:2px 4px;font-size:12px;bottom:4px;left:4px;right:4px}.small .tile-caption>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strip-wrapper{padding-right:48px;position:relative}.participant-strip{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border) var(--canvas);gap:8px;padding:4px 0 12px;display:flex;overflow-x:auto}.participant-strip .video-tile{flex:0 0 104px;width:104px;height:96px}.strip-scroll{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:44px;height:96px;font-size:32px;position:absolute;top:4px;right:0}.right-column{flex-direction:column;grid-area:1/3/3;gap:12px;min-height:0;display:flex}.screen-lounge .right-column{grid-row:2}.host-slot{flex-shrink:0;height:148px}.host-slot .video-tile{height:122px}.host-slot .small .portrait{width:46px;height:46px;font-size:20px}.host-slot>p{text-align:right;color:var(--secondary);padding-top:4px;font-size:12px}.game-panel{border:1px solid var(--border);scrollbar-width:thin;background:#101b2b;border-radius:12px;flex:1;max-height:500px;padding:16px;overflow-y:auto}.game-panel h2{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:10px;font-size:16px}.panel-phase{font-size:14px;font-weight:600}.game-panel>.eyebrow{margin:4px 0 16px}.game-panel h3{margin:16px 0 8px}.roster{margin:8px 0;padding:0;list-style:none}.roster li{align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.seat-number{background:var(--raised);border-radius:6px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.roster-status{color:var(--secondary);margin-left:auto;font-size:12px}.log-entry{font-size:14px}.log-entry>span{color:var(--cyan)}.log-entry small{color:var(--secondary);display:block}.panel-note{color:var(--secondary);margin-top:24px;font-size:12px}.action-dock{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#172337cc;border-radius:16px;grid-area:3/2/auto/4;align-items:center;gap:16px;padding:12px;display:flex}.dock-control{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:64px;min-height:68px;padding:4px;display:flex}.dock-control>span{border:1px solid var(--border);border-radius:50%;place-items:center;width:36px;height:36px;font-size:24px;display:grid}.dock-control small{font-size:12px}.dock-control.pink>span{color:var(--pink);border-color:var(--pink)}.dock-control.cyan>span{color:var(--cyan)}.dock-control:disabled{color:var(--secondary)}.game-action{color:var(--secondary);margin-left:auto;font-size:14px}.preparation-grid{flex:1;grid-template-rows:260px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:110px;gap:12px;display:grid}.preparation-grid .video-tile:nth-child(-n+2){grid-column:span 2;min-height:260px}.lounge-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(120px,1fr);gap:12px;display:grid}.lounge-grid .portrait{width:56px;height:56px;font-size:24px}.lounge-grid .tile-disclaimer{font-size:12px;top:8px;left:8px}.night-scene{text-align:center;background:radial-gradient(at 50% 70%,#56374644,#0000 60%);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:420px;padding:24px;display:flex;overflow:hidden}.moon{color:var(--cyan);font-size:56px}.night-silhouettes{justify-content:center;align-items:end;height:150px;margin:8px 0 24px;display:flex}.night-silhouettes i{background:linear-gradient(var(--raised), var(--canvas));border-top:1px solid var(--cyan);border-radius:50% 50% 0 0;width:94px;height:124px;display:block}.night-silhouettes i:nth-child(2){border-color:var(--pink);height:146px}.night-scene p{color:var(--secondary);margin-top:8px;font-size:14px}.pause-notice{border:1px solid var(--cyan);border-radius:12px;padding:12px;font-size:14px}.results-scene{flex-direction:column;flex:1;gap:16px;display:flex}.result-hero{text-align:center;background:radial-gradient(at 50% 100%,#56374699,#0000 70%),#101b2b;border-radius:12px;padding:32px}.result-hero h2{margin-top:12px;font-size:32px}.result-hero p{color:var(--secondary)}.table-art{border:1px solid var(--velvet);width:80%;height:80px;color:var(--pink);background:linear-gradient(#563746,#172337);border-radius:50%;margin:24px auto 0;font-size:48px}.result-roster{border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:16px;list-style:none;display:grid}.result-roster li{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.result-roster li>span:last-child{margin-left:auto;font-size:12px}.preview-settings{background:var(--surface);border-radius:12px;max-width:1520px;margin:0 auto 24px;padding:16px 24px;font-size:14px}.preview-settings summary{min-height:44px;padding:10px 0}.preview-settings p{color:var(--secondary);margin-bottom:16px}.preview-settings label{flex-wrap:wrap;align-items:center;gap:8px;margin:0 16px 16px 0;display:inline-flex}.preview-settings select{background:var(--raised);border:1px solid var(--border);border-radius:8px;min-height:44px;padding:8px}.preview-settings input{width:22px;height:22px;accent-color:var(--pink)}.mobile-top,.log-toggle,.log-dock{display:none}.log-sheet{width:100%;max-width:none;height:70dvh;max-height:70dvh;color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:20px 20px 0 0;margin:0;padding:0;position:fixed;inset:auto 0 0}.log-sheet::backdrop{background:#0009}.sheet-header{touch-action:none;align-items:center;gap:16px;padding:20px 16px 12px;display:flex;position:relative}.sheet-header h2{font-size:16px}.sheet-header .icon-button{width:44px;margin-left:auto;padding:0;font-size:24px}.sheet-handle{background:var(--secondary);border-radius:4px;width:40px;height:4px;position:absolute;top:8px;left:calc(50% - 20px)}.sheet-content{height:calc(100% - 80px);padding:0 16px max(16px, env(safe-area-inset-bottom));overflow-y:auto}.sheet-content .game-panel{max-height:none;overflow:visible}@media (max-width:1250px) and (min-width:901px){.room-shell{grid-template-columns:136px minmax(0,1fr) 250px;gap:12px;margin:16px 8px;padding:12px}.navigation{padding-right:8px}.navigation nav a{gap:8px;font-size:12px}.phase-display{flex-wrap:wrap;justify-content:end;gap:8px}.timer{font-size:20px}.room-header h1{font-size:16px}.action-dock{gap:8px}}@media (max-width:900px){.preview-page{height:100dvh;display:block;overflow:hidden}.preview-scroll{height:calc(100dvh - var(--mobile-dock-height,calc(110px + env(safe-area-inset-bottom))));overscroll-behavior-y:contain;padding-bottom:12px;display:block;overflow-y:auto}.preview-banner{gap:4px 12px;padding:8px 12px;font-size:12px}.preview-banner span{text-align:center;flex-basis:100%}.room-shell{border:0;border-radius:0;flex-direction:column;gap:12px;min-height:0;margin:0;padding:12px;display:flex}.navigation,.right-column{display:none}.mobile-top{align-items:center;gap:12px;display:flex}.mobile-top .brand{margin-right:auto;font-size:18px}.mobile-host{flex:0 0 92px;width:92px;height:72px}.mobile-host .video-tile{height:100%}.mobile-host .media-symbol{display:none}.mobile-host .tile-caption>span:last-child{white-space:normal}.mobile-menu{position:relative}.mobile-menu summary{border:1px solid var(--border);border-radius:10px;place-items:center;min-width:44px;min-height:44px;list-style:none;display:grid}.mobile-menu nav{background:var(--surface);border:1px solid var(--border);z-index:3;border-radius:12px;width:230px;padding:8px;position:absolute;top:52px;right:0}.mobile-menu nav a{border-radius:8px;padding:12px;display:block}.room-header{gap:8px;min-height:60px}.room-header>div:first-child{min-width:0}.room-header .eyebrow{display:none}.room-header h1{font-size:16px}.room-header p:last-child{font-size:12px}.phase-display{flex-wrap:wrap;justify-content:end;gap:8px}.timer{font-size:20px}.phase-pill{padding:4px 10px}.room-content{gap:12px}.main-videos{flex:auto;height:clamp(160px,100dvh - 500px,430px);min-height:160px}.portrait{width:64px;height:64px;font-size:28px}.tile-caption{gap:4px;padding:4px;font-size:12px}.tile-role{width:100%;display:block}.tile-disclaimer{padding:4px;font-size:12px;top:8px;left:8px}.participant-strip .video-tile{flex-basis:88px;width:88px;height:92px}.strip-scroll{height:92px}.log-toggle{border-color:var(--pink);width:100%;display:flex}.action-dock{padding:8px 4px max(8px, env(safe-area-inset-bottom));z-index:2;border-radius:16px 16px 0 0;justify-content:space-around;gap:4px;position:fixed;inset:auto 8px 0}.dock-control{flex:1;min-width:0;min-height:64px}.dock-control small{text-align:center;font-size:12px}.log-dock{display:flex}.game-action{display:none}.preparation-grid{grid-template-rows:92px;grid-auto-rows:92px;gap:8px}.preparation-grid .video-tile:nth-child(-n+2){grid-row:span 2;min-height:200px}.lounge-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px;gap:8px}.night-scene{min-height:320px}.night-silhouettes i{width:80px}.result-hero{padding:24px 12px}.result-hero h2{font-size:24px}.result-roster{gap:12px;padding:12px}.result-roster li>span:last-child{margin-left:0}.preview-settings{margin:0 12px 12px;padding:12px}.preview-settings label{margin-right:0;display:flex}.screen-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:400px){.room-header{align-items:start}.phase-display{max-width:108px}.dialogue .tile-disclaimer{max-width:110px}.screen-cards{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.action-dock{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.action-dock{background:var(--surface)}}