:root{--bg: #05070d;--panel: #0a111c;--bezel: #13351f;--green: #39ff14;--green-soft: #9dffb4;--dim: #2c8a3f;--amber: #ffb000;--cyan: #39e6ff;--ink: #0a0e08}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% -10%, #122036 0%, var(--bg) 55%),var(--bg);color:var(--green-soft);font-family:"JetBrains Mono","Cascadia Code","DejaVu Sans Mono","Courier New",ui-monospace,monospace;display:flex;min-height:100svh;letter-spacing:.06em}.brand{font-weight:800;letter-spacing:.42em;text-indent:.42em;color:#eaffe9;text-shadow:0 0 4px var(--green),0 0 18px rgba(57,255,20,.55),2px 0 0 rgba(255,62,165,.3),-2px 0 0 rgba(57,230,255,.3)}body.landing{padding:24px}.box{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;margin:auto}.box h1{margin:0;font-size:clamp(34px,9vw,76px)}.box p{margin:0;color:var(--dim);font-size:clamp(11px,2.6vw,14px);letter-spacing:.22em}#go{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}input{background:#020705;color:var(--green);border:1px solid var(--bezel);border-radius:6px;padding:11px 14px;font:inherit;letter-spacing:.12em;min-width:0;box-shadow:inset 0 0 12px rgba(0,0,0,.6)}input::placeholder{color:rgba(44,138,63,.5333333333)}button{font:inherit;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--green);background:linear-gradient(#0f2a18, #0a1c11);border:1px solid var(--green);border-radius:6px;padding:11px 18px;box-shadow:0 0 0 rgba(57,255,20,0),0 2px 0 #03150a;transition:box-shadow .15s,transform .05s,background .15s}button:hover{background:linear-gradient(#14361f, #0d2616);box-shadow:0 0 16px rgba(57,255,20,.35)}button:active{transform:translateY(2px);box-shadow:0 0 10px rgba(57,255,20,.3)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#cabinet{width:min(92vw,860px);padding:24px;margin:auto}#player{position:relative}#screen{position:relative;overflow:hidden;aspect-ratio:16/10;background:radial-gradient(140% 120% at 50% 0%, #0b1a10 0%, #020705 70%);border:1px solid var(--bezel);border-radius:18px;box-shadow:0 0 0 10px #060b07,0 0 0 11px #1c3a25,0 24px 70px rgba(0,0,0,.75),inset 0 0 80px rgba(0,0,0,.7)}#screen::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(rgba(0, 0, 0, 0) 0 2px, rgba(0, 0, 0, 0.16) 2px 3px),radial-gradient(130% 110% at 50% 50%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.55) 100%);mix-blend-mode:multiply;animation:flicker 6s infinite}body.playing #screen::after{content:none}body.playing #screen{aspect-ratio:auto;background:#000}@keyframes flicker{0%,100%{opacity:.9}47%{opacity:.84}50%{opacity:.98}}#video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;display:none}body.playing #video{display:block;position:relative;height:min(72svh,560px);max-width:100%;margin-inline:auto}#hud{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:6% 8%;transition:opacity .5s}body.playing #hud{opacity:0;pointer-events:none}#title{font-size:clamp(22px,6vw,46px)}#sub{font-size:clamp(10px,2.4vw,13px);color:var(--dim);letter-spacing:.2em}#sub:empty{display:none}#status{font-size:clamp(15px,3.6vw,26px);color:var(--amber);letter-spacing:.24em;text-shadow:0 0 10px rgba(255,176,0,.55);animation:blink 1.2s step-start infinite}@keyframes blink{50%{opacity:.3}}#msg{font-size:clamp(11px,2.6vw,15px);color:var(--green-soft);letter-spacing:.12em}#pos{font-size:clamp(40px,9vw,88px);font-weight:800;line-height:.9;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 6px var(--green),0 0 26px rgba(57,255,20,.7)}#pos:empty{display:none}.counters{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap;justify-content:center}.led{display:flex;flex-direction:column;gap:6px;align-items:center;background:#020705;border:1px solid var(--bezel);border-radius:8px;padding:10px 18px;box-shadow:inset 0 0 18px rgba(0,0,0,.7)}.led-label{font-size:clamp(8px,2vw,10px);letter-spacing:.28em;color:var(--dim)}.led b{font-size:clamp(18px,5vw,30px);font-weight:800;font-variant-numeric:tabular-nums;color:var(--green);text-shadow:0 0 12px rgba(57,255,20,.6)}.led.full b{color:var(--amber);text-shadow:0 0 12px rgba(255,176,0,.6)}body.offline .counters{opacity:.5}body.connecting #title,body.connecting #pos,body.connecting .counters{display:none}body.connecting #status{animation:none}#controls{position:absolute;left:0;right:0;bottom:0;z-index:3;display:none;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(rgba(2, 7, 5, 0), rgba(2, 7, 5, 0.82) 45%);opacity:0;pointer-events:none;transition:opacity .25s}body.in-room #controls,#stage.theater #controls,#stage.full-theater #controls{display:flex}body:not(.playing) #controls>:not(#fullTheaterBtn):not(.spacer){display:none}body:not(.playing) #controls{background:none}body:not(.playing) #fullTheaterBtn{background:none;border-color:rgba(0,0,0,0);box-shadow:none;opacity:.4;transition:opacity .2s}body:not(.playing) #fullTheaterBtn:hover,body:not(.playing) #fullTheaterBtn:focus-visible{opacity:1}body:not(.playing) #fullTheaterBtn .ico{filter:none}@media(pointer: coarse){body:not(.playing) #fullTheaterBtn{opacity:.55}}#player.controls-active #controls,#controls:has(:focus-visible){opacity:1;pointer-events:auto}#controls .spacer{flex:1}#controls button{padding:6px 10px;font-size:16px;line-height:1;min-width:38px;text-transform:none;letter-spacing:0;background:rgba(6,14,9,.72);border-color:rgba(57,255,20,.55);display:inline-flex;align-items:center;justify-content:center}#controls button:hover{background:rgba(20,54,31,.88)}.ico{display:inline-block;vertical-align:middle;width:1.15em;height:1.15em;color:inherit;flex:0 0 auto;filter:drop-shadow(0 0 3px rgba(57, 255, 20, 0.5))}#vol{-webkit-appearance:none;appearance:none;width:92px;height:4px;padding:0;min-width:0;background:#0a1c11;border:1px solid var(--bezel);border-radius:3px;box-shadow:inset 0 0 6px rgba(0,0,0,.7)}#vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(57,255,20,.7);cursor:pointer;border:0}#vol::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(57,255,20,.7);cursor:pointer;border:0}#live{font-size:11px;letter-spacing:.18em;white-space:nowrap;color:var(--green);text-shadow:0 0 10px rgba(57,255,20,.6)}#live.paused{color:var(--amber);text-shadow:0 0 10px rgba(255,176,0,.6)}#stage.theater,#stage.full-theater{position:fixed;inset:0;z-index:50;margin:0;padding:2.5vh 2.5vw;background:#020408;display:flex;align-items:stretch;justify-content:center;gap:18px}#stage.theater #player,#stage.full-theater #player,#stage:fullscreen #player{flex:1 1 auto;min-width:0;display:flex}#stage.theater #screen,#stage.full-theater #screen,#stage:fullscreen #screen{flex:1 1 auto;min-width:0;aspect-ratio:auto;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center}#stage.theater #video,#stage.full-theater #video,#stage:fullscreen #video{position:relative;width:100%;height:100%;max-width:100%;object-fit:contain;background:rgba(0,0,0,0)}#stage.theater #chat{display:none}#stage.full-theater #chat{flex:0 0 clamp(280px,26vw,380px);align-self:stretch;margin-top:0}#stage.full-theater #chatLog{flex:1 1 auto;height:auto;min-height:0}#stage:fullscreen{background:#000;display:flex;align-items:stretch;justify-content:center}#stage:fullscreen{width:100vw;height:100vh}#stage:fullscreen #chat{display:none}#switcher{margin-top:18px;text-align:center}#switchForm{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#streamBox{width:min(60vw,260px)}#marquee{display:none;margin-top:16px;text-align:center;color:var(--amber);letter-spacing:.3em;font-size:clamp(10px,2.4vw,14px);text-shadow:0 0 10px rgba(255,176,0,.5);animation:blink 1.8s step-start infinite}body.queued #marquee{display:block}#chat{margin-top:18px;position:relative;overflow:hidden;container-type:inline-size;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--bezel);border-radius:12px;box-shadow:inset 0 0 30px rgba(0,0,0,.6)}#chat[hidden]{display:none}#chat::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(rgba(0, 0, 0, 0) 0 2px, rgba(0, 0, 0, 0.08) 2px 3px);mix-blend-mode:multiply}#chatHead{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-bottom:1px solid var(--bezel);background:linear-gradient(#0c1420, #0a111c)}.chat-id{display:flex;align-items:baseline;gap:10px;min-width:0}#chatRoom{color:var(--amber);letter-spacing:.24em;font-size:clamp(11px,4.6cqi,14px);text-shadow:0 0 10px rgba(255,176,0,.45)}#chatWho{color:var(--dim);letter-spacing:.16em;font-size:clamp(8px,3.3cqi,10px);margin-left:auto}#chatClose{display:none;align-self:center;margin:-4px -4px -4px 4px;padding:4px 6px;background:none;border:0;cursor:pointer;text-transform:none;letter-spacing:0;color:var(--dim);font-size:15px;line-height:1}#chatClose:hover,#chatClose:focus-visible{color:var(--amber)}body.chat-overlay #chatClose{display:inline-flex;align-items:center}.chat-tally{display:flex;align-items:center;gap:8px;font-size:clamp(9px,3.6cqi,11px);letter-spacing:.16em;color:var(--green-soft);font-variant-numeric:tabular-nums}.tally-dot{display:inline-block;color:var(--green);font-size:.9em;line-height:1;text-shadow:0 0 6px rgba(57,255,20,.7);animation:tally-pulse 2s ease-in-out infinite}.tally-dot.flare{animation:tally-flare .42s ease-out}.tally-label{color:var(--dim);letter-spacing:.2em}@keyframes tally-pulse{0%,100%{opacity:1}50%{opacity:.45}}@keyframes tally-flare{0%{color:var(--cyan);text-shadow:0 0 14px rgba(57,230,255,.9);transform:scale(1.5)}100%{color:var(--green);text-shadow:0 0 6px rgba(57,255,20,.7);transform:scale(1)}}#chatLog{list-style:none;margin:0;padding:12px 14px;flex:1 1 auto;min-height:0;height:clamp(150px,32vh,320px);overflow-y:auto;display:flex;flex-direction:column;gap:7px;font-size:clamp(12px,4.6cqi,14px);line-height:1.35;scrollbar-width:thin;scrollbar-color:var(--bezel) rgba(0,0,0,0)}#chatLog:empty::before{content:"— NO MESSAGES YET —";margin:auto;color:rgba(44,138,63,.4);letter-spacing:.2em;font-size:11px;text-align:center}body.offline #chatLog:empty::before{content:"— STREAM'S DARK · SAY HI —"}#chatLog .line{display:flex;gap:10px;align-items:baseline}#chatLog .who{flex:0 0 auto;min-width:4.4em;color:var(--dim);letter-spacing:.1em;font-size:.82em}#chatLog .line.mine .who{color:var(--cyan);text-shadow:0 0 8px rgba(57,230,255,.4)}#chatLog .txt{min-width:0;color:var(--green-soft);word-break:break-word;overflow-wrap:anywhere}#chatForm{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--bezel)}#chatBox{flex:1}#chatForm button{white-space:nowrap}#chatBox:disabled{opacity:.5;cursor:not-allowed}.handle{cursor:pointer;white-space:nowrap;text-decoration:underline dotted var(--bezel);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}.handle:hover,.handle:focus-visible{color:var(--cyan);text-decoration-color:var(--cyan)}#chatLog .line.sys{justify-content:center;gap:7px;font-size:.82em;letter-spacing:.14em;color:var(--dim);opacity:.72}#chatLog .line.sys .sys-ico,#chatLog .line.sys .handle{color:var(--dim)}#chatLog .line.sys .handle:hover,#chatLog .line.sys .handle:focus-visible{color:var(--cyan);text-decoration-color:var(--cyan)}#chatLog .line.dmreq,#chatLog .line.dmwait,#chatLog .line.dmclose,#chatLog .line.dmnoreply{color:var(--cyan);opacity:.82}#chatLog .line.dmreq .sys-ico{color:var(--cyan)}.dm-accept,.dm-block,.dm-switch,.dm-back,.dm-menu,.dm-blocked,.dm-unblock,.dm-retry,.dm-cancel{padding:2px 9px;font-size:.78em;letter-spacing:.12em;border-radius:5px;background:none;box-shadow:none;border:1px solid var(--bezel)}.dm-accept{color:var(--cyan);border-color:rgba(57,230,255,.4);text-transform:lowercase}.dm-accept:hover{background:rgba(57,230,255,.08);box-shadow:0 0 10px rgba(57,230,255,.25)}.dm-block,.dm-cancel{color:var(--dim);text-transform:lowercase}.dm-block:hover,.dm-cancel:hover{background:rgba(44,138,63,.14);box-shadow:none}.dm-switch{color:var(--cyan);text-transform:none}.dm-switch:hover{background:rgba(57,230,255,.08);box-shadow:0 0 8px rgba(57,230,255,.2)}.dm-count{color:var(--dim);margin-left:4px}.dm-blocked{color:var(--dim);text-transform:lowercase}.dm-blocked:hover{background:rgba(44,138,63,.14)}.dm-unblock,.dm-retry{color:var(--cyan);border-color:rgba(57,230,255,.4);text-transform:lowercase}.dm-unblock:hover,.dm-retry:hover{background:rgba(57,230,255,.08);box-shadow:0 0 10px rgba(57,230,255,.25)}#chatHead.dm .chat-id{align-items:center}.dm-back{color:var(--amber);text-transform:none;white-space:nowrap}.dm-back:hover{background:rgba(255,176,0,.08);box-shadow:0 0 8px rgba(255,176,0,.18)}#chatRoom.dm-title{color:var(--cyan);text-shadow:0 0 8px rgba(57,230,255,.5);white-space:nowrap;letter-spacing:.08em;min-width:0;overflow:hidden;text-overflow:ellipsis}#chatRoom.blocked-title{color:var(--dim);letter-spacing:.16em}.dm-menu{margin-left:auto;color:var(--dim);line-height:1}.dm-menu:hover,.dm-menu:focus-visible{color:var(--cyan);background:rgba(57,230,255,.08)}.peer-menu-backdrop{position:absolute;inset:0;z-index:40}.peer-menu{position:absolute;z-index:41;min-width:120px;max-width:80%;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--panel);border:1px solid var(--bezel);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.6)}.peer-menu-id{color:var(--cyan);opacity:.7;letter-spacing:.14em;font-size:.72em;padding:0 2px 4px}.peer-menu .pm-act{text-align:left;padding:5px 9px;font-size:.82em;letter-spacing:.12em;border-radius:5px;background:none;box-shadow:none;border:1px solid var(--bezel);text-transform:lowercase}.pm-invite,.pm-accept,.pm-open{color:var(--cyan);border-color:rgba(57,230,255,.4)}.pm-invite:hover,.pm-accept:hover,.pm-open:hover{background:rgba(57,230,255,.08);box-shadow:0 0 10px rgba(57,230,255,.25)}.pm-block{color:var(--dim)}.pm-block:hover{background:rgba(44,138,63,.14)}#chatLog .line.dm-row{cursor:pointer}#chatLog .line.dm-row .who{color:var(--cyan);min-width:4.4em}#chatLog .line.dm-row:hover .txt{color:var(--green-soft)}#chatLog .line.blocked-row{justify-content:space-between;align-items:center}#chatLog .line.blocked-row .who{color:var(--dim);min-width:4.4em}@media(min-width: 900px){body.in-room #cabinet{width:min(94vw,1180px)}body.in-room #stage:not(.theater):not(.full-theater){display:grid;grid-template-columns:minmax(0, 1fr) clamp(260px,26vw,340px);gap:18px;align-items:stretch}body.in-room #stage:not(.theater):not(.full-theater) #chat{margin-top:0}}@media(min-width: 1600px){body.in-room #cabinet{width:min(92vw,1600px)}body.in-room #stage:not(.theater):not(.full-theater){grid-template-columns:minmax(0, 1fr) clamp(320px,22vw,460px)}#chatLog{height:clamp(150px,42vh,460px)}#stage.full-theater #chat{flex:0 0 clamp(320px,24vw,460px)}}#chatPeek{display:none;position:fixed;z-index:60;right:14px;bottom:14px;align-items:center;gap:6px;padding:9px 13px;border-radius:999px;color:var(--green);background:rgba(6,14,9,.82);border:1px solid rgba(57,255,20,.55);box-shadow:0 2px 16px rgba(0,0,0,.55),0 0 10px rgba(57,255,20,.18);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:12px;letter-spacing:.14em;font-variant-numeric:tabular-nums;text-transform:none}#chatPeek .peek-dot{color:var(--green);font-size:.9em;line-height:1;text-shadow:0 0 8px rgba(57,255,20,.7);animation:tally-pulse 2s ease-in-out infinite}body.chat-overlay.in-room #chatPeek{display:none}#stage.full-theater #chatPeek{display:none !important}body.chat-overlay #stage.theater #chat{display:flex}body.chat-overlay #chat{position:fixed;z-index:45;margin:0;border:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body.chat-overlay #chatLog{-webkit-mask-image:linear-gradient(rgba(0, 0, 0, 0), #000 14%);mask-image:linear-gradient(rgba(0, 0, 0, 0), #000 14%)}@media(max-width: 640px){#cabinet{width:100%;padding:12px}#screen{border-radius:14px;box-shadow:0 0 0 6px #060b07,0 0 0 7px #1c3a25,0 14px 40px rgba(0,0,0,.7),inset 0 0 60px rgba(0,0,0,.7)}body:not(.playing) #screen{aspect-ratio:4/5}body.offline #screen{aspect-ratio:1/1}body.playing #video{height:auto;width:100%;max-height:min(70svh,520px)}#hud{gap:11px;padding:5% 6%}.counters{gap:9px}.led{padding:8px 12px}#switchForm{flex-direction:column;align-items:stretch}#streamBox{width:100%}#switchForm button{width:100%}#chat{margin-top:12px}#chatLog{height:clamp(120px,26vh,220px)}#chatForm{flex-direction:column}#chatForm button{width:100%}#stage.theater,#stage.full-theater{flex-direction:column;gap:10px}#stage.full-theater #player{flex:1 1 auto;min-height:0}#stage.full-theater #chat{flex:0 0 40%;align-self:auto}body.in-room #chatPeek{display:none}body.chat-overlay #chat{left:0;right:0;bottom:0;height:min(52vh,420px);border-top:1px solid rgba(57,255,20,.25);border-radius:16px 16px 0 0;background:linear-gradient(rgba(4, 8, 6, 0.5), rgba(4, 8, 6, 0.9) 26%);box-shadow:0 -12px 40px rgba(0,0,0,.65)}body.dm-open #chat{position:fixed;z-index:45;margin:0;border:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);left:0;right:0;bottom:0;height:min(52vh,420px);border-top:1px solid rgba(57,230,255,.3);border-radius:16px 16px 0 0;background:linear-gradient(rgba(4, 8, 6, 0.5), rgba(4, 8, 6, 0.92) 26%);box-shadow:0 -12px 40px rgba(0,0,0,.65)}body.dm-open #chatLog{-webkit-mask-image:linear-gradient(rgba(0, 0, 0, 0), #000 14%);mask-image:linear-gradient(rgba(0, 0, 0, 0), #000 14%)}}@media(max-height: 560px)and (orientation: landscape){#cabinet{padding:10px}body:not(.playing) #screen{aspect-ratio:auto;height:min(82svh,430px)}#hud{gap:7px;padding:3% 7%}#pos{font-size:clamp(28px,8.5vh,60px)}#status{font-size:clamp(14px,3vh,22px)}body.playing #video{height:min(84svh,520px)}#chatLog{height:min(30svh,180px)}body.in-room #chatPeek{display:none}body.chat-overlay #chat{top:0;bottom:0;right:0;left:auto;width:min(72vw,360px);height:auto;border-left:1px solid rgba(57,255,20,.25);border-radius:16px 0 0 16px;background:linear-gradient(90deg, rgba(4, 8, 6, 0.42), rgba(4, 8, 6, 0.9) 32%);box-shadow:-12px 0 40px rgba(0,0,0,.65)}body.chat-overlay #chatLog{-webkit-mask-image:linear-gradient(90deg, rgba(0, 0, 0, 0), #000 12%);mask-image:linear-gradient(90deg, rgba(0, 0, 0, 0), #000 12%)}body.dm-open #chat{position:fixed;z-index:45;margin:0;border:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);top:0;bottom:0;right:0;left:auto;width:min(72vw,360px);height:auto;border-left:1px solid rgba(57,230,255,.3);border-radius:16px 0 0 16px;background:linear-gradient(90deg, rgba(4, 8, 6, 0.42), rgba(4, 8, 6, 0.92) 32%);box-shadow:-12px 0 40px rgba(0,0,0,.65)}body.dm-open #chatLog{-webkit-mask-image:linear-gradient(90deg, rgba(0, 0, 0, 0), #000 12%);mask-image:linear-gradient(90deg, rgba(0, 0, 0, 0), #000 12%)}}@media(max-width: 640px)and (orientation: portrait){body.in-room:not(.playing) #fullTheaterBtn{display:none}}@media(pointer: coarse){button{padding:13px 20px}#controls{gap:12px;padding:12px 14px}#controls button{min-width:44px;min-height:44px;padding:10px 12px;font-size:18px}#vol{display:none}}@media(prefers-reduced-motion: reduce){*,*::after{animation:none !important}}