:root{--fundo:#0f1020;--card:#1b1d33;--txt:#f2f2f7;--sub:#a9abc4;--roxo:#6c3ce9;--verm:#e5484d}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--fundo);color:var(--txt);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.bt{border:0;border-radius:999px;background:var(--card);color:var(--txt);padding:12px 16px;font-size:15px;cursor:pointer}
.bt:hover{filter:brightness(1.2)}.bt.grande{background:var(--roxo);padding:16px 26px;font-size:17px}
.bt.off{background:#3a2030}.bt.sair{background:var(--verm)}
.inicio{display:flex;align-items:center;justify-content:center;padding:16px}
.caixa{max-width:420px;text-align:center}.caixa h1{font-size:40px;margin:0 0 8px}.caixa h1 span{color:#9b7bff}
.dica{color:var(--sub);font-size:13px}
.palco{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000}
.grade{position:absolute;inset:0;display:grid;gap:6px;padding:6px;grid-template-columns:1fr}
.grade[data-n="2"]{grid-template-columns:1fr 1fr}
@media (max-aspect-ratio:1/1){.grade[data-n="2"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}
.quadro{position:relative;background:#111;border-radius:12px;overflow:hidden;min-height:0}
.quadro video{width:100%;height:100%;object-fit:contain;background:#000}
.quadro .nome{position:absolute;left:10px;bottom:10px;top:auto}
#local{position:fixed;right:16px;top:16px;width:min(28vw,220px);aspect-ratio:3/4;object-fit:cover;border-radius:14px;border:2px solid #fff3;background:#222;transform:scaleX(-1);z-index:3}
#local.tela{transform:none;object-fit:contain}
.aviso{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;max-width:90vw;z-index:2}
.aviso .link{display:flex;gap:8px;margin-top:12px;background:var(--card);padding:8px;border-radius:12px}
.aviso input{flex:1;min-width:0;background:transparent;border:0;color:var(--txt);font-size:14px}
.barra{position:fixed;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 16px;z-index:4}
.chat{position:fixed;right:16px;bottom:84px;width:min(340px,calc(100vw - 32px));max-height:50vh;display:none;flex-direction:column;background:var(--card);border-radius:14px;z-index:5}
.chat.aberto{display:flex}.chat .msgs{flex:1;overflow:auto;padding:10px}.chat .msgs div{margin:4px 0}.chat .msgs b{color:#9b7bff}
.chat form{display:flex;border-top:1px solid #fff2}.chat input{flex:1;background:transparent;border:0;color:var(--txt);padding:10px}
.nome{position:absolute;left:16px;top:16px;background:#0008;padding:6px 10px;border-radius:8px;z-index:3;font-size:13px}
.hidden{display:none!important}
.embed .bt{padding:10px 13px}.embed #local{width:min(24vw,150px)}