@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--bg0: #07050A;--bg1: #0E0C09;--bg2: #161020;--bg3: #1E1828;--gold: #C9A84C;--goldHi: #E8C46A;--burg: #800020;--burgHi: #C01838;--g1: #00FFFF;--g2: #FF0040;--lime: #E8FF47;--teal: #C9A84C;--oct-clip: polygon(29% 0%, 71% 0%, 100% 29%, 100% 71%, 71% 100%, 29% 100%, 0% 71%, 0% 29%);--font-display: "Bebas Neue", "Impact", sans-serif;--font-ui: "Barlow Condensed", "Helvetica Neue", sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--z-hud: 500;--z-crt: 600;--z-toast: 700;--z-gift: 800;--z-modal: 900}@keyframes octRingSpeak{0%{box-shadow:0 0 0 2px var(--g1),0 0 8px 4px #0ff6,0 0 16px 6px #0ff3,inset 0 0 8px #00ffff26;filter:brightness(1.1)}50%{box-shadow:0 0 0 3px var(--g1),0 0 16px 8px #0ff9,0 0 32px 12px #00ffff4d,inset 0 0 16px #00ffff40;filter:brightness(1.25)}to{box-shadow:0 0 0 2px var(--g1),0 0 8px 4px #0ff6,0 0 16px 6px #0ff3,inset 0 0 8px #00ffff26;filter:brightness(1.1)}}@keyframes octRingActive{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes octRingCorrupt{0%{filter:hue-rotate(0deg) brightness(1)}20%{filter:hue-rotate(90deg) brightness(1.4)}40%{filter:hue-rotate(180deg) brightness(.7)}60%{filter:hue-rotate(270deg) brightness(1.5)}80%{filter:hue-rotate(45deg) brightness(.8)}to{filter:hue-rotate(360deg) brightness(1)}}@keyframes waveBar{0%{height:3px}20%{height:12px}40%{height:6px}60%{height:14px}80%{height:4px}to{height:3px}}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes glitch{0%{transform:translate(0);text-shadow:2px 0 var(--g1),-2px 0 var(--g2)}10%{transform:translate(-2px,1px);text-shadow:-2px 0 var(--g1),2px 0 var(--g2)}20%{transform:translate(2px,-1px);text-shadow:2px 0 var(--g2),-2px 0 var(--g1)}30%{transform:translate(0);text-shadow:none}40%{transform:translate(1px,2px);text-shadow:-1px 0 var(--gold),1px 0 var(--g2)}50%{transform:translate(-1px,-1px);text-shadow:1px 0 var(--g1),-1px 0 var(--gold)}60%{transform:translate(0);text-shadow:none}70%{transform:translate(3px);text-shadow:-3px 0 var(--g1),3px 0 var(--g2)}80%{transform:translate(-2px,1px);text-shadow:2px 0 var(--g2),-2px 0 var(--g1)}90%{transform:translate(0);text-shadow:none}to{transform:translate(0);text-shadow:2px 0 var(--g1),-2px 0 var(--g2)}}@keyframes giftFloat{0%{transform:translateY(0);opacity:0}10%{opacity:1}70%{opacity:1}to{transform:translateY(-120px);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastSlide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes splashPulse{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes giftRise{0%{opacity:.9;transform:scale(.4) translateY(0)}to{opacity:0;transform:scale(1.4) translateY(-90px)}}@keyframes thinkDot{0%,to{opacity:.2;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--bg0);color:#f0e8d4;font-family:var(--font-mono);font-size:14px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;touch-action:manipulation}a{color:var(--gold);text-decoration:none}a:hover{color:var(--goldHi);text-decoration:underline}button{font-family:inherit;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select,textarea{font-family:inherit}.app-root{display:flex;flex-direction:column;min-height:100vh;background:var(--bg0);position:relative}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--bg2) 0%,var(--bg0) 70%);z-index:var(--z-modal);animation:fadeIn .4s ease-out}.splash-inner{display:flex;flex-direction:column;align-items:center;gap:12px;animation:splashPulse 1.2s ease-in-out forwards;text-align:center;padding:2rem}.splash-title{font-family:var(--font-display);font-size:64px;color:var(--gold);letter-spacing:4px;line-height:1;text-shadow:0 0 20px rgba(201,168,76,.5),0 0 40px rgba(201,168,76,.2)}.splash-version{font-family:var(--font-mono);font-size:12px;color:#c9a84c99;letter-spacing:2px;text-transform:uppercase}.splash-tags{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.splash-brands{display:flex;flex-direction:row;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:12px;opacity:.6;font-family:var(--font-ui);font-size:12px;letter-spacing:1px;color:#b0a0c099}.tag-merge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#00c9a726;color:var(--teal);border:1px solid rgba(0,201,167,.3)}.tag-prod{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#ff004026;color:var(--g2);border:1px solid rgba(255,0,64,.3)}.hud-header{position:fixed;top:0;left:0;right:0;height:48px;display:flex;flex-direction:row;align-items:center;gap:12px;padding:0 16px;background:#0f0c14eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,168,76,.2);z-index:var(--z-hud);overflow:hidden}.hud-logo{font-family:var(--font-display);font-size:20px;color:var(--gold);letter-spacing:2px;white-space:nowrap;flex-shrink:0}.hud-version{font-family:var(--font-mono);font-size:10px;color:var(--burg);letter-spacing:1px;flex-shrink:0}.hud-live-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#ff004033;border:1px solid rgba(255,0,64,.6);border-radius:3px;font-family:var(--font-display);font-size:11px;color:var(--g2);letter-spacing:2px;animation:liveBlink 1.4s ease-in-out infinite;flex-shrink:0}.hud-live-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--g2);box-shadow:0 0 6px var(--g2)}.hud-offline-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#64646426;border:1px solid rgba(100,100,100,.3);border-radius:3px;font-family:var(--font-display);font-size:11px;color:#b0a0c066;letter-spacing:2px;flex-shrink:0}.hud-offline-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#b0a0c04d}.hud-uptime{font-family:var(--font-mono);font-size:11px;color:var(--gold);letter-spacing:1px;flex-shrink:0}.hud-viewers{font-family:var(--font-ui);font-size:13px;color:#b0a0c0b3;flex-shrink:0}.hud-room{font-family:var(--font-mono);font-size:10px;color:#00c9a7b3;letter-spacing:1px;margin-left:auto;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.tab-bar{display:flex;flex-direction:row;background:var(--bg1);border-bottom:1px solid rgba(201,168,76,.2);overflow-x:auto;overflow-y:hidden;padding-top:48px;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:10px 16px;color:#b0a0c080;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s;flex-shrink:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tab-btn:hover{color:#b0a0c0cc}.tab-btn--active{color:var(--gold);border-bottom-color:var(--gold)}.tab-content{flex:1;padding:1rem;padding-bottom:48px;overflow-y:auto}.tab-panel{max-width:1200px;margin:0 auto}.glass-card{background:linear-gradient(135deg,var(--bg1),rgba(22,16,32,.95));background-color:var(--bg1);border:1px solid rgba(201,168,76,.2);border-radius:var(--radius-md);padding:1.25rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:1rem;position:relative;overflow:hidden}.glass-gold{border-color:#c9a84c66;box-shadow:0 0 16px #c9a84c1a}.glass-teal{border-color:#00c9a766;box-shadow:0 0 16px #00c9a71a}.glass-burg{border-color:#80002066;box-shadow:0 0 16px #8000201a}.panel-title{font-family:var(--font-display);font-size:24px;color:var(--gold);letter-spacing:2px;margin-bottom:.5rem}.panel-sub{font-family:var(--font-ui);font-size:14px;color:#b0a0c080;margin-bottom:1rem}.muted-text{color:#b0a0c080}.oct-cell{position:relative;display:inline-flex;flex-direction:column;align-items:center}.oct-inner{position:relative;overflow:hidden;clip-path:var(--oct-clip)}.oct-ring-speak{animation:octRingSpeak .8s ease-in-out infinite;box-shadow:0 0 0 2px var(--g1),0 0 8px 4px #0ff6,0 0 16px 6px #0ff3,inset 0 0 8px #00ffff26}.oct-ring-active{animation:octRingActive 3s ease-in-out infinite}.oct-ring-corrupt{animation:octRingCorrupt .3s ease-in-out infinite}.oct-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:10}.oct-spinner{width:24px;height:24px;border:3px solid var(--gold);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.oct-offline{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg1);display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(45deg,rgba(201,168,76,.03) 0px,rgba(201,168,76,.03) 1px,transparent 1px,transparent 8px),repeating-linear-gradient(-45deg,rgba(201,168,76,.03) 0px,rgba(201,168,76,.03) 1px,transparent 1px,transparent 8px)}.oct-offline-name{font-family:var(--font-ui);font-size:12px;color:#c9a84c99;letter-spacing:1px;text-align:center;padding:4px}.oct-name{font-family:var(--font-ui);font-size:12px;text-align:center;margin-top:4px;transition:color .2s ease;color:#d0c0e0e6;letter-spacing:.5px}.oct-you-tag{font-size:10px;color:#c9a84c99;display:block;text-align:center}.conn-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;z-index:5}.conn-dot--green{background:#0f8;box-shadow:0 0 4px #0f8}.conn-dot--yellow{background:#fc0;box-shadow:0 0 4px #fc0}.conn-dot--red{background:#f44;box-shadow:0 0 4px #f44}.eq-bars{display:flex;flex-direction:row;gap:1px;height:16px;align-items:flex-end;margin-top:2px}.eq-bar{width:3px;min-height:3px;background:#c9a84c99;border-radius:1px;transition:height 90ms ease}.oct-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.oct-grid--sm{gap:8px}.stage-area{padding:1rem}.mode-bar{display:flex;flex-direction:row;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.mode-btn{font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:1px;padding:6px 14px;background:var(--bg2);border:1px solid rgba(201,168,76,.2);color:#b0a0c080;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,color .2s}.mode-btn:hover{border-color:#c9a84c66;color:#b0a0c0cc}.mode-btn--active{border-color:var(--gold);color:var(--gold)}.room-controls{display:flex;flex-direction:row;gap:1rem;margin:1rem 0;flex-wrap:wrap;align-items:center}.chat-panel{background:linear-gradient(135deg,var(--bg1),rgba(22,16,32,.95));border:1px solid rgba(201,168,76,.2);border-radius:var(--radius-md);padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:1rem;display:flex;flex-direction:column;height:300px}.chat-header{font-family:var(--font-display);font-size:14px;color:var(--gold);letter-spacing:2px;padding-bottom:8px;border-bottom:1px solid rgba(201,168,76,.2);flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:8px 0;display:flex;flex-direction:column;gap:4px}.chat-msg{font-family:var(--font-ui);font-size:14px;line-height:1.3;padding:2px 0}.chat-msg--bot{color:var(--goldHi);background:#c9a84c0f;border-left:2px solid var(--gold);padding-left:6px;border-radius:0 2px 2px 0}.chat-user{color:var(--gold);margin-right:6px;font-weight:600}.chat-text{color:#f0e8d4}.chat-translation{color:#00c9a7b3;font-size:11px;font-family:var(--font-mono);display:block;margin-top:2px;padding-left:4px}.chat-input-row{display:flex;flex-direction:row;gap:8px;padding-top:8px;flex-shrink:0}.chat-input{flex:1;background:var(--bg2);border:1px solid rgba(201,168,76,.2);color:#f0e8d4;padding:6px 12px;border-radius:var(--radius-sm);outline:none;font-family:var(--font-ui);font-size:14px;transition:border-color .2s}.chat-input:focus{border-color:#c9a84c99}.chat-input::placeholder{color:#b0a0c04d}.chat-send-btn{padding:6px 16px}.btn-gold{font-family:var(--font-display);font-size:14px;letter-spacing:1px;background:var(--gold);color:var(--bg0);border:none;padding:8px 20px;cursor:pointer;border-radius:var(--radius-sm);transition:opacity .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn-gold:hover{opacity:.85}.btn-gold:disabled{opacity:.4;cursor:not-allowed}.btn-burg{font-family:var(--font-display);font-size:14px;letter-spacing:1px;background:var(--burg);color:#fff;border:none;padding:8px 20px;cursor:pointer;border-radius:var(--radius-sm);transition:opacity .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn-burg:hover{opacity:.85}.btn-burg:disabled{opacity:.4;cursor:not-allowed}.btn-teal{font-family:var(--font-display);font-size:14px;letter-spacing:1px;background:var(--teal);color:var(--bg0);border:none;padding:8px 20px;cursor:pointer;border-radius:var(--radius-sm);transition:opacity .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn-teal:hover{opacity:.85}.btn-teal:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:12px}.btn-delete{background:transparent;border:1px solid rgba(128,0,32,.4);color:var(--burg);padding:4px 8px;border-radius:3px;cursor:pointer;font-family:var(--font-ui);font-size:12px;transition:border-color .2s,background .2s}.btn-delete:hover{border-color:var(--burgHi);background:#80002026;color:var(--burgHi)}.btn-start-fades{display:block;width:100%;padding:12px;font-size:20px;margin-top:1rem}.btn-go-live{padding:12px 32px;font-size:18px}.select-input{background:var(--bg2);border:1px solid rgba(201,168,76,.2);color:#f0e8d4;padding:6px 12px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:14px;outline:none;cursor:pointer;transition:border-color .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.select-input:focus{border-color:#c9a84c99}.text-input{background:var(--bg2);border:1px solid rgba(201,168,76,.2);color:#f0e8d4;padding:6px 12px;border-radius:var(--radius-sm);outline:none;font-family:var(--font-ui);font-size:14px;transition:border-color .2s;width:100%}.text-input:focus{border-color:#c9a84c99}.text-input::placeholder{color:#b0a0c04d}.form-row{margin-bottom:.75rem;display:flex;flex-direction:column;gap:4px}.form-label{font-family:var(--font-ui);font-size:12px;color:#b0a0c099;letter-spacing:1px;text-transform:uppercase}.fades-tab{position:relative}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-crt);background:repeating-linear-gradient(transparent 0px,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px);animation:scan 8s linear infinite}.fades-header{text-align:center;margin-bottom:1rem}.fades-title-glyph{font-family:var(--font-display);font-size:48px;color:var(--goldHi);text-shadow:0 0 20px var(--gold),0 0 40px rgba(201,168,76,.3);letter-spacing:4px}.fades-subtitle{font-family:var(--font-ui);font-size:14px;color:var(--teal);letter-spacing:3px;text-transform:uppercase;margin-top:4px}.fades-rounds{display:flex;flex-direction:row;gap:8px;margin-bottom:1rem;flex-wrap:wrap}.fades-round-btn{font-family:var(--font-display);font-size:16px;letter-spacing:1px;padding:6px 16px;background:var(--bg2);border:1px solid rgba(0,255,255,.3);color:#0ff9;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s}.fades-round-btn--active{border-color:var(--g1);color:var(--g1);box-shadow:0 0 8px #0ff6}.fades-scoreboard{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,var(--bg1),rgba(22,16,32,.95));border:1px solid rgba(201,168,76,.2);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap}.fades-team{display:flex;flex-direction:column;align-items:center;gap:8px}.fades-team-name{font-family:var(--font-display);font-size:20px;letter-spacing:2px;color:#d0c0e0e6}.fades-score{font-family:var(--font-display);font-size:64px;line-height:1}.fades-team--1 .fades-score{color:var(--g1);text-shadow:0 0 20px rgba(0,255,255,.5)}.fades-team--2 .fades-score{color:var(--g2);text-shadow:0 0 20px rgba(255,0,64,.5)}.fades-vs{font-family:var(--font-display);font-size:32px;color:var(--gold);letter-spacing:4px}.fades-winner-banner{font-family:var(--font-display);font-size:28px;text-align:center;color:var(--goldHi);background:#c9a84c26;padding:12px;border:1px solid var(--gold);border-radius:var(--radius-sm);animation:glitch .5s infinite;letter-spacing:3px}.fades-teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.fades-col-header{font-family:var(--font-display);font-size:24px;text-align:center;margin-bottom:.5rem;letter-spacing:2px}.brand-section{margin-bottom:1.5rem}.brand-section-title{font-family:var(--font-display);font-size:16px;color:var(--gold);letter-spacing:2px;margin-bottom:.75rem;text-transform:uppercase}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preset-btn{background:var(--bg2);border:1px solid rgba(201,168,76,.2);padding:10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:13px;color:#b0a0c0b3;transition:border-color .2s,color .2s}.preset-btn:hover{border-color:#c9a84c80;color:#f0e8d4}.preset-swatch{width:24px;height:24px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.color-row{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:.75rem}.color-label{font-family:var(--font-ui);font-size:13px;color:#b0a0c0;min-width:100px}.color-picker{width:40px;height:32px;border:none;padding:0;background:transparent;cursor:pointer;border-radius:3px;overflow:hidden}.color-hex{font-family:var(--font-mono);font-size:12px;color:#c9a84c99;letter-spacing:1px}.toggle-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:.75rem}.toggle-label{font-family:var(--font-ui);font-size:14px;color:#f0e8d4}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg3);border-radius:12px;transition:background .3s;cursor:pointer}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;background:#888;border-radius:50%;left:3px;top:3px;transition:transform .3s,background .3s}.toggle-switch input:checked+.toggle-slider{background:#c9a84c66}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background:var(--goldHi)}.brand-preview{border:2px solid rgba(201,168,76,.4);border-radius:var(--radius-md);padding:1.5rem;display:flex;align-items:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.embed-tab .player-wrap{position:relative;margin-bottom:1rem}.player-offline{height:200px;background:var(--bg2);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(201,168,76,.2);border-radius:6px;gap:8px}.player-offline-text{font-family:var(--font-display);font-size:24px;color:#c9a84c66;letter-spacing:3px}.player-offline-sub{font-family:var(--font-ui);font-size:13px;color:#b0a0c080}.player-container{position:relative;width:100%}.hls-player{width:100%;border-radius:6px;display:block;background:#000}.preview-timer-overlay{position:absolute;top:8px;left:8px;background:#000000b3;color:var(--goldHi);font-family:var(--font-mono);font-size:11px;padding:4px 8px;border-radius:3px;z-index:10;letter-spacing:1px}.paywall-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#07050aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border-radius:6px;z-index:20}.paywall-form{background:linear-gradient(135deg,var(--bg1),rgba(22,16,32,.95));border:1px solid rgba(201,168,76,.2);border-radius:var(--radius-md);padding:1.25rem;max-width:360px;width:100%;text-align:center}.paywall-title{font-family:var(--font-display);font-size:28px;color:var(--gold);margin-bottom:8px;letter-spacing:2px}.paywall-price{font-family:var(--font-display);font-size:48px;color:var(--goldHi);line-height:1;text-shadow:0 0 16px rgba(232,196,106,.4)}.paywall-split{font-family:var(--font-ui);font-size:13px;color:var(--teal);margin-bottom:1rem}.paywall-card-wrap{border:1px solid rgba(201,168,76,.3);padding:12px;border-radius:4px;margin-bottom:1rem;background:var(--bg2);text-align:left}.paywall-error{color:var(--g2);font-family:var(--font-ui);font-size:13px;margin-bottom:8px}.paywall-submit{width:100%}.embed-section{margin-top:1rem}.embed-section-title{font-family:var(--font-display);font-size:14px;color:var(--gold);letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.embed-code-box{width:100%;background:var(--bg2);border:1px solid rgba(201,168,76,.2);color:#f0e8d4;font-family:var(--font-mono);font-size:11px;padding:8px;border-radius:4px;resize:none;box-sizing:border-box;line-height:1.5}.url-display{font-family:var(--font-mono);font-size:12px;color:var(--teal);word-break:break-all;background:var(--bg2);padding:8px;border-radius:4px}.bot-rules-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:1rem}.bot-rule-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px;background:var(--bg2);border-radius:4px}.bot-rule-info{display:flex;flex-direction:row;align-items:center;gap:8px}.bot-rule-icon{font-size:18px;flex-shrink:0}.bot-rule-name{font-family:var(--font-ui);font-size:15px;color:#f0e8d4}.bot-log-feed{height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.bot-log-empty{font-family:var(--font-ui);font-size:13px;color:#b0a0c080;text-align:center;padding:2rem}.bot-log-entry{display:flex;flex-direction:row;gap:8px;align-items:center;padding:4px 8px;border-radius:3px;font-family:var(--font-mono);font-size:11px}.bot-log-entry--spam_detected{background:#ff004014}.bot-log-entry--viewer_join{background:#00c9a70d}.bot-log-entry--gift_received{background:#c9a84c14}.bot-log-time{color:#b0a0c080;flex-shrink:0}.bot-log-icon{flex-shrink:0}.bot-log-event{color:var(--gold);min-width:120px;flex-shrink:0}.bot-log-msg{color:#f0e8d4}.aura-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.aura-stat{text-align:center;background:var(--bg2);padding:12px;border-radius:4px}.aura-stat-label{font-family:var(--font-ui);font-size:11px;color:#b0a0c080;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.aura-stat-value{font-family:var(--font-display);font-size:18px;color:var(--goldHi)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.stat-card{text-align:center;background:var(--bg2);padding:16px 12px;border-radius:var(--radius-sm)}.stat-label{font-family:var(--font-display);font-size:13px;color:#b0a0c080;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.stat-value{font-family:var(--font-display);font-size:36px;color:var(--goldHi);line-height:1}.stat-sub{font-family:var(--font-ui);font-size:12px;color:#b0a0c080;margin-top:4px}.gift-table{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.gift-table-row{display:flex;flex-direction:row;align-items:center;gap:12px;padding:6px 8px;background:var(--bg2);border-radius:3px}.gift-emoji{font-size:20px;flex-shrink:0}.gift-from{font-family:var(--font-ui);font-size:13px;color:#f0e8d4;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-name{font-family:var(--font-ui);font-size:13px;color:#b0a0c080}.gift-amount{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--goldHi);flex-shrink:0}.split-visual{margin:1rem 0}.split-bar{height:32px;border-radius:4px;position:relative;display:flex;align-items:center;overflow:hidden}.split-label-creator{font-family:var(--font-display);font-size:14px;color:var(--bg0);padding-left:12px;flex:1;letter-spacing:1px;z-index:1}.split-label-platform{font-family:var(--font-display);font-size:14px;color:var(--bg0);padding-right:12px;letter-spacing:1px;z-index:1}.gift-float{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;animation:giftFloat 4s ease-out forwards;z-index:var(--z-gift)}.gift-float-emoji{font-size:32px;filter:drop-shadow(0 0 8px rgba(201,168,76,.6))}.gift-float-name{font-family:var(--font-ui);font-size:12px;color:var(--goldHi);font-weight:600;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.gift-float-from{font-family:var(--font-ui);font-size:11px;color:#d0c0e0cc;text-shadow:0 1px 4px rgba(0,0,0,.8)}.gift-float-value{font-family:var(--font-ui);font-size:11px;color:var(--teal);font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8)}.toasts-container{position:fixed;bottom:60px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:var(--z-toast);pointer-events:none}.toast{font-family:var(--font-ui);font-size:14px;padding:10px 16px;border-radius:6px;animation:toastSlide .3s ease-out;max-width:320px;background:var(--bg2);border-left:3px solid;pointer-events:auto;box-shadow:0 4px 16px #0006}.toast--success{border-left-color:var(--teal);color:var(--teal)}.toast--error{border-left-color:var(--g2);color:var(--g2)}.toast--gift{border-left-color:var(--gold);color:var(--goldHi)}.toast--info{border-left-color:#c9a84c66;color:#f0e8d4}.ticker-live-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;background:#ff004033;border-right:1px solid rgba(255,0,64,.4);font-family:var(--font-display);font-size:11px;color:var(--g2);letter-spacing:2px;flex-shrink:0;height:100%;margin-right:8px}.key-row{display:flex;flex-direction:row;align-items:center;gap:12px;padding:8px;background:var(--bg2);border-radius:4px;margin-bottom:4px;flex-wrap:wrap}.key-platform{font-family:var(--font-display);font-size:14px;color:var(--gold);min-width:80px;flex-shrink:0;letter-spacing:1px}.key-status{font-family:var(--font-ui);font-size:13px;color:var(--teal);flex:1}.key-date{font-family:var(--font-mono);font-size:11px;color:#b0a0c080;flex-shrink:0}.watch-area{padding:2rem;text-align:center}.guests-list{display:flex;flex-direction:column;gap:4px}.guest-row{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px;background:var(--bg2);border-radius:4px}.guest-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg3);border:1px solid rgba(201,168,76,.2);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.guest-name{font-family:var(--font-ui);font-size:15px;color:#f0e8d4;flex:1}.guest-role-badge{font-family:var(--font-display);font-size:11px;padding:2px 6px;border-radius:2px;letter-spacing:1px;text-transform:uppercase;flex-shrink:0}.guest-role--host{background:#c9a84c33;color:var(--gold)}.guest-role--guest{background:#00c9a733;color:var(--teal)}.guest-role--viewer{background:var(--bg3);color:#b0a0c080}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg0)}::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#c9a84c80}*{scrollbar-width:thin;scrollbar-color:rgba(201,168,76,.3) var(--bg0)}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-1{flex:1}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.w-full{width:100%}.text-center{text-align:center}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-gold{color:var(--gold)}.color-goldHi{color:var(--goldHi)}.color-teal{color:var(--teal)}.color-g1{color:var(--g1)}.color-g2{color:var(--g2)}.color-muted{color:#b0a0c080}.font-display{font-family:var(--font-display)}.font-ui{font-family:var(--font-ui)}.font-mono{font-family:var(--font-mono)}@media (max-width: 600px){.splash-title{font-size:44px}.fades-teams-grid{grid-template-columns:1fr}.aura-status-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.preset-grid{grid-template-columns:1fr}.fades-scoreboard{flex-direction:column;gap:1rem}.hud-room{display:none}.tab-btn{padding:10px;font-size:11px}}@media (max-width: 400px){.splash-title{font-size:36px}.fades-score{font-size:48px}.stat-value{font-size:28px}}.room-root{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden}.stage-root{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#07050a}.stage-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0f0c14f2;border-bottom:1px solid rgba(201,168,76,.15);flex-shrink:0;flex-wrap:wrap}.stage-layout-btn{font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;background:#1a1510cc;border:1px solid #3D3020;color:#8a7a6280;border-radius:4px;cursor:pointer;transition:all .15s;flex-shrink:0}.stage-layout-btn--active{background:#c9a84c1f;border-color:#c9a84c73;color:#c9a84c}.stage-capacity{font-family:var(--font-mono);font-size:8px;color:#8a7a6266;margin-left:auto;flex-shrink:0}.stage-featured{flex:1;position:relative;overflow:hidden;background:#0a0810}.stage-featured video,.stage-featured .oct-inner{width:100%;height:100%}.stage-featured-offline{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(ellipse at center,#161020,#07050a)}.lower-third{position:absolute;bottom:0;left:0;right:0;padding:8px 12px 10px;background:linear-gradient(transparent,#0e0c09d9 40%);display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;z-index:20}.lower-third-name{font-family:var(--font-display);font-size:18px;color:#f0e8d4;letter-spacing:1px;line-height:1.1;text-shadow:0 1px 6px rgba(0,0,0,.8)}.lower-third-role{font-family:var(--font-mono);font-size:9px;color:#c9a84c;letter-spacing:2px;text-transform:uppercase;margin-top:2px}.lower-third-live-dot{width:8px;height:8px;border-radius:50%;background:#ff1a3c;box-shadow:0 0 8px #ff1a3c;animation:liveBlink 1s infinite;flex-shrink:0;margin-bottom:4px}.lower-third-badges{display:flex;gap:4px;align-items:flex-end;flex-shrink:0}.stage-panel{flex:1;display:grid;gap:4px;padding:4px;overflow:hidden;align-items:center;justify-items:center}.stage-panel--2{grid-template-columns:1fr 1fr}.stage-panel--3{grid-template-columns:1fr 1fr 1fr}.stage-panel--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.stage-panel--6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.stage-panel-cell{width:100%;height:100%;min-height:0;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#0e0c09;border:1px solid #3D3020;position:relative}.stage-panel-cell--speaking{border-color:#0ff;box-shadow:0 0 12px #0ff6}.stage-panel-cell--featured{border-color:#c9a84c;box-shadow:0 0 12px #c9a84c4d}.stage-talk{flex:1;display:grid;grid-template-columns:3fr 1fr;gap:4px;padding:4px;overflow:hidden;min-height:0}.stage-talk-main{position:relative;border-radius:8px;overflow:hidden;background:#0a0810;border:1px solid rgba(201,168,76,.2)}.stage-talk-sidebar{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.stage-talk-mini{flex-shrink:0;border-radius:6px;overflow:hidden;background:#0e0c09;border:1px solid #3D3020;aspect-ratio:16/9;position:relative}.stage-screen{flex:1;display:grid;grid-template-rows:1fr auto;gap:4px;padding:4px;overflow:hidden;min-height:0}.stage-screen-main{border-radius:8px;overflow:hidden;background:#000;border:1px solid rgba(212,133,74,.3);position:relative;min-height:0}.stage-screen-pip{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;height:80px}.stage-screen-pip-cell{flex-shrink:0;width:120px;height:80px;border-radius:6px;overflow:hidden;background:#0e0c09;border:1px solid #3D3020;position:relative}.hand-queue-panel{background:#0f0c14f7;border-top:1px solid rgba(201,168,76,.2);flex-shrink:0;max-height:140px;overflow-y:auto}.hand-queue-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-family:var(--font-display);font-size:12px;color:#c9a84c;letter-spacing:2px;border-bottom:1px solid rgba(201,168,76,.1);position:sticky;top:0;background:#0f0c14f7}.hand-queue-item{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid rgba(26,21,16,.6)}.hand-queue-name{font-family:var(--font-ui);font-size:13px;font-weight:600;color:#f0e8d4;flex:1}.hand-queue-time{font-family:var(--font-mono);font-size:8px;color:#8a7a6266;flex-shrink:0}.media-controls-bar{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#0e0c09f2;border-top:1px solid rgba(26,21,16,.8);flex-shrink:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.media-controls-bar::-webkit-scrollbar{display:none}.mc-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:#1a1510cc;border:1px solid #3D3020;border-radius:8px;padding:6px 10px;color:#8a7a6299;cursor:pointer;transition:all .15s;flex-shrink:0;min-width:44px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.mc-btn:hover{border-color:#c9a84c59;color:#f0e8d4}.mc-btn--active{background:#c9a84c1f;border-color:#c9a84c66;color:#c9a84c}.mc-btn--danger{background:#ff1a3c1f;border-color:#ff1a3c66;color:#ff6b81}.mc-btn--live{background:linear-gradient(135deg,#80002099,#c0183866);border-color:#c0183880;color:#c9a84c}.mc-btn-icon{font-size:14px;line-height:1}.mc-btn-label{font-family:var(--font-mono);font-size:7px;letter-spacing:.5px}.mc-divider{width:1px;height:28px;background:#1a1510cc;flex-shrink:0;margin:0 2px}.broadcast-bar{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#ff1a3c12;border-bottom:1px solid rgba(255,26,60,.2);flex-shrink:0}.broadcast-bar-dot{width:7px;height:7px;border-radius:50%;background:#ff1a3c;box-shadow:0 0 6px #ff1a3c;animation:liveBlink 1s infinite;flex-shrink:0}.chat-collapsed{background:#0f0c14f2;border-top:1px solid rgba(201,168,76,.15);flex-shrink:0}.chat-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:transparent;border:none;color:#c9a84c99;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer}.upload-drop-zone{border:2px dashed rgba(201,168,76,.3);border-radius:12px;padding:32px 16px;text-align:center;background:#1a151080;cursor:pointer;transition:all .2s}.upload-drop-zone--drag{border-color:#c9a84c;background:#c9a84c12;box-shadow:0 0 20px #c9a84c1a}.upload-progress-bar{height:6px;background:#161020;border-radius:3px;overflow:hidden;margin-top:6px}.upload-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.role-host{background:#c9a84c2e;color:#c9a84c;border:1px solid rgba(201,168,76,.4)}.role-cohost{background:#c9a84c26;color:#c9a84c;border:1px solid rgba(201,168,76,.35)}.role-guest{background:#d4854a26;color:#c9a84c;border:1px solid rgba(212,133,74,.35)}.role-viewer{background:#1a151099;color:#8a7a6280;border:1px solid #3D3020}.role-pill{font-family:var(--font-mono);font-size:7.5px;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:3px;flex-shrink:0}.invite-chip{display:inline-flex;align-items:center;gap:4px;background:#c9a84c1f;border:1px solid rgba(201,168,76,.35);border-radius:6px;padding:4px 8px;font-family:var(--font-ui);font-size:10px;font-weight:700;color:#c9a84c;cursor:pointer;transition:all .15s}.invite-chip:hover{background:#c9a84c38}@media (max-width: 600px){.stage-talk{grid-template-columns:1fr;grid-template-rows:3fr 1fr}.stage-panel--3,.stage-panel--6{grid-template-columns:1fr 1fr}.lower-third-name{font-size:14px}}@media (prefers-color-scheme: dark){:root{--bg0: #07050A;--bg1: #0E0C09;--bg2: #1A1510;--bg3: #241C12;--gold: #C9A84C;--burg: #800020;color-scheme:dark}body{background-color:var(--bg0);color:#f0e8d4}}select{background:#1a1510;border:1px solid rgba(201,168,76,.2);color:#f0e8d4;padding:8px 32px 8px 12px;border-radius:8px;font-family:inherit;font-size:14px;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C9A84C' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-height:40px}select:focus{border-color:#c9a84c80}@keyframes ptrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ptr-indicator{position:absolute;top:-48px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#1a1510f2;border:1px solid rgba(201,168,76,.25);border-radius:20px;padding:6px 16px;font-family:DM Mono,monospace;font-size:9px;color:#c9a84c;letter-spacing:1px;pointer-events:none;z-index:50;white-space:nowrap;transition:top .2s ease}.ptr-indicator--visible{top:12px}.ptr-spinner{width:12px;height:12px;border:1.5px solid rgba(201,168,76,.3);border-top-color:#c9a84c;border-radius:50%;animation:ptrSpin .7s linear infinite}@supports (padding-bottom: env(safe-area-inset-bottom)){.tab-bar,.media-controls-bar{padding-bottom:env(safe-area-inset-bottom)}.toasts-container{bottom:calc(60px + env(safe-area-inset-bottom))}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,a,[role=button]{touch-action:manipulation;user-select:none;-webkit-user-select:none}html{overscroll-behavior-y:none}.scroll-momentum{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (prefers-color-scheme: light){html{background:#0e0c09;color:#f0e8d4;color-scheme:dark}}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes tabSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}