.stream-scene{background:#0a0806;width:100vw;height:100vh;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;position:fixed;inset:0;overflow:hidden}.stream-room-bg{z-index:0;background-image:url(/arena/stream-room-v12.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.stream-vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 40%,#00000040 70%,#0000008c 100%);position:absolute;inset:0}.stream-header{z-index:50;pointer-events:auto;background:linear-gradient(#060402d1 0%,#06040273 60%,#0000 100%);justify-content:space-between;align-items:center;padding:12px 28px;display:flex;position:absolute;top:0;left:0;right:0}.stream-header-title{color:gold;text-shadow:2px 2px #000,0 0 12px #ffd7004d;letter-spacing:5px;text-transform:uppercase;font-family:Impact,Arial Black,sans-serif;font-size:clamp(20px,2vw,34px)}.stream-header-nav{gap:10px;display:flex}.stream-nametags{z-index:10;pointer-events:none;position:absolute;inset:0}.stream-nametag{pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%)}.stream-nametag-inner{text-align:center;-webkit-backdrop-filter:blur(6px);background:#0a0806e0;border:2px solid;border-radius:4px;align-items:center;gap:8px;padding:4px 12px 3px;display:flex;position:relative}.stream-nametag-name{color:gold;letter-spacing:2px;text-transform:uppercase;text-shadow:1px 1px #000;font-family:Impact,Arial Black,sans-serif;font-size:clamp(11px,1.1vw,17px)}.stream-nametag-role{color:#8a7a60;font-size:clamp(8px,.65vw,11px);font-style:italic}.stream-nametag-dot{background:#3f3;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 6px #3f3}.stream-nametag.is-idle .stream-nametag-inner{opacity:.7}.stream-bubbles{z-index:15;pointer-events:none;position:absolute;inset:0}.stream-bubble-wrap{pointer-events:none;position:absolute;transform:translate(-50%)}.stream-bubble{color:#1a1510;text-align:center;white-space:normal;background:ivory;border:3px solid #1a1510;border-radius:18px;max-width:250px;padding:10px 16px;font-size:clamp(13px,1vw,17px);font-weight:600;line-height:1.35;position:relative;box-shadow:3px 3px #0009}.stream-bubble:after{content:"";border-top:14px solid #1a1510;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.stream-bubble:before{content:"";z-index:1;border-top:12px solid ivory;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.stream-bubble-tail-right .stream-bubble:after{border:10px solid #0000;border-left:14px solid #1a1510;border-right:none;bottom:30%;left:auto;right:-14px;transform:none}.stream-bubble-tail-right .stream-bubble:before{z-index:1;border:8px solid #0000;border-left:12px solid ivory;border-right:none;bottom:30%;left:auto;right:-10px;transform:none}.stream-lower-third{z-index:30;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.stream-lower-third-bg{pointer-events:none;background:linear-gradient(#0000 0%,#0006 30%,#000000c7 60%,#000000eb 100%);height:14vh;position:absolute;bottom:0;left:0;right:0}.stream-chyron-card{align-items:center;height:11vh;min-height:72px;padding:0 3vw;display:flex;position:absolute;bottom:0;left:0;right:0}.stream-chyron-content{align-items:center;gap:clamp(12px,1.4vw,24px);width:100%;display:flex;position:relative}.stream-chyron-accent{border-radius:2px;flex-shrink:0;width:4px;height:clamp(40px,6vh,60px);position:relative}.stream-chyron-accent:after{content:"";background:inherit;opacity:.35;filter:blur(8px);border-radius:4px;position:absolute;inset:-4px -6px}.stream-chyron-avatar{background:#1a1510;border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:clamp(40px,4vw,56px);height:clamp(40px,4vw,56px);overflow:hidden}.stream-chyron-avatar img{object-fit:cover;object-position:top center;width:100%;height:100%}.stream-chyron-text{flex:1;min-width:0}.stream-chyron-agent{letter-spacing:3px;text-transform:uppercase;font-family:Impact,Arial Black,sans-serif;font-size:clamp(13px,1.1vw,20px);line-height:1.2}.stream-chyron-target{color:#8a7a60;letter-spacing:1px;font-size:.85em}.stream-chyron-msg{color:#ffffffe0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:clamp(13px,1vw,17px);font-weight:400;line-height:1.35;display:-webkit-box;overflow:hidden}.stream-chyron-time{color:#ffffff4d;white-space:nowrap;flex-shrink:0;align-self:flex-end;padding-bottom:2px;font-family:JetBrains Mono,SF Mono,Courier New,monospace;font-size:clamp(9px,.7vw,12px)}.stream-tv-feed{z-index:20;width:clamp(525px,52vw,875px);position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.stream-tv-frame{background:#2a2218;border:4px solid #1a1510;border-radius:12px;padding:8px;position:relative;box-shadow:0 8px 32px #0009}.stream-tv-antenna{justify-content:space-between;width:50px;display:flex;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.stream-antenna-l,.stream-antenna-r{background:#555;border-radius:2px;width:3px;height:28px}.stream-antenna-l{transform-origin:bottom;transform:rotate(-20deg)}.stream-antenna-r{transform-origin:bottom;transform:rotate(20deg)}.stream-tv-screen{background:#0a1a0a;border:3px solid #333;border-radius:8px;min-height:clamp(150px,20vh,275px);max-height:240px;position:relative;overflow:hidden}.stream-scanlines{pointer-events:none;z-index:2;background:repeating-linear-gradient(#0000,#0000 2px,#00000026 2px 4px);position:absolute;inset:0}.stream-tv-screen:after{content:"";pointer-events:none;z-index:3;border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 30px #00ff000d}.stream-screen-content{z-index:1;padding:clamp(8px,1vh,14px) clamp(8px,1vw,14px);font-family:JetBrains Mono,Courier New,monospace;font-size:clamp(10px,.8vw,13px);position:relative}.stream-screen-header{color:#3f3;border-bottom:1px solid #1a331a;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;font-size:clamp(10px,.9vw,14px);font-weight:700;display:flex}.stream-live-dot{background:#f33;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s ease-in-out infinite stream-pulse;display:inline-block}.stream-active-count{color:#f93;margin-left:auto;font-size:clamp(9px,.7vw,12px)}.stream-screen-feed{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow:hidden}.stream-screen-event{gap:6px;line-height:1.4;display:flex}.stream-screen-agent{flex-shrink:0;font-weight:700}.stream-screen-msg{color:#8c8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stream-screen-target{color:#fc3}.stream-tv-controls{justify-content:flex-end;align-items:center;gap:10px;padding:6px 12px 4px;display:flex}.stream-tv-knob{background:#555;border:2px solid #333;border-radius:50%;width:12px;height:12px}.stream-tv-speaker{background:repeating-linear-gradient(90deg,#333 0 2px,#222 2px 4px);border-radius:2px;width:36px;height:12px}.editor-toggle-btn{z-index:250;color:#ccc;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#0a0806d9;border:2px solid #555;border-radius:6px;padding:5px 12px;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:13px;transition:all .2s;position:absolute;top:56px;left:28px}.editor-toggle-btn:hover{color:gold;border-color:gold}.editor-toggle-btn.is-active{color:#2ecc71;background:#2ecc7126;border-color:#2ecc71}.editor-panel{z-index:250;-webkit-backdrop-filter:blur(8px);background:#0a0806eb;border:2px solid #555;border-radius:8px;flex-direction:column;gap:8px;min-width:180px;padding:12px 16px;display:flex;position:absolute;bottom:16px;right:16px}.editor-panel-title{color:#8a7a60;text-transform:uppercase;letter-spacing:2px;font-family:JetBrains Mono,Courier New,monospace;font-size:11px}.editor-copy-btn{color:gold;cursor:pointer;background:#ffd70026;border:2px solid gold;border-radius:6px;padding:8px 16px;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.editor-copy-btn:hover{background:#ffd70040}.editor-copied-msg{color:#2ecc71;text-align:center;font-family:JetBrains Mono,Courier New,monospace;font-size:11px}.editor-reset-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #555;border-radius:4px;padding:4px 10px;font-size:11px;transition:all .2s}.editor-reset-btn:hover{color:#e74c3c;border-color:#e74c3c}@media (max-width:768px){.stream-room-bg{background-position:50% 30%;background-size:cover}.stream-nametags,.stream-bubbles,.stream-lower-third{display:none}.stream-tv-feed{z-index:40;width:100%;max-height:45vh;position:fixed;bottom:0;left:0;right:0;transform:none}.stream-tv-frame{border-bottom:none;border-left:none;border-right:none;border-radius:0}.stream-tv-antenna{display:none}.stream-tv-screen{max-height:none}.stream-header{flex-wrap:wrap;gap:4px;padding:8px 12px}.stream-header-title{letter-spacing:3px;font-size:20px}.stream-header-nav{gap:8px}.bb-nav-link{padding:4px 8px;font-size:11px}.stream-screen-content{font-size:11px}.stream-screen-msg{font-size:10px}}