:root{--bg:#0f1220;--bg2:#171b30;--ink:#eef0ff;--mute:#a4a9c9;--line:#2a3060;--live:#6c7bff;--live2:#9be7d8;--red:#e8452c;--head:"Bricolage Grotesque",system-ui,sans-serif;--body:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);min-height:100vh;display:flex;flex-direction:column}a{color:inherit}:focus-visible{outline:3px solid var(--live2);outline-offset:3px}.wrap{max-width:1120px;margin:auto;padding:0 22px;width:100%}h1,h2,h3{font-family:var(--head);line-height:1.1;letter-spacing:-.02em}header{background:#0f1220eb;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}.logo{font:800 1.3rem var(--head);text-decoration:none}.logo b{color:var(--red)}.logo i{color:var(--live);font-style:normal}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;color:var(--mute);font-size:.95rem}nav a:hover{color:var(--ink)}.btn{display:inline-block;padding:11px 22px;border-radius:6px;background:var(--live);color:#fff!important;font-weight:700;text-decoration:none}main{flex:1;padding:48px 0 80px}.lead{color:var(--mute);margin:10px 0 0;max-width:60ch}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:34px}.card{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:22px;text-decoration:none;display:block}.card:hover{border-color:var(--live)}.card h3{font-size:1.2rem;margin-bottom:6px}.card p{color:var(--mute);font-size:.95rem}.card span{display:inline-block;margin-top:14px;color:var(--live2);font-weight:700;font-size:.95rem}.player{aspect-ratio:16/9;background:#080a15;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;place-items:center;margin-top:26px}.player iframe{width:100%;height:100%;border:0}.player p{color:var(--mute);padding:20px;text-align:center}.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.links a{border:1px solid var(--line);border-radius:6px;padding:7px 14px;text-decoration:none;font-size:.92rem}.links a:hover{border-color:var(--live2)}.back{color:var(--mute);text-decoration:none;font-size:.95rem}.legal{margin-top:30px;font-size:.88rem;color:var(--mute);border-left:3px solid var(--live);padding-left:14px;max-width:70ch}footer{background:#0a0c18;border-top:1px solid var(--line);padding:28px 0;font-size:.9rem;color:var(--mute)}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}footer a{text-decoration:none}footer a:hover{color:var(--ink)}.nf{text-align:center;padding:60px 0}.pl-wrap{margin-top:26px}.pl{position:relative;background:#000;aspect-ratio:16/9;border-radius:10px;overflow:hidden;outline:none;border:1px solid var(--line)}.pl video{width:100%;height:100%;display:block;object-fit:contain}.pl-bar{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:8px;padding:30px 12px 10px;background:linear-gradient(transparent,#000000e0);opacity:0;transition:opacity .2s}.pl:hover .pl-bar,.pl:focus-within .pl-bar,.pl.pausado .pl-bar{opacity:1}.pl-bar button{background:none;border:0;color:#fff;font:700 .95rem var(--body);padding:6px 9px;border-radius:6px;cursor:pointer;min-width:34px}.pl-bar button:hover{background:#ffffff2e}.pl-bar input[type=range]{width:80px;accent-color:var(--live)}.pl-live{color:#fff;background:#d9304f;font-weight:700;font-size:.78rem;padding:2px 9px;border-radius:4px}.pl-voltar{background:#ffffff29!important}.pl-sp{flex:1}.pl-q{position:relative}.pl-menu{position:absolute;right:0;bottom:44px;background:#0a0c18;border:1px solid var(--line);border-radius:8px;padding:6px;display:grid;min-width:110px}.pl-menu button{text-align:left}.pl-menu .on{color:var(--live2)}.pl-erro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:24px;background:#000000b3;color:var(--mute)}.pl-bar svg{width:22px;height:22px;fill:currentColor;display:block}.pl-bar button.ativo{color:var(--live2)}.pl-vol{display:flex;align-items:center}.pl-vol input{width:0;opacity:0;transition:width .2s,opacity .2s;margin:0}.pl-vol:hover input,.pl-vol:focus-within input{width:76px;opacity:1;margin-left:4px}button.pl-live{background:#d9304f;color:#fff;font-weight:700;font-size:.78rem;padding:3px 10px;border-radius:4px;min-width:0}button.pl-live:hover{background:#d9304f;filter:brightness(1.15)}button.pl-live.atras{background:#5b607a}button.pl-live.off{background:#5b607a;cursor:default;filter:none}.pl-erro strong{display:block;color:#fff;font-size:1.3rem;margin-bottom:6px}.pl-som{position:absolute;top:14px;left:14px;background:#000000bf;color:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 14px;font:700 .9rem var(--body);cursor:pointer}.pl-som:hover{border-color:var(--live2)}.legal-doc{max-width:72ch}.legal-doc h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:6px}.legal-doc h2{font-size:1.25rem;margin:30px 0 8px}.legal-doc p,.legal-doc li{color:var(--mute);margin-bottom:10px}.legal-doc ul{padding-left:22px}.legal-doc .aviso-modelo{border:1px solid var(--line);border-left:3px solid var(--live);padding:12px 16px;margin:18px 0 8px;font-size:.92rem;color:var(--mute);border-radius:0}main .wrap:has(.watch){max-width:1400px}main .wrap:has(.watch.theater){max-width:none}.watch{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"player chat" "info .";gap:16px;margin-top:18px}.watch-player{grid-area:player;min-width:0}.chat-col{grid-area:chat}.live-info{grid-area:info;min-width:0}.watch .pl-wrap,.watch .player{margin-top:0}.theater .pl{aspect-ratio:auto;width:100%;height:calc(100vh - 175px);min-height:360px}body:has(.watch.theater) header .wrap{max-width:none}.live-info{margin-top:0}.live-info h1{font-size:clamp(1.3rem,2.4vw,1.7rem)}.live-info .canal-nome{color:var(--live2);font-weight:700;margin-top:2px}.live-info .lead{margin-top:6px}.chat-col{position:relative}.chat-box{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line);border-radius:10px;overflow:hidden}.chat-head{padding:12px 16px;border-bottom:1px solid var(--line);font-weight:700}.chat-body{flex:1;display:grid;place-items:center;text-align:center;padding:16px;color:var(--mute);font-size:.95rem}.chat-input{padding:12px;border-top:1px solid var(--line)}.chat-input input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px;color:var(--mute);font:inherit}@media(max-width:900px){.watch{grid-template-columns:1fr;grid-template-areas:"player" "info" "chat"}.chat-col{height:420px}}@media(max-width:900px){.theater .pl{aspect-ratio:16/9;height:auto;min-height:0}}.chat-box iframe{flex:1;min-height:0;width:100%;border:0}.auth-box{max-width:420px;margin:30px auto;display:grid;gap:14px}.auth-box h1{font-size:2.2rem}.auth-box input{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:12px;color:var(--ink);font:1rem var(--body);width:100%}.auth-box button.btn{border:0;cursor:pointer;font:700 1rem var(--body)}.auth-box button:disabled{opacity:.5;cursor:not-allowed}.auth-box .hint{color:var(--mute);font-size:.92rem}.auth-msg{min-height:1.4em;color:var(--live2)}.auth-msg.erro{color:#ff8a73}.linkbtn{background:none;border:0;color:var(--mute);cursor:pointer;font:inherit;text-decoration:underline;padding:0}.linkbtn:hover:not(:disabled){color:var(--ink)}nav .nick{color:var(--live2);font-weight:700;font-size:.95rem}nav button.linkbtn{text-decoration:none;font-size:.95rem}.srv{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:24px;margin-top:20px;max-width:640px}.srv .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.srv h2{font-size:1.4rem;margin:0}.srv h3{font-size:1.05rem;margin:26px 0 4px}.srv .badge{font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:4px;background:#3a3f5c}.srv .badge.on{background:#4fd1a5;color:#06231a}.srv .btns{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.srv button.btn{border:0;cursor:pointer;font:700 .95rem var(--body);padding:10px 18px}.srv button.perigo{background:#e8452c}.srv button:disabled{opacity:.35;cursor:not-allowed}.srv .rot{display:block;margin-top:14px;color:var(--mute);font-size:.9rem}.srv .campo{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.srv .campo input{flex:1;min-width:180px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px;color:var(--ink);font:1rem var(--body)}.srv .aviso-chave{color:var(--mute);font-size:.88rem;margin-top:10px}