@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Syne:wght@700;800&display=swap";html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{color:#071018;background:#c8ff4a59}:root{--ink:#100c0a;--ink-2:#1a1410;--fog:#f3ebe3;--mute:#a89888;--lime:#e8b86d;--teal:#d4924a;--coral:#d97858;--pink:#c45c6a;--amber:#ffd166;--line:#f3ebe31f;--font-display:"Syne", "Segoe UI", sans-serif;--font-body:"Sora", "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--fog);font-family:var(--font-body);background:var(--ink);margin:0;overflow-x:hidden}button,input{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arena{isolation:isolate;min-height:100vh;padding:clamp(1.1rem,2.5vw,2.2rem);position:relative}.arena--podcast{background:radial-gradient(at 50% 0,#502a1273,#0000 55%),linear-gradient(#1a120e 0%,#0c0907 100%)}.arena.is-onair{background:radial-gradient(at 50% 8%,#78241859,#0000 50%),linear-gradient(#1c100c 0%,#0a0705 100%)}.arena__glow{filter:blur(80px);opacity:.34;pointer-events:none;z-index:-2;border-radius:50%;width:50vw;height:50vw;animation:14s ease-in-out infinite alternate drift;position:fixed;inset:auto}.arena__glow--a{background:radial-gradient(circle,#e8b86d80,#0000 65%);top:-10vw;left:-8vw}.arena__glow--b{background:radial-gradient(circle,#c45c6a66,#0000 65%);animation-delay:-4s;bottom:-8vw;right:-12vw}.arena__grain{z-index:-1;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:linear-gradient(115deg,#e8b86d14,#0000 40%,#c45c6a14),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:fixed;inset:0}.hero{text-align:center;max-width:920px;margin:0 auto 1.4rem}.hero--compact{margin-bottom:1rem}.hero__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin:0 0 .65rem;font-size:.72rem}.hero__brand{font-family:var(--font-display);letter-spacing:-.045em;background:linear-gradient(100deg,#e8b86d 10%,#fff6ea 48%,#d97858 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.2rem,11vw,6.2rem);font-weight:800;line-height:.9;animation:5s ease-in-out infinite brandPulse}.hero__lede{max-width:38rem;color:var(--mute);margin:.9rem auto 1rem;font-size:clamp(1rem,2.3vw,1.15rem)}.status-row{color:var(--mute);flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin-top:.35rem;font-size:.85rem;display:flex}.pill{border:1px solid var(--line);letter-spacing:.08em;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.pill.is-live{color:#ff8e7a;border-color:#ff5a5a73;animation:1.4s ease-in-out infinite liveBlink}.pill.is-link{color:var(--lime);border-color:#e8b86d66}.pill.is-paused{color:#c8c4d4;border-color:#b4b4c859}.err{color:#ff8e7a}.show-controls{flex-direction:column;align-items:center;gap:.55rem;max-width:36rem;margin:.85rem auto 0;display:flex}.show-controls__state{color:var(--mute);align-items:center;gap:.45rem;font-size:.88rem;display:inline-flex}.show-controls__dot{background:#6a6570;border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem}.show-controls__dot.is-live{background:#ff5a5a;animation:1.4s ease-in-out infinite liveBlink;box-shadow:0 0 0 3px #ff5a5a40}.show-controls__dot.is-paused{background:#9a96a8}.show-controls__label{letter-spacing:.02em}.show-controls__actions{gap:.5rem;display:flex}.show-controls__btn{appearance:none;letter-spacing:.04em;cursor:pointer;border:1px solid #0000;border-radius:4px;padding:.55rem 1.35rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:transform .12s,opacity .12s,background .12s}.show-controls__btn:disabled{opacity:.55;cursor:wait}.show-controls__btn:not(:disabled):hover{transform:translateY(-1px)}.show-controls__btn--start{color:#f4fff8;background:linear-gradient(100deg,#2d8a4e,#3cb371);border-color:#b4ffc840}.show-controls__btn--stop{color:#fff5f3;background:linear-gradient(100deg,#a83434,#d94a4a);border-color:#ffb4a04d}.show-controls__err{color:#ff8e7a;margin:0;font-size:.8rem}.rogan{background:#0a0705;border:1px solid #ffdcb414;border-radius:4px;max-width:1180px;margin:0 auto 1.5rem;animation:.7s both studioIn;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.rogan--oneshot{aspect-ratio:16/9;min-height:clamp(280px,52vw,620px)}.studio-room{width:100%;height:100%;min-height:inherit;background:#0a0705;position:relative}.studio-room__viewport{position:absolute;inset:0}.studio-room__viewport canvas{display:block;width:100%!important;height:100%!important}.studio-room__loading{color:var(--fog);z-index:3;background:#080504d1;place-items:center;font-size:1rem;display:grid;position:absolute;inset:0}.studio-room__plates{pointer-events:none;z-index:2;justify-content:space-between;display:flex;position:absolute;bottom:.65rem;left:.75rem;right:.75rem}.studio-room__plates span{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);background:#0805048c;border:1px solid #ffffff1a;padding:.25rem .55rem;font-size:.72rem}.studio-room__plates span.is-hot{color:#ff8a7a;border-color:#ff645073;animation:1.1s ease-in-out infinite liveBlink}.studio-room__dbg{opacity:.55;letter-spacing:.04em!important;text-transform:none!important;font-size:.62rem!important}.studio-room.is-live:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ff5a461f}.podcast-guest{--accent:#e8b86d;min-width:0}.podcast-guest--right{--accent:#d97858}.podcast-guest__chrome{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:linear-gradient(165deg,#ffe6c80f,#0006);border-radius:4px;padding:.45rem;transition:border-color .18s,box-shadow .18s}.podcast-guest.is-live .podcast-guest__chrome{border-color:color-mix(in srgb, var(--accent) 65%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent)}.podcast-guest__top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;padding:0 .1rem;display:flex}.podcast-guest__badge{border:1px solid var(--line);letter-spacing:.14em;color:var(--mute);background:#0c0806bf;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.podcast-guest__badge i{background:var(--mute);border-radius:50%;width:.45rem;height:.45rem}.podcast-guest__badge.is-on{color:#ff8a7a;border-color:#ff505073}.podcast-guest__badge.is-on i{background:#ff4d4d;animation:.85s ease-in-out infinite liveBlink;box-shadow:0 0 10px #ff3c3cb3}.podcast-guest__show{letter-spacing:.08em;color:var(--mute);font-size:.68rem}.podcast-guest__stage{aspect-ratio:4/5;background:radial-gradient(at 50% 30%,#4a3424 0%,#1a120e 55%,#0a0705 100%);border:1px solid #ffffff0d;width:100%;position:relative;overflow:hidden}.podcast-guest__viewport{width:100%;height:100%;position:absolute;inset:0}.podcast-guest__viewport canvas{display:block;width:100%!important;height:100%!important}.podcast-guest__loading{color:var(--fog);z-index:3;background:#0a0705b8;place-items:center;font-size:.92rem;display:grid;position:absolute;inset:0}.podcast-guest__desk{z-index:2;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.podcast-guest__set{filter:drop-shadow(0 -8px 18px #00000073);width:100%;height:auto;display:block}.podcast-guest__plate{border:1px solid var(--line);background:#00000061;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.45rem;padding:.35rem .4rem;display:flex}.podcast-guest__plate strong{font-size:.95rem;display:block}.podcast-guest__plate span{color:var(--mute);font-size:.72rem;display:block}.podcast-guest__meters{align-items:flex-end;gap:3px;height:22px;display:flex}.podcast-guest__meters span{background:var(--accent);transform-origin:bottom;opacity:.55;border-radius:2px;width:4px;height:100%;transform:scaleY(.15)}.podcast-guest__meters span.is-hot{opacity:1;animation:.35s ease-in-out infinite alternate vu}.podcast-guest__meters span.is-hot:nth-child(2){animation-delay:50ms}.podcast-guest__meters span.is-hot:nth-child(3){animation-delay:.1s}.podcast-guest__meters span.is-hot:nth-child(4){animation-delay:.16s}.lobby{max-width:980px;margin:0 auto 1.5rem;animation:.42s both riseIn}.lobby__hero{text-align:center;margin-bottom:1.25rem}.lobby__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:0 0 .4rem;font-size:.7rem}.lobby__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700}.lobby__clock{font-family:var(--font-display);letter-spacing:-.04em;color:#fff6ea;font-variant-numeric:tabular-nums;margin:.55rem 0 .4rem;font-size:clamp(2.8rem,10vw,4.6rem);font-weight:800;line-height:1;animation:2.4s ease-in-out infinite clockPulse}.lobby__lede{max-width:34rem;color:var(--mute);margin:0 auto;font-size:.95rem}.lobby__vote-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.lobby__vote-head h3{font-family:var(--font-display);margin:0;font-size:1.15rem}.lobby__vote-head span{color:var(--mute);font-size:.85rem}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.theme-card{text-align:left;cursor:pointer;border:1px solid var(--line);width:100%;color:inherit;background:#ffffff08;padding:.85rem .9rem;transition:border-color .14s,background .14s,transform .14s}.theme-card:hover:not(:disabled){border-color:#e8b86d59;transform:translateY(-1px)}.theme-card:disabled{opacity:.7;cursor:wait}.theme-card.is-mine{background:#e8b86d14;border-color:#e8b86d8c}.theme-card.is-lead{border-color:#d9785873}.theme-card__label{font-size:.98rem;font-weight:700;display:block}.theme-card__blurb{color:var(--mute);margin-top:.2rem;font-size:.78rem;display:block}.theme-card__bar{background:#ffffff14;height:3px;margin-top:.65rem;display:block;overflow:hidden}.theme-card__bar i{background:linear-gradient(90deg,#e8b86d,#d97858);height:100%;transition:width .28s;display:block}.theme-card__meta{color:var(--mute);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:.72rem;display:block}.duel-grid{grid-template-columns:1fr auto 1fr;align-items:start;gap:.85rem;max-width:1240px;margin:0 auto;display:grid}.duel-grid--transcripts .vs--ghost{width:2.5rem}.vs{font-family:var(--font-display);letter-spacing:.08em;color:#f3ebe347;place-items:center;font-weight:800;display:grid}.transcript{--accent:#e8b86d;border-top:1px solid var(--line);min-width:0;padding-top:.75rem}.duel-right,.transcript.duel-right{--accent:#d97858;text-align:right}.transcript__head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.25rem}.duelist__role{letter-spacing:.18em;color:var(--accent);margin:0;font-size:.7rem;font-weight:700}.duelist__tag{color:var(--mute);margin:.15rem 0 0;font-size:.85rem}.duelist__log{scrollbar-width:thin;flex-direction:column;gap:.55rem;max-height:min(30vh,320px);padding:.65rem .1rem .1rem;display:flex;overflow:auto}.duelist__empty{color:var(--mute);margin:1rem 0;font-size:.9rem}.bubble{border-left:2px solid var(--accent);background:linear-gradient(90deg,#ffffff0a,#0000);max-width:94%;padding:.7rem .85rem;animation:.32s both riseIn}.duel-right .bubble{border-left:0;border-right:2px solid var(--accent);background:linear-gradient(270deg,#ffffff0a,#0000);margin-left:auto}.bubble p{margin:0;font-size:.94rem;line-height:1.45}.bubble--thinking{color:var(--mute);align-items:center;gap:.55rem;font-size:.85rem;display:inline-flex}.dots{gap:.2rem;display:inline-flex}.dots i{background:var(--accent);border-radius:50%;width:.35rem;height:.35rem;animation:.9s ease-in-out infinite bounceDot}.dots i:nth-child(2){animation-delay:.12s}.dots i:nth-child(3){animation-delay:.24s}.foot{text-align:center;max-width:760px;color:var(--mute);margin:1.75rem auto 0;font-size:.82rem}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(3vw,2vh)scale(1.08)}}@keyframes brandPulse{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 18px #e8b86d38)}}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.55}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes studioIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes clockPulse{0%,to{text-shadow:0 0 #0000}50%{text-shadow:0 0 24px #e8b86d47}}@keyframes screenDrift{0%{filter:saturate();transform:scale(1)}to{filter:saturate(1.08);transform:scale(1.04)}}@keyframes bounceDot{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes vu{0%{transform:scaleY(.25)}to{transform:scaleY(.95)}}.video-studio{width:100%;height:100%;min-height:inherit;background:radial-gradient(at 50% 0,#5a301859,#0000 55%),linear-gradient(#1c1410 0%,#0a0705 100%);border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f3ebe314}.video-studio__stage{grid-template-columns:1fr minmax(120px,.42fr) 1fr;align-items:end;gap:clamp(.6rem,1.4vw,1.2rem);height:100%;padding:clamp(.8rem,2vw,1.4rem);display:grid}.host-panel{flex-direction:column;gap:.55rem;margin:0;transition:transform .28s,filter .28s;display:flex}.host-panel.is-active{transform:translateY(-4px)}.host-panel:not(.is-active) .host-panel__media{filter:saturate(.88)brightness(.92)}.host-panel.is-speaking .host-panel__frame,.host-panel.is-active .host-panel__frame{box-shadow:0 0 0 1px #e8b86d73,0 18px 40px #00000059}.host-panel.is-listening .host-panel__frame{box-shadow:0 0 0 1px #f3ebe31f}.host-panel__frame{aspect-ratio:3/4;background:#120e0c;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 16px 36px #00000059}.host-panel__media{object-fit:cover;width:100%;height:100%;display:block}.host-panel figcaption{flex-direction:column;gap:.1rem;padding:0 .2rem;display:flex}.host-panel figcaption strong{font-family:var(--font-display);letter-spacing:.02em;font-size:1.05rem}.host-panel figcaption span{color:var(--mute);font-size:.78rem}.video-studio__desk{justify-content:center;align-self:stretch;align-items:center;padding-bottom:12%;display:flex}.video-studio__screen{aspect-ratio:16/10;background:#0b0908;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 0 0 1px #f3ebe31a,0 20px 40px #0006}.video-studio__screen img{object-fit:cover;width:100%;height:100%;display:block}.video-studio__screen-fallback{text-align:center;background:linear-gradient(160deg,#d4924a2e,#0000 60%),#15100d;place-content:center;gap:.35rem;width:100%;height:100%;padding:.8rem;display:grid}.video-studio__screen-fallback p{font-family:var(--font-display);margin:0;font-size:.95rem}.video-studio__screen-fallback span{color:var(--mute);font-size:.72rem}@media (width<=900px){.duel-grid{grid-template-columns:1fr}.vs--ghost{display:none}.duel-right,.transcript.duel-right{text-align:left}.rogan--oneshot{aspect-ratio:4/5;min-height:420px}.video-studio__stage{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.video-studio__desk{order:-1;grid-column:1/-1;padding-bottom:0}}