@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');:root{color-scheme:dark;--ink:#0f0d1d;--navy:#171128;--panel:#211b35ed;--gold:#62e4fa;--pink:#ff80d8;--lime:#c7ff63;--cream:#f8f2ff;--muted:#c0b4ce;--line:#9670ad61;--live:#ff4a68;--display:'Barlow Condensed','Arial Narrow',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:#fff;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 80% -10%,#782d8855 0,transparent 38%),radial-gradient(circle at 10% 25%,#087d9b40 0,transparent 42%),#100d1e;overflow-x:hidden}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;opacity:.7}.sky:before{content:"";position:absolute;left:-15vw;right:-15vw;bottom:-40vh;height:75vh;border-radius:50%;background:radial-gradient(ellipse,#ff80d820 0,#0b172900 70%)}.sky i{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 9px 2px #fff8}.sky i:nth-child(1){top:12%;left:14%}.sky i:nth-child(2){top:25%;right:11%}.sky i:nth-child(3){top:42%;left:79%}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:max(20px,env(safe-area-inset-top)) 28px 16px}.topbar img{display:block;width:min(260px,52vw);height:78px;object-fit:contain;object-position:left center;filter:invert(1) drop-shadow(0 0 18px #62e4fa38)}.top-actions{display:flex;align-items:center;gap:10px}.viewer-pill{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#07111dcc;font-size:13px;color:var(--muted);white-space:nowrap}.viewer-pill b{color:#fff}.pulse{width:8px;height:8px;background:#55d28b;border-radius:50%;box-shadow:0 0 0 5px #55d28b1e}.icon-button{display:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#07111dcc;color:#fff;font-size:24px;line-height:1}main{position:relative;z-index:1;max-width:1240px;margin:auto;padding:22px 28px 70px}.hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:center;min-height:560px}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.18em}.gate-copy h1{font:600 clamp(58px,7vw,98px)/.9 var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:0;max-width:700px}.lede{color:var(--muted);font-size:18px;line-height:1.55;max-width:560px}.status-row{display:flex;align-items:center;gap:14px;margin-top:28px;color:#dfe5ee}.status-badge{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--gold);font-size:11px;font-weight:850;letter-spacing:.12em}.status-badge.live{color:#fff;background:var(--live);border-color:var(--live);box-shadow:0 0 22px #ff4a4a55}.player-shell{position:relative;padding:10px;border:1px solid #8d67a8;border-radius:26px;background:linear-gradient(145deg,#382449,#121020 55%);box-shadow:0 40px 90px #0008,0 0 0 1px #ffffff0a inset}.screen-glow{position:absolute;inset:15% 10%;background:#62e4fa2b;filter:blur(60px);z-index:-1}.player-shell video{display:block;width:100%;aspect-ratio:16/9;border-radius:17px;background:#020509;object-fit:contain}.player-empty{position:absolute;inset:10px 10px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;border-radius:17px;background:radial-gradient(circle at 50% 20%,#573568,#0a0812 72%)}.player-empty span{font-size:11px;letter-spacing:.2em;color:var(--gold);margin-bottom:14px}.player-empty strong{font:600 31px/1.05 var(--display);text-transform:uppercase;max-width:390px}.player-empty.hidden{display:none}.player-foot{display:flex;justify-content:space-between;gap:15px;padding:13px 8px 2px;color:var(--muted);font-size:12px}.lounge-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;margin-top:44px}.panel{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#2a203aef,#151224ed);box-shadow:0 24px 55px #0005;padding:26px}.panel h2{font:600 36px/1 var(--display);text-transform:uppercase;margin:0 0 12px}.panel p{color:var(--muted);line-height:1.5}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.connected{font-size:12px;color:#67d996}.messages{height:380px;overflow:auto;margin:18px 0;padding:0 7px 0 0;scrollbar-color:#d7b27577 transparent}.message{padding:13px 5px;border-bottom:1px solid #ffffff12;line-height:1.4}.message .name{color:var(--gold);font-weight:750}.message .time{float:right;color:#788494;font-size:11px}.empty-chat{display:grid;place-items:center;height:100%;text-align:center;color:#8290a1}.compose{display:grid;grid-template-columns:180px 1fr auto;gap:10px;align-items:end}.compose label{display:grid;gap:6px;color:var(--muted);font-size:11px}.compose input,.compose textarea{width:100%;border:1px solid #ffffff1f;border-radius:12px;background:#f8f5f0;color:#111;font:16px/1.3 inherit;padding:13px}.compose textarea{height:47px;resize:none}.primary,.secondary{border:0;border-radius:12px;background:linear-gradient(110deg,#62e4fa,#b8a8ff);color:#151126;font:800 14px inherit;padding:14px 18px;cursor:pointer}.primary:disabled,.secondary:disabled{opacity:.55}.emoji-row{grid-column:2/4;display:flex;gap:7px}.emoji-row button{width:37px;height:34px;border:1px solid #ffffff1d;border-radius:9px;background:#ffffff0a;font-size:19px}.fine-print{margin:13px 0 0;font-size:11px}.side-stack{display:grid;gap:24px}.secondary{width:100%;margin-top:8px}.notification-panel small{display:block;color:#9aa5b4;line-height:1.4;margin-top:12px}.install-panel ol,dialog ol{color:#d5dce5;line-height:1.65;padding-left:22px}.install-panel b,dialog b{color:#fff}footer{position:relative;z-index:1;display:flex;gap:22px;max-width:1240px;margin:auto;padding:24px 28px max(32px,env(safe-area-inset-bottom));border-top:1px solid #ffffff14;color:#758294;font-size:12px}footer span{margin-right:auto;color:#b9c2cf}footer a{color:#9ba7b7;text-decoration:none}dialog{max-width:440px;color:#fff;border:1px solid var(--line);border-radius:22px;background:#1b162bf7;box-shadow:0 30px 100px #000c;padding:30px}dialog::backdrop{background:#02050bd6;backdrop-filter:blur(8px)}.dialog-close{float:right;border:0;background:transparent;color:#fff;font-size:28px}.toast{position:fixed;z-index:10;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);background:#c7ff63;color:#151126;padding:12px 18px;border-radius:999px;box-shadow:0 12px 30px #0008;font-size:13px}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:32px;min-height:auto;padding-top:32px}.lounge-grid{grid-template-columns:1fr}.compose{grid-template-columns:1fr}.emoji-row{grid-column:1}.primary{width:100%}}
@media(max-width:600px){.topbar{padding-left:18px;padding-right:18px}.topbar img{width:168px;height:58px}.viewer-pill{font-size:11px;padding:8px 10px}.icon-button{display:block}.viewer-pill{max-width:130px}.viewer-pill{font-size:0}.viewer-pill b,.viewer-pill:after{font-size:11px}.viewer-pill:after{content:" in lounge"}main{padding:5px 16px 50px}.hero{padding-top:18px}.gate-copy h1{font-size:50px}.lede{font-size:16px}.status-row{align-items:flex-start;flex-direction:column;gap:9px}.player-shell{border-radius:20px;padding:7px}.player-shell video,.player-empty{border-radius:14px}.player-empty{inset:7px 7px 48px}.player-foot{display:grid}.panel{padding:20px;border-radius:20px}.panel-head{align-items:center}.messages{height:45vh;min-height:310px}.compose textarea{height:84px}.install-panel{display:none}footer{padding-left:20px;padding-right:20px;flex-wrap:wrap}.top-actions{gap:6px}}

/* Inline Watch + Chat mode */
.player-shell{transition:height .35s ease}
.overlay-toggle{position:absolute;z-index:4;top:23px;right:23px;border:1px solid #62e4fa66;border-radius:999px;background:#171128e8;backdrop-filter:blur(12px);color:#fff;padding:9px 12px;font:750 12px inherit;box-shadow:0 7px 20px #0007;cursor:pointer}
.overlay-toggle span{color:#59da8f;margin-right:5px}
.video-chat{position:absolute;z-index:5;top:10px;right:10px;bottom:48px;width:min(30%,260px);border-radius:0 17px 17px 0;background:linear-gradient(90deg,#07101d30,#07101d82 30%);backdrop-filter:blur(3px);border-left:1px solid #62e4fa42;padding:11px;display:grid;grid-template-rows:auto 1fr auto;box-shadow:-8px 0 20px #0002;text-shadow:0 1px 3px #000}
.video-chat[hidden]{display:none}
.video-chat-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17;padding:0 2px 10px}
.video-chat-head>div{display:grid}.video-chat-head b{font:600 20px var(--display);text-transform:uppercase}.video-chat-head small{color:#68d99a;font-size:10px}.video-chat-head button{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}
.video-chat-messages{overflow:auto;padding-right:3px;scrollbar-color:#d7b27577 transparent}
.video-chat .message{font-size:11px;padding:8px 2px}.video-chat .message .time{display:none}.video-chat .empty-chat{font-size:11px}
.video-chat-compose{display:grid;grid-template-columns:76px 1fr;gap:5px;padding-top:8px;border-top:1px solid #ffffff17}
.video-chat-compose>input,.video-chat-compose>div{min-width:0}.video-chat-compose input{width:100%;height:34px;border:1px solid #ffffff25;border-radius:9px;background:#f8f5f0;color:#111;font:14px inherit;padding:8px 10px}
.video-chat-compose>div{display:grid;grid-template-columns:1fr 34px;gap:5px}.video-chat-compose button{border:0;border-radius:9px;background:var(--pink);color:#211225;font-size:19px;font-weight:900;cursor:pointer}
@media(max-width:600px){.overlay-toggle{top:15px;right:15px}.player-shell.chat-open{height:66svh;min-height:470px}.player-shell.chat-open video{height:calc(100% - 48px);aspect-ratio:auto}.video-chat{inset:auto 7px 48px 7px;width:auto;height:31%;min-height:178px;border-radius:0 0 14px 14px;border-left:0;border-top:1px solid #62e4fa42;background:linear-gradient(0deg,#06101e82,#06101e30);backdrop-filter:blur(3px)}.video-chat .message{font-size:11px;padding:5px 2px}.video-chat-head{padding-bottom:5px}.video-chat-head b{font-size:14px}.video-chat-compose{padding-top:5px}}
@media(max-width:900px) and (orientation:landscape){.player-shell.chat-open{height:88svh}.video-chat{top:7px;right:7px;bottom:48px;left:auto;width:30%;height:auto;min-height:0;border-radius:0 14px 14px 0;border-top:0;border-left:1px solid #62e4fa42;background:linear-gradient(90deg,#06101e30,#06101e82)}}