:root{--orange:#2f78c4;--orange2:#4d9be8;--blue:#2f78c4;--blue2:#15558f;--bg:#050b0d;--panel:#081416;--line:#17373b;--text:#f4f6f7;--muted:#a8b0b5}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#050a0c;color:var(--text)}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.landing{min-height:100vh;position:relative;overflow:hidden;background:#070b0e}.landing-video-bg{position:absolute;inset:-18px;z-index:0;overflow:hidden;pointer-events:none}.landing-video-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(4px);transform:scale(1.035);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:block}.landing-video-dim{position:absolute;inset:0;background:rgba(0,0,0,.48)}.hero-overlay{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.58) 0%,rgba(4,7,9,.40) 42%,rgba(4,7,9,.48) 100%),linear-gradient(0deg,rgba(4,7,9,.48),transparent 38%,rgba(4,7,9,.18));backdrop-filter:blur(.7px);-webkit-backdrop-filter:blur(.7px)}
.brand,.hero,footer{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:20px;padding:38px 5.5vw}.crest{width:88px;height:78px;display:grid;place-items:center;overflow:hidden;flex:0 0 88px}.crest img{width:92px;height:78px;object-fit:contain;display:block;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}.brand-copy{border-left:4px solid var(--orange);padding-left:16px;color:#aeb8c0;font-size:15px;letter-spacing:.2px}.brand-name{font-size:51px;font-weight:800;letter-spacing:-3px;color:#eef1f4;line-height:.9;margin-bottom:9px}.brand-name span,.pitch h1 span,footer span{color:var(--orange)}
.hero{max-width:1400px;margin:45px auto 0;padding:0 5.5vw;display:grid;grid-template-columns:1.15fr .8fr;gap:80px;align-items:center}.eyebrow{color:#4d9be8;font-weight:700;letter-spacing:.4px;font-size:18px}.eyebrow b{display:inline-block;width:6px;height:28px;background:var(--orange);vertical-align:middle;margin-right:14px}.eyebrow i{display:inline-block;height:22px;border-left:1px solid #687177;margin:0 16px -6px 18px}.pitch h1{font-size:53px;line-height:1.04;letter-spacing:-2.5px;margin:26px 0 22px}.pitch p{font-size:20px;line-height:1.55;color:#c1c8cc;max-width:630px}.pitch ul{list-style:none;padding:0;margin:27px 0;display:grid;gap:12px;color:#b9c0c4;font-size:17px}.pitch li{display:flex;align-items:center;gap:15px}.pitch li span{width:38px;height:38px;border:1px solid #245f91;border-radius:11px;display:grid;place-items:center;color:var(--orange);font-size:21px;background:rgba(47,120,196,.06)}.links{display:flex;gap:18px;margin-top:35px;flex-wrap:wrap}.links a{color:#f3f4f5;text-decoration:none;border:2px solid var(--orange);padding:14px 22px;border-radius:30px;box-shadow:0 0 20px rgba(47,120,196,.20);font-weight:700}.links a:hover{background:rgba(47,120,196,.14)}
.entry-card{border:1px solid #245f91;background:rgba(5,9,11,.78);border-radius:16px;padding:28px 30px;box-shadow:0 18px 60px #0009}.card-title{display:flex;align-items:center;gap:13px;font-size:21px}.card-title b{width:7px;height:27px;background:var(--orange)}.entry-card p{color:#aeb5ba;margin:10px 0 26px;font-size:14px}.field-label{display:block;color:#8f979c;font-weight:700;font-size:13px;margin:0 0 7px}.field-label small{float:right;font-weight:500}.entry-card input{width:100%;background:#0a0f12;border:1px solid #245a87;color:#fff;border-radius:10px;padding:15px 16px;outline:none}.entry-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(47,120,196,.12)}.primary,.join-row button{border:0;border-radius:11px;background:linear-gradient(180deg,#4d9be8,#2369ad);color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(47,120,196,.26);padding:16px}.primary:disabled{opacity:.55;cursor:not-allowed}.entry-card .primary{width:100%;margin-top:24px;font-size:17px}.or{display:flex;align-items:center;gap:20px;color:#8d9498;margin:25px 0}.or span{height:1px;background:#253d50;flex:1}.join-row{display:flex;gap:12px}.join-row input{flex:1}.join-row button{min-width:142px;background:linear-gradient(180deg,#367fbd,#1f5f96)}.secure-note{font-size:11px;color:#738187;margin-top:16px;text-align:center}
footer{text-align:center;color:#b3bac0;margin:55px 0 18px;font-size:14px}.room{height:100vh;height:100dvh;background:#050d0f}.topbar{height:72px;border-bottom:1px solid #15353a;display:flex;align-items:center;padding:0 20px;gap:14px;background:#071517}.room-brand{font-weight:800;font-size:20px}.room-brand span{color:#4d9be8}.room-brand small{font-size:10px;color:#6e858b;margin-left:8px;letter-spacing:1px}.room-code-pill{border:1px solid #2f78c4;color:#d9eaff;border-radius:7px;padding:9px 12px;font-family:monospace}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.online{color:#67e4ac;font-size:13px}.top-actions button{background:#0b1b1e;border:1px solid #244348;color:#b4c0c3;padding:9px 15px;border-radius:8px}
.workspace{display:grid;grid-template-columns:264px 1fr;height:calc(100vh - 72px);height:calc(100dvh - 72px)}.sidebar{border-right:1px solid #16353a;display:flex;flex-direction:column;background:#061013}.side-card{margin:12px;border:1px solid #1a4449;border-radius:11px;padding:16px}.side-card label{font-size:10px;letter-spacing:1.4px;color:#718388;display:block;margin-bottom:17px}.side-card strong{font-family:monospace;letter-spacing:2px;display:block;margin-bottom:18px}.side-card button,.share-side{width:100%;background:transparent;border:1px solid #17464d;color:#b8c6c9;border-radius:9px;padding:10px;font-size:12px}.side-heading{color:#667a80;font-size:11px;letter-spacing:1px;padding:16px}.members{padding:0 12px;display:grid;gap:5px}.member{display:flex;align-items:center;gap:10px;padding:9px 5px;border-radius:8px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2f78c4;color:white;font-size:11px;font-weight:800}.member small{display:block;color:#65767b;margin-top:2px}.badge{margin-left:auto;font-size:9px;color:#9bcaff;background:#12375a;border-radius:5px;padding:4px}.side-bottom{margin-top:auto}.share-side{border-style:dashed;border-color:#21484d;margin:0 12px 12px;width:calc(100% - 24px)}.me{border-top:1px solid #153238;padding:14px 18px;display:flex;gap:10px;align-items:center}.me>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#2aa56c;font-size:9px;overflow:hidden}.me>span img{width:100%;height:100%;object-fit:cover;border-radius:50%}.me small{display:block;color:#65767b}
.stage{position:relative;overflow:hidden;background:#020a0c;display:flex;align-items:center;justify-content:center}.stage-bg{position:absolute;inset:-18px;z-index:0;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .35s ease,visibility .35s ease}.stage-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(5px);transform:scale(1.055);opacity:.52;display:block}.stage-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,10,.62),rgba(1,8,10,.72)),rgba(1,8,10,.45);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.stage.has-streams .stage-bg{opacity:0;visibility:hidden}.video-grid{position:absolute;inset:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;align-content:center;padding-bottom:90px}.video-tile{position:relative;background:#000;border:1px solid #17383d;border-radius:10px;overflow:hidden;min-height:220px;box-shadow:0 15px 50px #0008}.video-tile video{width:100%;height:100%;min-height:220px;object-fit:contain;background:#000;display:block}.tile-label{position:absolute;left:12px;top:10px;background:#061215dd;border:1px solid #21434a;border-radius:6px;padding:6px 9px;font-size:11px}.empty{text-align:center;color:#cbd2d5;z-index:2}.monitor{width:88px;height:88px;border:1px solid #21444a;border-radius:17px;display:grid;place-items:center;margin:0 auto 20px;font-size:42px;color:#657c81;background:#061316}.empty h2{font-size:17px;margin:0 0 10px}.empty p{font-size:13px;line-height:1.55;color:#75858a;max-width:430px;margin:0 auto 20px}.compact{padding:12px 20px;font-size:14px}.ghost{margin-left:7px;border:1px solid #21444a;background:transparent;color:#b6c3c6;padding:12px 20px;border-radius:10px}.controlbar{position:absolute;bottom:20px;display:flex;align-items:center;gap:2px;background:#071a1d;border:1px solid #19434a;border-radius:28px;padding:5px;box-shadow:0 10px 30px #0009}.controlbar .primary{border-radius:22px;box-shadow:0 0 20px #2f78c444}.icon-btn{width:40px;height:40px;border:0;background:transparent;color:#9fb0b4;border-radius:50%}.icon-btn:hover{background:#10272b}.toast{position:fixed;right:22px;bottom:22px;z-index:20;background:#0a191c;border:1px solid #225158;color:#e5f3f5;padding:12px 16px;border-radius:9px;transform:translateY(20px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:35px;margin-top:20px}.pitch h1{font-size:42px}.entry-card{max-width:650px}.workspace{grid-template-columns:220px 1fr}}@media(max-width:700px){.brand{padding:24px}.brand-name{font-size:38px}.crest{width:58px;height:58px}.hero{padding:0 24px}.pitch p{font-size:16px}.links{flex-wrap:wrap}.links a{padding:12px 18px}.sidebar{display:none}.workspace{grid-template-columns:1fr}.topbar{padding:0 12px}.room-code-pill{font-size:11px}.top-actions .online{display:none}.entry-card{padding:22px}.video-grid{grid-template-columns:1fr}.video-tile{min-height:180px}}

.transmit-credit{margin-right:auto;color:#70868f;font-size:12px;letter-spacing:.2px}.transmit-credit strong{color:#4d9be8;font-weight:800}

.discord-login{width:100%;margin-top:10px;border:1px solid rgba(88,101,242,.65);background:rgba(88,101,242,.12);color:#fff;border-radius:10px;padding:11px 14px;font-weight:700;cursor:pointer}.discord-login:hover{background:rgba(88,101,242,.2)}.discord-account{display:none;align-items:center;gap:10px;margin-top:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035)}.discord-account:not(:empty){display:flex}.discord-account img,.discord-account>span{width:34px;height:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#5865f2}.discord-account div{display:flex;flex-direction:column;min-width:0;flex:1}.discord-account b{font-size:12px}.discord-account small{opacity:.6}.discord-account a{font-size:11px;color:#9dcfff;text-decoration:none}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}

.discord-top{margin-left:auto;display:flex;align-items:center}.discord-top-login{border:1px solid rgba(88,101,242,.75);background:#5865f2;color:#fff;border-radius:9px;padding:11px 18px;font-weight:800;box-shadow:0 8px 24px rgba(88,101,242,.22)}.discord-top-login:hover{filter:brightness(1.08)}.discord-top-account,.room-discord{display:flex;align-items:center;gap:9px}.discord-top-account{padding:5px 7px 5px 5px;border:1px solid rgba(255,255,255,.12);background:rgba(8,16,20,.72);border-radius:22px}.discord-top-account img,.discord-top-account>span,.room-discord img,.room-discord>span{width:32px;height:32px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#5865f2;color:#fff;font-size:11px;font-weight:800}.discord-top-account div{display:flex;flex-direction:column;line-height:1.1}.discord-top-account b{font-size:12px}.discord-top-account small{font-size:10px;color:#7f9298;margin-top:2px}.discord-top-account a{color:#9dcfff;text-decoration:none;font-size:11px;margin-left:3px}.room-discord{margin-left:6px}.room-discord b{font-size:11px;color:#b8c7cb}.room-discord a{font-size:10px;color:#7eaec7;text-decoration:none}.discord-required{font-size:12px;color:#8fa0a5;border:1px solid #1d4147;border-radius:9px;padding:10px 12px;margin:12px 0 0;background:rgba(7,19,22,.7)}
@media(max-width:700px){.brand{align-items:flex-start}.discord-top-account div,.room-discord b,.room-discord a{display:none}.discord-top-login{padding:9px 12px}.room-discord{display:none}}

.room-discord-login{border:1px solid rgba(88,101,242,.7);background:#5865f2;color:#fff;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer}.room-discord-account{display:flex;align-items:center;gap:8px}.room-discord-account img,.room-discord-account>span{width:28px;height:28px;border-radius:50%;object-fit:cover}.room-discord-account b{font-size:11px;color:#cbd6da}.room-discord-account a{font-size:10px;color:#8eb8d4;text-decoration:none}.discord-top-account a:hover,.room-discord-account a:hover{color:#fff}


/* Login Discord: widget independente do header, sempre fixo no canto superior direito */
#landingDiscord.discord-widget{
  position:fixed!important;
  top:20px!important;
  right:24px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:2147483647!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  pointer-events:auto!important;
}
#landingDiscord .discord-top-login{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:145px!important;
  height:46px!important;
  padding:0 18px!important;
  border:1px solid rgba(88,101,242,.9)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#5865f2,#4752c4)!important;
  color:#fff!important;
  text-decoration:none!important;
  font:800 14px Inter,Segoe UI,Arial,sans-serif!important;
  box-shadow:0 8px 24px rgba(0,0,0,.35)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
#landingDiscord .discord-top-login:hover{filter:brightness(1.08);transform:translateY(-1px)}
#landingDiscord .discord-top-account{display:flex;align-items:center;gap:9px;padding:5px 7px 5px 5px;border:1px solid rgba(88,101,242,.55);background:rgba(8,16,20,.92);border-radius:24px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
#landingDiscord .discord-top-account img,#landingDiscord .discord-top-account>span{width:36px;height:36px;min-width:36px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#5865f2;color:#fff;font-size:11px;font-weight:800}
#landingDiscord .discord-top-account div{display:flex;flex-direction:column;line-height:1.1;max-width:150px}
#landingDiscord .discord-top-account b{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#landingDiscord .discord-top-account small{font-size:10px;color:#9aaab0;margin-top:3px;white-space:nowrap}
#landingDiscord .discord-top-account a{color:#9dcfff;text-decoration:none;font-size:11px;margin-left:3px}
#landingDiscord .discord-top-account a:hover{color:#fff}
@media(max-width:700px){
  #landingDiscord.discord-widget{top:14px!important;right:14px!important}
  #landingDiscord .discord-top-login{min-width:125px!important;height:42px!important;padding:0 13px!important;font-size:13px!important}
  #landingDiscord .discord-top-account div{display:none}
}


/* CORREÇÃO DEFINITIVA: login Discord fora do header e sempre no viewport */
#landingDiscord.discord-widget{
  position:fixed !important;
  inset:auto 24px auto auto !important;
  top:18px !important;
  right:24px !important;
  left:auto !important;
  bottom:auto !important;
  width:max-content !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  z-index:999999 !important;
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:none !important;
}
#landingDiscord .discord-top-login{
  min-width:156px !important;
  height:44px !important;
  box-sizing:border-box !important;
  border:2px solid #5865f2 !important;
  border-radius:24px !important;
  background:rgba(7,15,20,.88) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.35) !important;
}
#landingDiscord .discord-top-account{
  min-height:44px !important;
  box-sizing:border-box !important;
  border:2px solid #5865f2 !important;
  border-radius:24px !important;
  background:rgba(7,15,20,.94) !important;
}
#landingDiscord .discord-top-account img,#landingDiscord .discord-top-account>span{
  width:36px !important;height:36px !important;min-width:36px !important;
  border-radius:50% !important;object-fit:cover !important;
}
@media(max-width:700px){#landingDiscord.discord-widget{top:12px !important;right:12px !important}.brand{padding-right:190px !important}}

/* Protecao de clique dos controles da tela inicial */
.hero{position:relative;z-index:10!important}
.entry-card{position:relative;z-index:11!important;pointer-events:auto!important}
.entry-card button,.entry-card input{pointer-events:auto!important}


/* Controle de volume da transmissão */
.volume-control{height:40px;display:flex;align-items:center;gap:7px;padding:0 9px;color:#9fb0b4;font-size:11px;border-left:1px solid #19434a;border-right:1px solid #19434a}
.volume-control input{width:105px;accent-color:#4d9be8;cursor:pointer}
.volume-control span:last-child{min-width:35px;text-align:right;color:#8fa4aa;font-variant-numeric:tabular-nums}
@media(max-width:700px){.volume-control{display:none}}

/* Seleção de transmissões e controles da sala */
.stream-toolbar{position:absolute;top:14px;left:16px;right:16px;z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:8px;pointer-events:none}.stream-toolbar span{margin-right:auto;color:#7f9298;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.stream-toolbar button,.tile-btn,.member-screen-btn{pointer-events:auto;border:1px solid #21444a;background:#071a1d;color:#b9c8cc;border-radius:7px;padding:7px 10px;font-size:10px;cursor:pointer}.stream-toolbar button:hover,.tile-btn:hover,.member-screen-btn:hover{background:#10282c;color:#fff}.video-grid{padding-top:54px}.video-tile.stream-hidden{display:none}.tile-actions{position:absolute;right:10px;top:10px;display:flex;gap:5px;opacity:0;transition:.15s}.video-tile:hover .tile-actions{opacity:1}.tile-btn{background:#071a1ddd}.members .member{position:relative}.member-screen-btn{margin-left:auto;flex:0 0 auto;padding:5px 7px}.member-screen-btn.watching-off{border-color:#4d9be8;color:#8ec4ef}.danger-btn{border:1px solid #7a3038;background:#32151a;color:#ffb8be;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700;cursor:pointer}.danger-btn:hover{background:#4a1c23;color:#fff}.hidden{display:none!important}@media(max-width:900px){.stream-toolbar{top:10px}.tile-actions{opacity:1}.top-actions{gap:5px}.danger-btn{padding:7px 8px}}
.room-action-btn{background:#0b1b1e;border:1px solid #31555b;color:#c6d4d7;padding:9px 15px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer}.room-action-btn:hover{background:#102a2f;color:#fff}.room-action-btn.hidden{display:none!important}


/* Painel de senha da sala */
.modal-overlay{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(5px);padding:20px}.modal-overlay.hidden{display:none!important}.password-modal{width:min(390px,100%);padding:26px;border:1px solid #24464d;border-radius:14px;background:#071216;box-shadow:0 24px 70px rgba(0,0,0,.6);text-align:center}.password-modal-icon{font-size:28px;margin-bottom:8px}.password-modal h3{margin:0;color:#fff;font-size:20px}.password-modal p{margin:8px 0 18px;color:#8ea1a6;font-size:12px}.password-modal input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #31535a;border-radius:9px;background:#0b1c20;color:#fff;outline:none}.password-modal input:focus{border-color:#4d9be8;box-shadow:0 0 0 2px rgba(77,155,232,.12)}.password-error{min-height:18px;margin:8px 0;color:#ff9ca5;font-size:11px}.password-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.password-actions button{min-width:100px}


/* Melhor visualização da transmissão */
.video-tile video {
  transform-origin: center center;
  transition: transform .12s ease-out;
}

.stage:fullscreen {
  width: 100vw;
  height: 100vh;
  border: 0;
  border-radius: 0;
  background: #020a0c;
}

.stage:fullscreen .video-grid {
  inset: 16px;
}

.stage:fullscreen .controlbar {
  bottom: 20px;
}

.local-preview-tile {
  border-color: #2b6a74;
}

/* Tela cheia individual de cada transmissão */
.tile-fullscreen-btn{position:absolute;right:10px;bottom:10px;z-index:5;width:36px;height:36px;border:1px solid #21444a;border-radius:8px;background:#071a1ddd;color:#d7e5e8;font-size:19px;line-height:1;display:grid;place-items:center;cursor:pointer;opacity:0;transition:.15s;backdrop-filter:blur(4px)}
.video-tile:hover .tile-fullscreen-btn,.video-tile:focus-within .tile-fullscreen-btn{opacity:1}
.tile-fullscreen-btn:hover{background:#10282c;color:#fff;border-color:#4d9be8}
.video-tile:fullscreen{width:100vw;height:100vh;min-height:0;border:0;border-radius:0;background:#000;display:flex;align-items:center;justify-content:center}
.video-tile:fullscreen video{width:100%;height:100%;min-height:0;object-fit:contain}
.video-tile:fullscreen .tile-fullscreen-btn{opacity:1;right:18px;bottom:18px}
.video-tile:fullscreen .tile-actions{display:none}


.video-tile audio{display:none}


.member .avatar{transition:box-shadow .03s linear, transform .03s linear}
  box-shadow:0 0 0 3px #22c55e, 0 0 18px rgba(34,197,94,.9);
  transform:scale(1.04);
}


/* Qualidade/FPS */
.quality-control{display:flex;align-items:center;gap:6px;color:#82959a;font-size:10px;text-transform:uppercase;letter-spacing:.35px;pointer-events:auto}
.quality-control select{height:30px;border:1px solid #21444a;border-radius:7px;background:#071a1d;color:#cbd7da;padding:0 7px;font-size:10px;outline:none;cursor:pointer}
.quality-control select:focus{border-color:#4d9be8}


/* Perfil Discord dentro do site */
.discord-profile-modal{position:relative;width:min(380px,100%);overflow:hidden;border:1px solid #29484e;border-radius:15px;background:#071216;box-shadow:0 28px 80px rgba(0,0,0,.65)}
.discord-profile-banner{height:92px;background:linear-gradient(135deg,#1c3c45,#0b2025 55%,#5865f2)}
.discord-profile-avatar-wrap{position:relative;margin:-42px 0 0 24px;width:88px;height:88px;border:6px solid #071216;border-radius:50%;background:#5865f2;box-sizing:border-box;overflow:hidden}
.discord-profile-avatar{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;font-size:26px;font-weight:900;color:#fff}
.discord-profile-initials{display:grid;place-items:center}
.discord-profile-body{padding:14px 24px 24px}.discord-profile-body h3{margin:0;color:#fff;font-size:20px}.discord-profile-body p{margin:4px 0 12px;color:#aebfc3;font-size:13px}.discord-profile-id{display:inline-block;padding:6px 8px;border-radius:7px;background:#0c2024;color:#83999e;font-size:10px;font-family:monospace}.discord-profile-note{margin-top:14px;color:#71868b;font-size:11px}.discord-profile-open-link{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:10px 14px;border-radius:8px;background:#5865f2;color:#fff;text-decoration:none;font-size:13px;font-weight:700;transition:background .15s ease}.discord-profile-open-link:hover{background:#4752c4}.discord-profile-open-link.hidden{display:none}.discord-profile-close{position:absolute;right:12px;top:10px;z-index:2;width:32px;height:32px;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:23px;line-height:1;cursor:pointer}.discord-profile-close:hover{background:rgba(0,0,0,.6)}
.member{cursor:pointer}
@media(max-width:900px){.quality-control{display:none}}


/* Configurações */
.settings-btn{font-size:17px;line-height:1;transition:transform .18s ease,background .18s ease}
.settings-btn:hover{transform:rotate(35deg)}
.settings-modal{position:relative;width:min(900px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));overflow:hidden;border:1px solid #24474e;border-radius:18px;background:#061216;box-shadow:0 30px 100px rgba(0,0,0,.7);color:#dbe6e8}
.settings-close{position:absolute;right:14px;top:12px;z-index:4;width:34px;height:34px;border:1px solid #284950;border-radius:50%;background:#0a1c20;color:#c8d6d9;font-size:22px;cursor:pointer}
.settings-head{display:flex;align-items:center;gap:14px;padding:22px 26px;border-bottom:1px solid #17353b;background:linear-gradient(180deg,#0a1b20,#071317)}
.settings-head h2{margin:0;font-size:21px;color:#fff}.settings-head p{margin:4px 0 0;color:#81969b;font-size:11px}.settings-gear{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#10272c;border:1px solid #2a5058;font-size:21px}
.settings-layout{display:grid;grid-template-columns:190px 1fr;min-height:440px}.settings-tabs{padding:14px;border-right:1px solid #17353b;background:#071417;display:flex;flex-direction:column;gap:5px}.settings-tab{border:1px solid transparent;background:transparent;color:#82979c;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer;font-size:12px}.settings-tab:hover{background:#0c2227;color:#dce7e9}.settings-tab.active{background:#102a30;border-color:#28515a;color:#fff;font-weight:700}.settings-panels{padding:24px 28px;overflow:auto}.settings-panel{display:none}.settings-panel.active{display:block}.settings-panel h3{margin:0;color:#fff;font-size:18px}.settings-desc{margin:5px 0 18px;color:#82969b;font-size:11px}.settings-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #132d32}.settings-row span:first-child{display:flex;flex-direction:column;gap:4px}.settings-row b{font-size:12px;color:#dce7e9}.settings-row small{font-size:10px;color:#72888d;max-width:500px;line-height:1.4}.settings-select{min-width:145px;height:36px;padding:0 9px;border:1px solid #294a51;border-radius:8px;background:#08191d;color:#dce7e9;outline:none}.settings-range{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.settings-range input{width:160px;accent-color:#4d9be8}.settings-range strong{min-width:42px;color:#a8c0c5;font-size:11px;text-align:right}.settings-switch{appearance:none;width:44px;height:24px;border-radius:20px;border:1px solid #2b4c53;background:#102125;position:relative;cursor:pointer;transition:.18s}.settings-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#71868b;transition:.18s}.settings-switch:checked{background:#214b35;border-color:#2f7a4b}.settings-switch:checked:after{left:23px;background:#4ade80}.settings-info{margin-top:18px;padding:12px 14px;border:1px solid #1d3c42;border-radius:9px;background:#091b1f;color:#728a90;font-size:10px;line-height:1.5}.settings-feature{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid #17363c;background:#091a1e;border-radius:10px;margin-bottom:9px}.settings-feature b{font-size:12px;color:#dbe7e9}.settings-feature span{font-size:10px;color:#74898e}.settings-profile-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #1d3d43;background:#091a1e;border-radius:11px}.settings-profile-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#5865f2;color:#fff;font-weight:800;overflow:hidden}.settings-profile-avatar img{width:100%;height:100%;object-fit:cover}.settings-profile-card>div:last-child{display:flex;flex-direction:column;gap:4px}.settings-profile-card b{color:#fff}.settings-profile-card small{color:#82969b}.settings-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 20px;border-top:1px solid #17353b;color:#62797e;font-size:10px}.settings-footer .ghost{padding:8px 11px}
@media(max-width:650px){.settings-layout{grid-template-columns:1fr}.settings-tabs{border-right:0;border-bottom:1px solid #17353b;display:grid;grid-template-columns:repeat(4,1fr);padding:8px}.settings-tab{text-align:center;padding:9px 4px;font-size:10px}.settings-panels{padding:18px}.settings-row{align-items:flex-start;flex-direction:column}.settings-select,.settings-range{width:100%}.settings-range input{flex:1}.settings-modal{max-height:calc(100vh - 20px);width:calc(100vw - 20px)}}
.audio-only-tile{display:flex;align-items:center;justify-content:center;min-height:180px}.audio-only-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#17353c;border:2px solid #2b5962;color:#d9e7e9;font-size:22px;font-weight:800}

/* ===== Compatibilidade universal de resolução/escala ===== */
/* A barra inferior nunca deve desaparecer ou ser cortada em monitores pequenos,
   zoom do navegador ou escalas do Windows. */
.controlbar{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:max(10px, env(safe-area-inset-bottom));
  z-index:50;
  max-width:calc(100% - 20px);
  box-sizing:border-box;
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.controlbar::-webkit-scrollbar{display:none}
.controlbar .icon-btn{flex:0 0 40px}

/* Não esconder controles importantes por causa da largura CSS reduzida por zoom. */
@media(max-width:900px){
  .quality-control{display:flex}
  .stream-toolbar{left:10px;right:10px;gap:5px}
  .stream-toolbar .quality-control{font-size:9px}
  .stream-toolbar .quality-control select{max-width:92px}
  .controlbar{bottom:max(8px, env(safe-area-inset-bottom));}
}

@media(max-width:700px){
  .controlbar{gap:1px;padding:4px;max-width:calc(100% - 12px)}
  .controlbar .icon-btn{width:36px;height:36px;flex-basis:36px}
  .stream-toolbar{top:8px;flex-wrap:wrap;justify-content:flex-end}
  .stream-toolbar span{display:none}
}

@media(max-height:600px){
  .controlbar{bottom:6px}
  .video-grid{padding-bottom:68px}
}

/* Configurações adaptáveis: as categorias continuam acessíveis mesmo em
   resoluções estreitas/zoom alto, sem esmagar os controles. */
.settings-modal{
  width:min(900px,calc(100vw - 24px));
  max-width:900px;
  max-height:calc(100vh - 24px);
  display:flex;
  flex-direction:column;
}
.settings-layout{min-height:0;flex:1;overflow:hidden}
.settings-panels{min-width:0}
.settings-row span:first-child{min-width:0}
.settings-row small{overflow-wrap:anywhere}

/* Em telas estreitas/zoom alto, use abas horizontais em vez de transformar
   a janela em um layout quebrado. */
@media(max-width:650px){
  .settings-layout{display:flex;flex-direction:column;min-height:0}
  .settings-tabs{
    flex:0 0 auto;
    border-right:0;
    border-bottom:1px solid #17353b;
    display:flex;
    flex-direction:row;
    overflow-x:auto;
    gap:5px;
    padding:8px;
    scrollbar-width:none;
  }
  .settings-tabs::-webkit-scrollbar{display:none}
  .settings-tab{flex:0 0 auto;white-space:nowrap;text-align:center;padding:9px 10px}
  .settings-panels{flex:1;min-height:0;padding:16px;overflow:auto}
  .settings-row{align-items:flex-start;flex-direction:column;gap:9px}
  .settings-row > .settings-select,
  .settings-row > .settings-range{width:100%;box-sizing:border-box}
  .settings-range input{flex:1;min-width:0}
  .settings-modal{width:calc(100vw - 12px);max-height:calc(100vh - 12px);border-radius:12px}
  .settings-head{padding:16px 18px}
  .settings-head h2{font-size:18px}
  .settings-head p{font-size:10px}
  .settings-gear{width:36px;height:36px;font-size:18px}
  .settings-footer{padding:10px 14px}
}

@media(max-width:420px){
  .settings-head p{display:none}
  .settings-panels{padding:13px}
  .settings-row b{font-size:11px}
  .settings-row small{font-size:9px}
  .settings-select{min-width:0;width:100%}
}

.stage > .video-grid,.stage > .empty,.stage > .stream-toolbar,.stage > .controlbar{z-index:2}
.stage > .stream-toolbar{z-index:4}
.stage > .controlbar{z-index:6}

/* Compatibilidade de áudio e controles */
.audio-output-btn{position:relative;display:grid;place-items:center;overflow:visible}
.audio-output-btn .headphone-icon{font-size:18px;line-height:1;filter:grayscale(.15);transition:.15s}
.audio-output-btn.audio-muted .headphone-icon{opacity:.55}
.audio-output-btn .mute-slash{display:none;position:absolute;width:27px;height:2px;background:#ff4d5d;transform:rotate(-45deg);border-radius:2px;box-shadow:0 0 6px rgba(255,77,93,.5);pointer-events:none}
.audio-output-btn.audio-muted .mute-slash{display:block}
.stage-bg video{backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity}

/* Identidade PMESP sem animação. */
.brand .crest,.brand .crest img,.brand .brand-copy,.brand .brand-name{animation:none!important;transform:none!important;filter:none!important;background:none!important;-webkit-text-fill-color:initial!important;}

/* Link do painel administrativo — visível somente para o Discord autorizado. */
.admin-top-link{display:inline-flex!important;align-items:center;justify-content:center;padding:7px 10px;border:1px solid rgba(47,120,196,.38);border-radius:9px;background:rgba(47,120,196,.12);color:#e8f3ff!important;text-decoration:none!important;font-size:12px;font-weight:700;transition:.2s}
.admin-top-link:hover{background:rgba(47,120,196,.22);border-color:rgba(77,155,232,.65)}

/* Apoie o criador / Pix */
.support-creator-btn{display:inline-flex;align-items:center;justify-content:center;color:#f3f4f5;text-decoration:none;border:2px solid var(--orange);padding:14px 22px;border-radius:30px;background:transparent;box-shadow:0 0 20px rgba(47,120,196,.20);font:inherit;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.support-creator-btn:hover{background:rgba(47,120,196,.14);transform:translateY(-1px)}.support-modal{position:relative;width:min(760px,calc(100vw - 28px));max-height:90vh;overflow:auto;box-sizing:border-box;padding:28px;border:1px solid #263c5d;border-radius:20px;background:linear-gradient(145deg,#101b2e,#091120 72%);box-shadow:0 30px 100px #000b;color:#e7efff;text-align:left}.support-close{position:absolute;right:14px;top:10px;width:34px;height:34px;border:1px solid #273b5b;border-radius:9px;background:#0b1526;color:#aebdca;font-size:25px;cursor:pointer}.support-heading{display:flex;align-items:center;gap:14px;padding:2px 0 20px;border-bottom:1px solid #25344d}.support-heading-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:1px solid #28548a;border-radius:14px;background:#10264a;color:#75b5ff;font-size:27px}.support-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#79b4ff}.support-modal h2{font-size:25px;margin:5px 0 5px}.support-message{margin:0;color:#a9bad3;font-size:13px;line-height:1.5}.support-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.support-info-card{min-width:0;min-height:235px;box-sizing:border-box;padding:18px;border:1px solid #202f48;border-radius:15px;background:#0a1425}.support-card-label{font-size:11px;font-weight:800;letter-spacing:.3px;color:#a9bfdf;margin-bottom:14px}.support-qr-card{text-align:center}.support-qr-wrap{width:190px;height:190px;max-width:100%;margin:0 auto;padding:9px;box-sizing:border-box;display:grid;place-items:center;border-radius:13px;background:#fff}.support-qr-wrap img{width:100%;height:100%;object-fit:contain}.support-qr-placeholder{font-size:14px;font-weight:800;color:#3c4c5a}.support-qr-placeholder small{display:inline-block;margin-top:8px;max-width:150px;font-size:10px;font-weight:500;color:#6b7882}.support-key-row{display:flex;gap:8px;align-items:center;padding:8px;border:1px solid #253d60;border-radius:9px;background:#0e1d35}.support-key-row code{min-width:0;flex:1;overflow-wrap:anywhere;text-align:left;font-size:12px;color:#dce9ff}.support-key-row button,.pix-admin-actions button{flex:0 0 auto;border:1px solid #315c9b;border-radius:9px;background:#10264a;color:#dceaff;padding:10px 13px;font-weight:800;cursor:pointer}.support-key-row button:hover{background:#193765}.support-recipient{margin-top:13px;color:#8fa5c4;font-size:12px}.support-recipient strong{color:#e2edff}.support-instructions{margin-top:14px;padding:13px 15px;border:1px dashed #31558b;border-radius:11px;background:#0e1e39;color:#b9cce8;font-size:12px}.support-instructions strong{color:#e7f0ff}.support-feedback{min-height:17px;margin-top:10px;color:#91c7f2;font-size:12px}@media(max-width:600px){.support-modal{padding:23px 16px 18px}.support-heading{padding-right:28px;align-items:flex-start}.support-payment-grid{grid-template-columns:1fr}.support-info-card{min-height:auto}.support-qr-wrap{width:185px;height:185px}.support-key-row{align-items:stretch}.support-key-row button{padding:9px 10px}}.pix-admin-panel{padding:24px}.pix-admin-form{max-width:720px;display:grid;gap:15px}.pix-admin-form label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#d7e4ef}.pix-admin-form input:not([type=file]){width:100%;box-sizing:border-box;padding:12px;border:1px solid #29465b;border-radius:9px;background:#0b1721;color:#fff}.pix-admin-form input[type=file]{padding:12px;border:1px dashed #41627b;border-radius:9px;background:#0b1721;color:#cbd9e5}.pix-admin-form small{color:#8799a8}.pix-admin-preview{min-height:160px;display:grid;place-items:center;border:1px dashed #29465b;border-radius:12px;background:#0a141d;color:#8fa2b2;padding:14px}.pix-admin-preview img{max-width:220px;max-height:220px;object-fit:contain;background:white;border-radius:8px;padding:8px}.pix-admin-actions{display:flex;gap:10px;flex-wrap:wrap}.pix-admin-form #pixSaveStatus{color:#8ecaff;margin:0;font-size:13px}

/* Ajuste sutil: painel de criação/entrada um pouco mais à direita */
@media(min-width:1001px){.hero>.entry-card{transform:translateX(18px)}}
@media(max-width:1000px){.hero>.entry-card{transform:none}}

/* Ajuste de tamanho do painel de entrada, preservando campos e funcionalidades */
.entry-card{width:100%;max-width:420px;justify-self:end;padding:22px 24px;border-radius:15px}
.card-title{font-size:19px;gap:11px}
.card-title b{width:6px;height:25px}
.entry-card p{margin:8px 0 20px;font-size:13px;line-height:1.45}
.field-label{font-size:12px;margin-bottom:6px}
.entry-card input{padding:12px 14px;font-size:14px}
.entry-card .primary{margin-top:18px;padding:13px;font-size:15px}
.or{gap:16px;margin:19px 0}
.join-row{gap:10px}
.join-row button{min-width:120px;padding:13px;font-size:14px}
.secure-note{margin-top:13px;font-size:10px}
@media(max-width:1000px){.entry-card{max-width:420px;justify-self:center}}
@media(max-width:700px){.entry-card{max-width:420px;padding:20px}}
\n/* A configuração continua preservada internamente, mas não aparece na barra inferior. */\n#settings{display:none!important}\n
/* Ocultar apenas os controles globais inferiores; manter expansão individual de cada transmissão. */
#settings,#full{display:none!important}


/* Layout de transmissão: centraliza o quadro e limita a altura para ele nunca sair da área visível. */
.video-grid {
  inset: 54px 16px 82px;
  padding: 0;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 560px), 1fr));
  gap: 16px;
  align-content: center;
  justify-items: center;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.video-tile {
  width: min(100%, calc((100dvh - 300px) * 1.77778));
  max-width: 100%;
  max-height: calc(100dvh - 300px);
  aspect-ratio: 16 / 9;
  min-height: 0;
  height: auto;
  align-self: center;
  background: #000;
  box-sizing: border-box;
}
.video-tile video {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  background: #000;
}
.video-tile:fullscreen video {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
}
.stage:fullscreen .video-grid {
  inset: 16px 16px 82px;
  align-content: center;
}
.stage:fullscreen .video-tile {
  width: min(100%, calc((100dvh - 150px) * 1.77778));
  max-height: calc(100dvh - 150px);
}
@media (max-width: 700px) {
  .video-grid { grid-template-columns: minmax(0, 1fr); inset: 48px 10px 68px; gap: 12px; }
  .video-tile { width: 100%; max-height: calc(100dvh - 240px); aspect-ratio: 16 / 9; min-height: 0; }
}

/* Ajuste final: transmissão maior, mantendo 16:9 e respeitando o painel inferior. */
.stream-toolbar{z-index:80!important;pointer-events:auto!important}.quality-control,.quality-control select,#qualitySelect,#fpsSelect{pointer-events:auto!important;position:relative;z-index:81}
.video-grid{inset:44px 8px 72px!important;padding:0!important;gap:10px!important;align-content:center!important;justify-items:center!important;overflow:auto}
.video-tile{width:min(100%,calc((100dvh - 230px)*1.77778))!important;max-width:100%!important;max-height:calc(100dvh - 230px)!important;aspect-ratio:16/9!important;height:auto!important}
@media(max-width:700px){.video-grid{inset:44px 6px 66px!important}.video-tile{width:100%!important;max-height:calc(100dvh - 210px)!important}}