@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/dbbdd2d89d2ef0ef-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a06229eb79a83cfc-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c9e224327ce7933e-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d85064eaed4b8683-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/db234bd00cda6a96-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Press Start\ 2P Fallback;src:local("Arial");ascent-override:44.58%;descent-override:0.00%;line-gap-override:0.00%;size-adjust:224.32%}.__className_ee06cb{font-family:Press Start\ 2P,Press Start\ 2P Fallback;font-weight:400;font-style:normal}.__variable_ee06cb{--font-pixel:"Press Start 2P","Press Start 2P Fallback"}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d8ebd1{--font-text:"Inter","Inter Fallback"}:root{color-scheme:dark;--panel:#0e131d;--panel-2:#141b29;--line:#1f2a40;--muted:#94a3bd;--blue:#0070f3;--blue-2:#006fcd}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;min-width:280px;min-height:100vh;min-height:100dvh;color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden;image-rendering:pixelated}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:var(--px) solid var(--cyan);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pixel-icon{image-rendering:pixelated;flex:none}.shell{position:relative;max-width:560px;margin:0 auto;padding:0 16px 32px;display:flex;flex-direction:column;gap:16px}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.18) 2px 3px);mix-blend-mode:multiply}.shell:has(.stage-video:not([hidden])) .scanlines{display:none}.scanlines:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45))}.topbar{justify-content:space-between;gap:12px;padding:18px 0 12px;border-bottom:var(--px) solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;color:var(--cyan);font-family:var(--font-pixel),monospace;font-size:12px;letter-spacing:1px}h2{font-size:15px}h2,h3{font-family:var(--font-pixel),monospace;line-height:1.6;font-weight:400}h3{font-size:11px;color:var(--cyan)}h3.sub{margin-top:16px}.kicker{font-family:var(--font-pixel),monospace;font-size:9px;color:var(--cyan);letter-spacing:1px;margin-bottom:10px}.fine,.lead{color:var(--muted);margin-top:10px}.fine{font-size:12px;overflow-wrap:anywhere}.banner,.btn,.msg,.panel,.party,.stage,input{border:var(--px) solid var(--line);border-radius:0;box-shadow:var(--px) var(--px) 0 #000}.panel{padding:18px;animation:rise .25s steps(5) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;color:var(--text);text-decoration:none;font-weight:600;transition:transform .08s steps(2)}.btn:hover:not(:disabled){border-color:var(--cyan)}.btn:active:not(:disabled){transform:translate(var(--px),var(--px));box-shadow:none}.btn.primary{border-color:#4ea1ff}.btn.primary:hover:not(:disabled){border-color:var(--cyan)}.btn.danger{background:#3a1420;border-color:var(--red)}.btn.quiet{background:transparent;border-color:transparent;color:var(--muted);align-self:center}.btn.small{min-height:36px;padding:4px 12px;font-size:13px}.back{align-self:flex-start}.flip{display:inline-flex;transform:scaleX(-1)}.banner{padding:10px 14px;background:#0b2233;border-color:#155a7a;font-size:13px;color:#bfe9f7}.banner strong{font-family:var(--font-pixel),monospace;font-size:9px;color:var(--cyan);margin-right:8px}.messages:empty{display:none}.msg{padding:10px 14px;font-size:13px;overflow-wrap:anywhere}.msg+.msg{margin-top:12px}.msg-error{background:#2b1019;border-color:var(--red);color:#ffc7d1}.msg-notice{background:#0d1d33;border-color:var(--blue);color:#c3dcff}.parties{display:grid;gap:10px;margin-top:14px}.party{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;text-align:left;background:var(--panel-2);color:var(--muted)}.party.is-selected,.party:hover:not(:disabled){border-color:var(--cyan)}.party.is-selected{color:var(--cyan);background:#0a2230}.party-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.party-main strong{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-main small{color:var(--muted)}.stage{margin-top:16px;aspect-ratio:16/9;background:#02040a;display:grid;place-items:center;text-align:center;padding:12px;background-image:linear-gradient(#0a1424 1px,transparent 0),linear-gradient(90deg,#0a1424 1px,transparent 0);background-size:16px 16px}.stage-inner{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);max-width:90%}.stage-label{font-family:var(--font-pixel),monospace;font-size:10px;line-height:1.6}.stage small{font-size:12px}.stage-active{border-color:var(--green)}.stage-active,.stage-active .stage-inner{color:var(--green)}.stage-unavailable{border-color:#7a6215}.stage-unavailable .stage-inner{color:#ffd34d}.stage-connecting .stage-inner{color:var(--cyan)}.room-live-dot{display:inline-block;width:9px;height:9px;background:var(--red);animation:blink 1s steps(1) infinite}.member-count{min-width:30px;padding:4px 7px;text-align:center;background:var(--panel-2);border:var(--px) solid var(--line);color:var(--cyan);font-family:var(--font-pixel),monospace;font-size:9px}.btn.live-btn{display:inline-flex;align-items:center;gap:9px;flex:none;background:var(--red);border-color:#ff9aad;color:#fff}.live-error{color:#ff9aad}.form{display:grid;gap:8px;margin-top:16px}.form label{font-weight:600;font-size:13px}input{width:100%;min-height:44px;padding:8px 12px;background:#05080f}input:focus-visible{border-color:var(--cyan);outline:none}.quality-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:var(--muted);font-size:13px}.quality-picker select{min-height:40px;padding:7px 10px;border:var(--px) solid var(--line);background:#05080f;color:var(--text);font:inherit}.quality-picker select:focus-visible{border-color:var(--cyan);outline:none}.quality-picker select:disabled{opacity:.55}.spinner{width:14px;height:14px;border:3px solid;border-right:3px solid transparent;border-radius:0;display:inline-block;animation:spin .8s steps(8) infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:380px){.row .btn{flex:1 1 100%}h2{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.stage-video{width:100%;height:100%;object-fit:contain;background:#000;image-rendering:auto}.stage-video[hidden],audio[hidden]{display:none}.stage-failed{border-color:#a33}.stage-failed .stage-inner{color:#ff7a7a}:root{--bg:#07090f;--panel:#0e1424;--panel-2:#151d33;--line:#26345a;--text:#eef3fb;--muted:#9fb0cc;--soft:#c5d2ea;--blue:#2f7bff;--blue-2:#2569e0;--blue-hi:#8fbaff;--cyan:#00e0ff;--green:#3dff9a;--pink:#ff3d8b;--red:#ff4d6a;--yellow:#ffd34d;--px:3px;--shadow:6px 6px 0 #000}body{font-family:var(--font-text),system-ui,-apple-system,"Segoe UI",sans-serif}button:disabled{opacity:.55}.sprite{image-rendering:pixelated;flex:none;display:block}.muted{color:var(--soft)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes tilt{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:1}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.3}}@keyframes flicker{0%,44%,56%,79%,86%,to{opacity:1}50%{opacity:.35}82%{opacity:.6}}@keyframes shoot{0%{transform:translate(0);opacity:0}5%{opacity:1}20%,to{transform:translate(-220px,90px);opacity:0}}@keyframes toast-in{0%{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}@keyframes drain{0%{width:100%}to{width:0}}.bob{animation:bob 1.4s steps(4) infinite}.bob.delay{animation-delay:.5s}.shake{animation:shake .5s steps(4) infinite}.breathe{animation:breathe 2.4s steps(3) infinite}.tilt{animation:tilt 2s steps(4) infinite}.flicker{animation:flicker 3s steps(8) infinite}.sky{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--bg) url(/art/bg.webp) top center /max(100%,1280px) auto no-repeat;image-rendering:pixelated}.sky:after{content:"";inset:0;background:linear-gradient(to bottom,rgba(7,9,15,.15) 0,rgba(7,9,15,.55) 45%,var(--bg) 78%)}.sky:after,.star{position:absolute}.star{width:6px;height:6px;background:#fff;animation:twinkle 1.8s steps(3) infinite}.s1{left:16%;top:14%}.s2{left:50%;top:20%;background:var(--cyan);animation-delay:.4s}.s3{left:70%;top:10%;animation-delay:.9s}.s4{left:34%;top:26%;background:var(--pink);animation-delay:1.3s}.shooting{position:absolute;left:66%;top:5%;width:28px;height:4px;background:#bff6ff;animation:shoot 6s linear infinite}.shell{max-width:1040px;padding:0 24px 40px;gap:20px}.topbar{padding:16px 0 12px;border-bottom:0;flex-wrap:wrap}.brand{font-size:14px;text-shadow:3px 3px 0 #000}.topbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.linked-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 12px;background:var(--panel);border:var(--px) solid #1f7a52;box-shadow:4px 4px 0 #000;font-size:13px;font-weight:600;color:#7dffbd}.linked-chip .dot{width:8px;height:8px;background:var(--green)}.panel{background:var(--panel);box-shadow:var(--shadow)}.btn,.panel{border-color:var(--line)}.btn{font-weight:700;box-shadow:4px 4px 0 #000;background:var(--panel-2)}.btn:active:not(:disabled){transform:translate(4px,4px)}.btn.primary{background:var(--blue);border-color:var(--blue-hi);color:#fff}.btn.primary:hover:not(:disabled){background:var(--blue-2);border-color:#fff}.btn.big{min-height:56px;padding:10px 22px;border-width:4px;box-shadow:var(--shadow)}.btn.primary.big{font-family:var(--font-pixel),monospace;font-size:11px;font-weight:400;letter-spacing:.5px}.btn.quiet{box-shadow:none}.btn.quiet:hover:not(:disabled){color:var(--text);border-color:transparent;text-decoration:underline}.play-tri{display:inline-block;width:0;height:0;border-left:11px solid;border-top:7px solid transparent;border-bottom:7px solid transparent;animation:blink 1s steps(1) infinite}.row-center{justify-content:center}.chip{align-self:flex-start;display:inline-block;padding:7px 9px;font-size:10px;letter-spacing:1px;line-height:1.2}.chip-blue{background:var(--blue);color:#fff}.chip-cyan{background:var(--cyan);color:#04202a}.hero{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:48px;padding:24px 0}.hero-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.hero-art{width:100%;height:auto;max-width:300px;justify-self:center}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}.hero-title{font-family:var(--font-pixel),monospace;font-weight:400;font-size:22px;line-height:1.5;text-shadow:4px 4px 0 #000}.hero-lead{max-width:540px;font-size:17px;color:#dbe5f7;text-shadow:2px 2px 0 #000}.hero-code{font-family:var(--font-pixel),monospace;font-size:64px;line-height:1.1;color:var(--red);text-shadow:6px 6px 0 #000;display:flex;gap:8px}.hero-code .hop{display:inline-block;color:var(--cyan);animation:hop 1.2s steps(4) infinite}.hero-code .hop:nth-child(2){animation-delay:.2s}.hero-code .hop:nth-child(3){animation-delay:.4s}.hero-code .hop.pink{color:var(--pink)}.hero .row{margin-top:0}.hero .form{width:100%;max-width:540px}.logo{font-family:var(--font-pixel),monospace;font-weight:400;font-size:clamp(24px,6vw,40px);line-height:1.3;color:var(--cyan);text-shadow:5px 5px 0 var(--pink),9px 9px 0 #000}.steps{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;padding:0;list-style:none;font-size:13px;font-weight:600}.hero-center .steps{justify-content:center}.step{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--panel);border:var(--px) solid var(--line);color:var(--soft);box-shadow:4px 4px 0 #000}.step-n{font-family:var(--font-pixel),monospace;font-size:10px}.step-done{background:#0a2218;border-color:var(--green);color:#7dffbd}.step-now{background:#0a2230;border-color:var(--cyan);color:#fff}.step-now .step-n{color:var(--cyan)}.home-foot{flex-wrap:wrap;justify-content:space-between}.home-foot,.toasts{display:flex;gap:12px}.toasts{position:fixed;right:20px;bottom:20px;z-index:40;flex-direction:column;width:min(420px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;background:var(--panel);border:4px solid var(--cyan);box-shadow:var(--shadow);animation:toast-in .4s steps(5) both}.toast-success{border-color:var(--green)}.toast-error{background:#1c0c14;border-color:var(--red)}.toast-body{display:flex;align-items:center;gap:12px;padding:10px 12px}.toast-text{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1}.toast-text p{font-size:14px;overflow-wrap:anywhere}.toast-head{display:flex;align-items:center;gap:8px;font-family:var(--font-pixel),monospace;font-size:9px}.toast-name{color:var(--cyan)}.toast-success .toast-name{color:#7dffbd}.toast-error .toast-name{color:#ff9aad}.toast-bot{padding:3px 5px;background:var(--blue);color:#fff;font-size:7px}.toast-kind{color:var(--muted);font-size:7px}.toast-close{align-self:flex-start;min-width:36px;min-height:36px;background:transparent;border:0;color:var(--muted);font-size:22px;line-height:1}.toast-close:hover{color:var(--text)}.toast-timer{height:4px;background:var(--cyan);animation:drain 6s linear forwards}.toast-success .toast-timer{background:var(--green)}.changelog-head{display:flex;align-items:center;gap:16px;margin-bottom:16px}.changelog h2{font-size:18px;color:var(--cyan)}.release-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:var(--px) solid var(--line);color:var(--muted);font-weight:600}.release-version{font-family:var(--font-pixel),monospace;font-size:11px;padding:6px 8px;background:var(--cyan);color:#04202a}.release-items{display:grid;gap:10px;margin-top:12px}.release-items li{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:14px;padding:10px 12px;background:var(--panel-2);border:var(--px) solid var(--line)}.tag{justify-self:start;padding:5px 7px;font-family:var(--font-pixel),monospace;font-size:8px}.tag-neu{background:var(--green);color:#04261a}.tag-fix{background:var(--yellow);color:#2e2200}.tag-besser{background:var(--blue);color:#fff}.stage{border-width:4px;border-color:var(--blue);box-shadow:var(--shadow)}.kicker{font-size:10px}@media (max-width:720px){.hero{grid-template-columns:1fr;gap:20px;text-align:left}.hero-art{max-width:180px}.hero-title{font-size:17px}.hero-code{font-size:44px}.shell{padding:0 16px 120px}}@media (prefers-reduced-motion:reduce){.shooting,.sky .star{display:none}}.shell-pip{padding:0;min-height:100vh;min-height:100dvh;display:grid;place-items:stretch;background:#000;overflow:hidden}.pip{position:relative;width:100vw;height:100vh;height:100dvh;background:#000;display:grid;place-items:center;overflow:hidden}.pip-video{width:100%;height:100%;object-fit:contain;image-rendering:auto}.pip-wait{display:grid;gap:8px;place-items:center;color:var(--cyan,#5fe1ff);font-size:12px}.pip-unmute{position:absolute;right:8px;bottom:8px}.pip-pinned{position:fixed;z-index:45;right:18px;bottom:18px;width:min(420px,calc(100vw - 36px));height:auto;aspect-ratio:16/9;border:var(--px) solid var(--cyan);box-shadow:var(--shadow)}.pip-unpin{position:absolute;top:8px;right:8px;opacity:.8}.stream-grid{display:grid;gap:18px;margin-top:18px}.stream-grid.is-multi{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start}.stream-grid>.mode-view{min-width:0}.dev-panel{border:2px dashed var(--cyan,#5fe1ff);padding:12px;margin:12px 0;background:rgba(0,0,0,.35)}.dev-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}.dev-head strong{font-family:var(--font-pixel,monospace);color:var(--cyan,#5fe1ff);letter-spacing:2px}.dev-switch{display:flex;gap:6px}.dev-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 14px;margin:0}.dev-stats div{display:flex;flex-direction:column}.dev-stats dt{font-size:11px;opacity:.7}.dev-stats dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.test-form{max-width:360px;margin:12px auto 0}.stage{position:relative}.stage-full{position:fixed;inset:0;z-index:50;width:100vw;height:100vh;height:100dvh;margin:0;aspect-ratio:auto;padding:0;border:0;box-shadow:none;background:#000;overflow:hidden}.stage:fullscreen{width:100%;height:100%;margin:0;aspect-ratio:auto;padding:0;border:0;background:#000;overflow:hidden}.stage-full>.stage-video,.stage:fullscreen>.stage-video{position:absolute;left:50%;top:50%;width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,calc(100vw * 9 / 16));aspect-ratio:16/9;transform:translate(-50%,-50%);object-fit:contain}.stage-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:8px;opacity:.55;transition:opacity .15s}.stage-actions:focus-within,.stage:hover .stage-actions{opacity:1}.stats-chart{position:absolute;top:10px;right:10px;padding:6px 8px 5px;background:rgba(2,4,10,.78);border:1px solid var(--line);pointer-events:none;text-align:left;font-size:10px;line-height:1.3;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stats-chart svg{display:block;overflow:visible}.stats-chart polyline{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}.sc-grid{stroke:var(--line);stroke-dasharray:3 3}.sc-event{stroke:var(--red);stroke-width:1;opacity:.7}polyline.sc-fps{stroke:var(--cyan)}polyline.sc-rfps{stroke:#4a6a80}polyline.sc-lag{stroke:#ffb020}polyline.sc-buf{stroke:#b07cff}.sc-legend{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:4px;color:var(--muted);max-width:240px}.sc-legend .sc-fps{color:var(--cyan)}.sc-legend .sc-rfps{color:#7b9bb0}.sc-legend .sc-lag{color:#ffb020}.sc-legend .sc-buf{color:#b07cff}@media (max-width:560px){.stats-chart{transform:scale(.8);transform-origin:top right}}.mode-view:has(.stage-full){transform:none;animation:none}.quality-note{margin:-4px 0 0;font-size:12px;color:var(--muted,#94a3bd)}.ov-layer{position:absolute;inset:0;container-type:size;display:grid;place-items:center;pointer-events:none;z-index:2}.stage:not(.stage-full):not(:fullscreen)>.ov-layer{inset:12px}.ov-frame{position:relative;width:min(100cqw,calc(100cqh * 16 / 9));aspect-ratio:16/9;container-type:size;overflow:hidden}.ov-item{position:absolute;max-width:100%;-webkit-user-select:none;user-select:none}.ov-text{white-space:pre-wrap;line-height:1.1;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.ov-item.shadow{filter:drop-shadow(0 .3cqh .6cqh rgba(0,0,0,.75))}.ov-broadcast{position:absolute;left:50%;top:4%;transform:translateX(-50%);max-width:80%;padding:1.2cqh 2.4cqh;border-radius:1.4cqh;background:rgba(7,9,15,.85);border:1px solid var(--cyan);color:#fff;font-weight:700;font-size:3cqh;text-align:center}.stage-actions{z-index:3}.banner-broadcast{border-color:var(--cyan)}.pip-unmute,.pip-unpin{z-index:3}.room-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.room-empty{display:flex;align-items:center;gap:14px;padding:12px 0;color:var(--muted);font-size:13px}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;background:var(--panel-2);border:var(--px) solid var(--line);box-shadow:4px 4px 0 #000;min-width:0}.tile-avatar{position:relative;display:grid;place-items:center;width:64px;height:64px;background:#0a2230;border:var(--px) solid var(--line);color:var(--cyan);font-family:var(--font-pixel),monospace;font-size:18px}.tile-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.tile-here{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:var(--cyan);border:var(--px) solid var(--panel-2)}.tile-name{max-width:100%;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-game{display:flex;align-items:center;gap:4px;max-width:100%;font-size:11px;color:var(--muted,#9aa3c7)}.tile-game>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-game svg{flex:none}.tile-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-height:17px}.chip{display:inline-flex;align-items:center;gap:3px;padding:2px 4px;background:#0a0f1a;border:2px solid var(--line);font-family:var(--font-pixel),monospace;font-size:8px;line-height:1.4;color:var(--muted)}.chip-me{color:var(--cyan);border-color:#0d5566}.chip-live{color:#ffb1c0;border-color:var(--red)}.chip-mute{color:#ffd34d;border-color:#7a6215}.tile.is-speaking .tile-avatar{border-color:var(--green);animation:speak .6s steps(2) infinite}.tile.is-live{border-color:var(--red)}.tile.is-away{opacity:.5}@keyframes speak{50%{box-shadow:0 0 0 3px rgba(61,255,154,.45)}}.share-sheet{margin-top:16px;padding:14px;background:#0b1020;border:var(--px) solid var(--cyan);box-shadow:4px 4px 0 #000}.room-streams{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.room-streams li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#151522;border:var(--px) solid var(--red)}.room-streams li>span{display:flex;align-items:center;gap:7px;min-width:0}.room-streams strong{overflow:hidden;font-family:var(--font-pixel),monospace;font-size:9px;font-weight:400;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.share-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:14px;background:#151522;border:var(--px) solid var(--line)}.share-bar.has-live{border-color:var(--red)}.share-copy{display:grid;gap:4px;min-width:0}.share-copy strong{font-family:var(--font-pixel),monospace;font-size:10px;font-weight:400;line-height:1.6}.share-copy span{color:var(--muted);font-size:12px}@media (max-width:560px){.roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.share-bar{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.tile.is-speaking .tile-avatar{animation:none;box-shadow:0 0 0 3px rgba(61,255,154,.45)}}