.hptv-panel [hidden]{display:none!important}.hptv-panel .hptv-login-card[hidden],.hptv-panel .hptv-saas[hidden]{display:none!important}
.hptv-wrap{width:100%;max-width:100%;font-family:Arial,Helvetica,sans-serif;--hptv-primary:#d6a632}.hptv-screen{position:relative;width:100%;aspect-ratio:16/9;background:#050505;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}.hptv-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#050505;color:#fff}.hptv-stage video,.hptv-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.hptv-loading{font-size:16px;opacity:.8}.hptv-poster{position:absolute;inset:0;background:#080808 center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:30px}.hptv-poster-inner{background:rgba(0,0,0,.45);padding:18px 24px;border:1px solid rgba(255,255,255,.12);max-width:80%}.hptv-logo-wrap{position:absolute;top:18px;left:18px;z-index:5;max-width:140px;max-height:70px}.hptv-logo{max-width:140px;max-height:70px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.hptv-live-badge{position:absolute;top:18px;right:18px;z-index:6;background:#e51d2a;color:#fff;font-size:12px;letter-spacing:.08em;font-weight:800;padding:7px 10px;display:none}.hptv-screen.is-live .hptv-live-badge{display:block}.hptv-bottom-bar{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.62),rgba(0,0,0,.15));color:#fff;padding:12px 18px;border-top:2px solid var(--hptv-primary)}.hptv-current-title{color:var(--hptv-primary);text-transform:uppercase}.hptv-current-subtitle{font-size:13px;opacity:.82}.hptv-wrap.no-bar .hptv-bottom-bar{display:none}@media(max-width:640px){.hptv-logo-wrap{top:10px;left:10px;max-width:90px}.hptv-logo{max-width:90px;max-height:50px}.hptv-bottom-bar{padding:8px 10px;font-size:12px}.hptv-current-subtitle{display:none}.hptv-live-badge{top:10px;right:10px;font-size:10px}}
.hptv-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.hptv-card{background:#fff;border:1px solid #dcdcde;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:18px 20px;margin:20px 0}.hptv-card h2{margin-top:0}.hptv-card input[readonly]{background:#f6f7f7}.hptv-admin textarea.code{font-family:Consolas,Monaco,monospace}@media(max-width:900px){.hptv-admin-grid{grid-template-columns:1fr}}

/* Painel SaaS externo */
.hptv-panel{--hptv-primary:#d6a632;--hptv-bg:#080a0f;--hptv-card:#10141e;--hptv-card2:#151b29;--hptv-text:#f7f3e8;--hptv-muted:#a6adbb;--hptv-border:rgba(255,255,255,.10);font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(214,166,50,.16),transparent 35%),linear-gradient(135deg,#06070a,#0b1018 50%,#06070a);min-height:720px;color:var(--hptv-text);padding:24px;border-radius:0;box-sizing:border-box}.hptv-panel *{box-sizing:border-box}.hptv-login-card{max-width:430px;margin:70px auto;background:rgba(15,20,31,.92);border:1px solid var(--hptv-border);box-shadow:0 28px 80px rgba(0,0,0,.45);padding:30px}.hptv-login-brand,.hptv-side-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.hptv-login-brand strong,.hptv-side-brand strong{display:block;color:#fff;font-size:18px;letter-spacing:-.02em}.hptv-login-brand small,.hptv-side-brand small{display:block;color:var(--hptv-muted);font-size:12px}.hptv-orb{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--hptv-primary),#7a5a12);box-shadow:0 0 24px rgba(214,166,50,.35);display:inline-block}.hptv-login-card h2{font-size:30px;margin:0 0 8px;color:#fff}.hptv-login-card p{color:var(--hptv-muted);line-height:1.5;margin:0 0 24px}.hptv-login-card label,.hptv-card-dark label{display:block;color:#dfe4ec;font-weight:700;font-size:13px;margin:14px 0 7px}.hptv-login-card input,.hptv-card-dark input,.hptv-card-dark select{width:100%;background:#090d15;border:1px solid rgba(255,255,255,.12);color:#fff;padding:13px 14px;border-radius:12px;outline:none}.hptv-login-card input:focus,.hptv-card-dark input:focus,.hptv-card-dark select:focus{border-color:var(--hptv-primary);box-shadow:0 0 0 3px rgba(214,166,50,.14)}.hptv-btn{border:1px solid rgba(255,255,255,.12);background:#1b2334;color:#fff;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.hptv-btn:hover{transform:translateY(-1px);background:#222c42}.hptv-btn-main{background:linear-gradient(135deg,var(--hptv-primary),#ad7e1f);color:#111;border-color:transparent}.hptv-btn-main:hover{background:linear-gradient(135deg,#f0c659,var(--hptv-primary));color:#111}.hptv-btn-red{background:linear-gradient(135deg,#e23343,#8f1621);border-color:transparent}.hptv-login-card .hptv-btn{width:100%;margin-top:18px}.hptv-msg{min-height:22px;margin-top:14px;font-size:13px;color:var(--hptv-muted)}.hptv-msg.ok{color:#8dffbf}.hptv-msg.err{color:#ff8d8d}.hptv-saas{display:grid;grid-template-columns:250px 1fr;gap:22px;max-width:1320px;margin:0 auto}.hptv-sidebar{background:rgba(12,16,24,.9);border:1px solid var(--hptv-border);padding:18px;min-height:680px;position:sticky;top:20px}.hptv-sidebar button{width:100%;text-align:left;border:0;background:transparent;color:var(--hptv-muted);padding:13px 14px;border-radius:12px;margin:4px 0;cursor:pointer;font-weight:800}.hptv-sidebar button:hover,.hptv-sidebar button.active{background:rgba(214,166,50,.14);color:#fff}.hptv-main{min-width:0}.hptv-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;background:rgba(12,16,24,.72);border:1px solid var(--hptv-border);padding:20px}.hptv-topbar h1{font-size:30px;line-height:1.1;margin:0;color:#fff}.hptv-topbar p{margin:6px 0 0;color:var(--hptv-muted)}.hptv-status-pill{padding:10px 14px;border-radius:999px;background:#1d2638;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.10);white-space:nowrap}.hptv-status-pill.live{background:#48131a;color:#fff;border-color:rgba(226,51,67,.4)}.hptv-status-pill.offline{background:#2a2f3b;color:#cfd6e3}.hptv-tab{display:none}.hptv-tab.active{display:block}.hptv-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.hptv-stat,.hptv-card-dark{background:linear-gradient(180deg,rgba(21,27,41,.96),rgba(12,16,24,.96));border:1px solid var(--hptv-border);box-shadow:0 18px 40px rgba(0,0,0,.22);padding:20px}.hptv-stat small{display:block;color:var(--hptv-muted);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.hptv-stat strong{display:block;color:#fff;font-size:24px;margin-top:8px}.hptv-card-dark h2{font-size:22px;margin:0 0 8px;color:#fff}.hptv-card-dark p{margin:0 0 18px;color:var(--hptv-muted);line-height:1.45}.hptv-actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.hptv-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.hptv-form-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:14px;align-items:end}.hptv-program-form{margin-bottom:18px}.hptv-wide{grid-column:span 3}.hptv-schedule-list{border:1px solid var(--hptv-border);overflow:hidden;margin-top:18px}.hptv-schedule-head,.hptv-schedule-row{display:grid;grid-template-columns:170px 1.4fr 110px 1.7fr 170px;gap:12px;align-items:center;padding:13px 14px}.hptv-schedule-head{background:#070b12;color:var(--hptv-primary);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.hptv-schedule-row{border-top:1px solid var(--hptv-border);color:#e8edf5}.hptv-schedule-row:nth-child(odd){background:rgba(255,255,255,.025)}.hptv-schedule-row em{font-style:normal;background:rgba(214,166,50,.13);color:#ffdc7b;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:900}.hptv-link-cell{color:var(--hptv-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hptv-mini{border:1px solid rgba(255,255,255,.12);background:#20283a;color:#fff;border-radius:9px;padding:7px 9px;font-size:12px;cursor:pointer}.hptv-mini.danger{background:#3a1c23;color:#ffb4b4}.hptv-empty{padding:20px;color:var(--hptv-muted);text-align:center}.hptv-card-dark input[readonly]{cursor:pointer;color:#ffe7a0;background:#070b12}.hptv-card-dark select option{background:#111827;color:#fff}@media(max-width:980px){.hptv-panel{padding:12px}.hptv-saas{grid-template-columns:1fr}.hptv-sidebar{position:static;min-height:auto}.hptv-grid-3{grid-template-columns:1fr}.hptv-form-grid{grid-template-columns:1fr}.hptv-wide{grid-column:auto}.hptv-schedule-head{display:none}.hptv-schedule-row{grid-template-columns:1fr;gap:7px}.hptv-topbar{align-items:flex-start;flex-direction:column}.hptv-section-head{flex-direction:column}.hptv-actions-row .hptv-btn{width:100%}}

/* v1.1.2 - visual premium inspirado na logo Host PlayRAS */
.hptv-panel{
  --hptv-primary:#d6a632;
  --hptv-gold:#d6a632;
  --hptv-gold2:#f5d278;
  --hptv-silver:#dfe4ec;
  --hptv-bg:#030405;
  --hptv-card:#0b0d10;
  --hptv-card2:#11151c;
  --hptv-text:#f8f8f4;
  --hptv-muted:#aeb5c0;
  --hptv-border:rgba(214,166,50,.24);
  background:
    radial-gradient(circle at 50% 0%, rgba(245,210,120,.16), transparent 28%),
    radial-gradient(circle at 12% 16%, rgba(214,166,50,.14), transparent 24%),
    linear-gradient(135deg,#020303 0%,#080b10 42%,#030405 100%)!important;
  color:var(--hptv-text);
  min-height:100vh;
  padding:26px;
}
.hptv-panel:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(214,166,50,.04),transparent),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 72px);
  opacity:.35;
}
.hptv-login-card{
  max-width:520px!important;
  margin:54px auto!important;
  padding:34px 34px 38px!important;
  background:linear-gradient(180deg,rgba(17,19,23,.96),rgba(5,6,8,.96))!important;
  border:1px solid rgba(214,166,50,.38)!important;
  border-radius:28px!important;
  box-shadow:0 35px 110px rgba(0,0,0,.62),0 0 46px rgba(214,166,50,.13)!important;
  position:relative;
  overflow:hidden;
}
.hptv-login-card:before,.hptv-sidebar:before,.hptv-card-dark:before,.hptv-topbar:before{
  content:"";
  position:absolute;
  left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--hptv-gold2),transparent);
  opacity:.9;
}
.hptv-login-logo-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 28px;
  padding:8px 0 20px;
  border-bottom:1px solid rgba(214,166,50,.18);
}
.hptv-panel-logo{
  display:block;
  width:min(100%,390px);
  max-height:138px;
  object-fit:contain;
  filter:drop-shadow(0 10px 26px rgba(214,166,50,.24));
}
.hptv-login-card label,.hptv-card-dark label{
  color:#f6e7bd!important;
  font-weight:900!important;
  letter-spacing:.02em;
}
.hptv-login-card input,.hptv-card-dark input,.hptv-card-dark select{
  background:linear-gradient(180deg,#05070a,#0a0d12)!important;
  border:1px solid rgba(214,166,50,.22)!important;
  color:#fff!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.hptv-login-card input:focus,.hptv-card-dark input:focus,.hptv-card-dark select:focus{
  border-color:#f5d278!important;
  box-shadow:0 0 0 3px rgba(214,166,50,.16),0 0 26px rgba(214,166,50,.13)!important;
}
.hptv-btn-main{
  background:linear-gradient(135deg,#f5d278 0%,#d6a632 42%,#7a5512 100%)!important;
  color:#050505!important;
  border:1px solid rgba(255,230,150,.55)!important;
  box-shadow:0 12px 30px rgba(214,166,50,.22)!important;
}
.hptv-btn-main:hover{background:linear-gradient(135deg,#fff0b5,#d6a632,#9b6f18)!important;color:#050505!important}
.hptv-btn-red{background:linear-gradient(135deg,#f5d278,#a46f16)!important;color:#050505!important;border-color:rgba(255,230,150,.35)!important}
.hptv-saas{max-width:1380px!important;gap:24px!important}
.hptv-sidebar{
  background:linear-gradient(180deg,rgba(16,18,22,.96),rgba(5,6,8,.96))!important;
  border:1px solid rgba(214,166,50,.30)!important;
  border-radius:28px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 35px rgba(214,166,50,.08)!important;
  position:sticky;top:20px;overflow:hidden;
}
.hptv-side-logo{
  display:flex;justify-content:center;align-items:center;
  padding:10px 0 22px;margin-bottom:14px;
  border-bottom:1px solid rgba(214,166,50,.18);
}
.hptv-side-logo .hptv-panel-logo{width:200px;max-height:92px}
.hptv-sidebar button{
  border:1px solid transparent!important;
  color:#c8cdd6!important;
  border-radius:16px!important;
  font-weight:900!important;
}
.hptv-sidebar button:hover,.hptv-sidebar button.active{
  background:linear-gradient(90deg,rgba(214,166,50,.22),rgba(255,255,255,.03))!important;
  color:#fff!important;
  border-color:rgba(214,166,50,.26)!important;
  box-shadow:inset 3px 0 0 #d6a632;
}
.hptv-topbar{
  background:linear-gradient(180deg,rgba(16,18,22,.96),rgba(7,8,10,.96))!important;
  border:1px solid rgba(214,166,50,.30)!important;
  border-radius:28px!important;
  box-shadow:0 25px 70px rgba(0,0,0,.28)!important;
  position:relative;overflow:hidden;
}
.hptv-topbar-brand{display:flex;align-items:center;gap:22px;min-width:0}
.hptv-topbar-logo{width:260px;max-width:38vw;max-height:86px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(214,166,50,.20))}
.hptv-topbar h1{
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:-.03em;
  text-shadow:0 0 22px rgba(214,166,50,.18);
}
.hptv-status-pill{
  background:linear-gradient(135deg,#1a1f2a,#0c0f15)!important;
  border:1px solid rgba(214,166,50,.30)!important;
  box-shadow:0 0 24px rgba(214,166,50,.08)!important;
}
.hptv-status-pill.live{background:linear-gradient(135deg,#d6a632,#7d5612)!important;color:#050505!important}
.hptv-stat,.hptv-card-dark{
  background:linear-gradient(180deg,rgba(17,20,27,.98),rgba(7,8,11,.98))!important;
  border:1px solid rgba(214,166,50,.24)!important;
  border-radius:24px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.32),0 0 30px rgba(214,166,50,.06)!important;
  position:relative;overflow:hidden;
}
.hptv-stat small,.hptv-schedule-head{color:#f5d278!important}
.hptv-stat strong,.hptv-card-dark h2{color:#fff!important}
.hptv-schedule-list{border-color:rgba(214,166,50,.23)!important;border-radius:18px!important;overflow:hidden;background:#07080b!important}
.hptv-schedule-head{background:linear-gradient(90deg,#090b0f,#14100a)!important}
.hptv-schedule-row{border-top:1px solid rgba(214,166,50,.15)!important;background:rgba(255,255,255,.02)!important}
.hptv-mini{border-color:rgba(214,166,50,.24)!important;background:#141820!important;border-radius:12px!important}
.hptv-mini.danger{background:#211715!important;color:#ffd6b3!important}
@media(max-width:980px){
  .hptv-panel{padding:12px!important}
  .hptv-login-card{margin:18px auto!important;padding:24px!important;border-radius:22px!important}
  .hptv-topbar-brand{flex-direction:column;align-items:flex-start;gap:10px}
  .hptv-topbar-logo{max-width:100%;width:240px}
  .hptv-side-logo .hptv-panel-logo{width:220px;max-width:100%}
}


/* v1.1.6 - botão profissional para liberar áudio do YouTube */
.hptv-sound-button{
  position:absolute;
  right:10px;
  bottom:14px;
  z-index:30;
  border:1px solid rgba(245,210,120,.55);
  background:linear-gradient(135deg,rgba(8,10,14,.92),rgba(28,22,8,.96));
  color:#f5d278;
  font-weight:800;
  letter-spacing:.01em;
  border-radius:999px;
  padding:8px 12px;
  min-width:78px;
  font-size:12px;
  box-shadow:0 10px 26px rgba(0,0,0,.38),0 0 16px rgba(214,166,50,.14);
  cursor:pointer;
  transition:.18s ease;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1;
  opacity:.92;
}
.hptv-sound-button:hover{transform:translateY(-1px);filter:brightness(1.06)}
.hptv-sound-button.active{background:linear-gradient(135deg,rgba(6,40,26,.96),rgba(20,120,82,.96));border-color:rgba(120,255,200,.45);color:#d8ffef}
.hptv-sound-button.is-soft{opacity:.72}
@media(max-width:640px){
  .hptv-sound-button{right:8px;bottom:10px;padding:7px 10px;font-size:11px;min-width:70px}
}


/* v1.2.0 - formato profissional HD/Full HD */
.hptv-wrap.hptv-res-1280{
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hptv-wrap.hptv-res-1920{
  max-width:1920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hptv-wrap.hptv-res-1280 .hptv-screen,
.hptv-wrap.hptv-res-1920 .hptv-screen{
  aspect-ratio:16/9!important;
}
.hptv-wrap.hptv-res-1280 .hptv-screen{
  max-height:720px;
}
.hptv-wrap.hptv-res-1920 .hptv-screen{
  max-height:1080px;
}
@media(max-width:768px){
  .hptv-wrap.hptv-res-1280,
  .hptv-wrap.hptv-res-1920{
    max-width:100%!important;
  }
}


/* v1.2.1 - TV profissional: sem controles do YouTube na tela */
.hptv-stage.hptv-youtube-mode iframe.hptv-youtube-frame{
  pointer-events:none!important;
}
.hptv-youtube-shield{
  position:absolute;
  inset:0;
  z-index:4;
  background:transparent;
}
.hptv-start-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:12;
  width:74px;
  height:74px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.78);
  background:rgba(0,0,0,.42);
  color:#fff;
  font-size:30px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 28px rgba(0,0,0,.45);
}
.hptv-stage.hptv-youtube-started .hptv-start-button{
  display:none!important;
}
.hptv-sound-button{
  z-index:14!important;
}
.hptv-wrap:not(.hptv-active) .hptv-bottom-bar,
.hptv-wrap:not(.hptv-active) .hptv-sound-button{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(16px);
}
.hptv-wrap.hptv-active .hptv-bottom-bar,
.hptv-wrap.hptv-active .hptv-sound-button{
  opacity:1!important;
  pointer-events:auto!important;
}
.hptv-bottom-bar,
.hptv-sound-button{
  transition:opacity .35s ease, transform .35s ease!important;
}
.hptv-stage video.hptv-video{
  pointer-events:none!important;
}
.hptv-stage video.hptv-video::-webkit-media-controls{
  display:none!important;
}
.hptv-stage video.hptv-video::-webkit-media-controls-enclosure{
  display:none!important;
}
@media(max-width:768px){
  .hptv-start-button{
    width:58px;
    height:58px;
    font-size:24px;
  }
}


/* v1.2.2 - sem play no meio, sem cor rosa */
.hptv-start-button{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}
.hptv-sound-button{
  background:linear-gradient(135deg, rgba(12,17,27,.94), rgba(35,23,7,.94))!important;
  color:#f5d278!important;
  border:1px solid rgba(245,210,120,.65)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.38)!important;
}
.hptv-sound-button.active{
  background:linear-gradient(135deg, rgba(12,17,27,.96), rgba(58,39,9,.96))!important;
  color:#f5d278!important;
}
.hptv-sound-button::before,
.hptv-sound-button::after{
  background:transparent!important;
}


/* v1.2.3 - anti-reinício do YouTube/playlist */
.hptv-stage.hptv-youtube-mode iframe.hptv-youtube-frame{
  pointer-events:none!important;
}
.hptv-start-button{
  display:none!important;
}
.hptv-sound-button{
  background:linear-gradient(135deg, rgba(12,17,27,.94), rgba(35,23,7,.94))!important;
  color:#f5d278!important;
  border:1px solid rgba(245,210,120,.65)!important;
}


/* v1.2.4 - ajuste APENAS dos controles: mute/volume/expandir mais abaixo da linha */
.hptv-tv-controls{
  position:absolute!important;
  right:14px!important;
  bottom:8px!important;
  z-index:40!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(12px)!important;
  transition:opacity .28s ease, transform .28s ease!important;
}
.hptv-wrap.hptv-active .hptv-tv-controls{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
.hptv-tv-volume-wrap{
  height:31px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(12,17,27,.94),rgba(35,23,7,.94))!important;
  border:1px solid rgba(245,210,120,.65)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.38)!important;
}
.hptv-tv-btn{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  border-radius:999px!important;
  border:1px solid rgba(245,210,120,.65)!important;
  background:linear-gradient(135deg,rgba(12,17,27,.94),rgba(35,23,7,.94))!important;
  color:#f5d278!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  font-size:13px!important;
  line-height:1!important;
  padding:0!important;
  box-shadow:0 8px 18px rgba(0,0,0,.38)!important;
}
.hptv-tv-btn:hover{
  filter:brightness(1.12)!important;
}
.hptv-tv-mute{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  color:#f5d278!important;
}
.hptv-tv-volume{
  width:86px!important;
  height:4px!important;
  accent-color:#f5d278!important;
  cursor:pointer!important;
}
.hptv-tv-som{
  font-size:10px!important;
  line-height:1!important;
  color:#f5d278!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.hptv-sound-button{
  display:none!important;
}
.hptv-bottom-bar{
  padding-right:190px!important;
}
.hptv-wrap:not(.hptv-active) .hptv-bottom-bar{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(16px)!important;
}
.hptv-wrap.hptv-active .hptv-bottom-bar{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
@media(max-width:640px){
  .hptv-tv-controls{
    right:8px!important;
    bottom:5px!important;
    gap:5px!important;
  }
  .hptv-tv-volume-wrap{
    height:27px!important;
    padding:2px 6px!important;
    gap:4px!important;
  }
  .hptv-tv-btn{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    font-size:12px!important;
  }
  .hptv-tv-mute{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
  }
  .hptv-tv-volume{
    width:58px!important;
  }
  .hptv-tv-som{
    font-size:9px!important;
  }
  .hptv-bottom-bar{
    padding-right:145px!important;
  }
}


/* v1.2.6 - HLS ao vivo otimizado para celular */
.hptv-hls-status{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:18!important;
  max-width:min(84%,420px)!important;
  padding:12px 18px!important;
  border-radius:18px!important;
  color:#f5d278!important;
  background:rgba(0,0,0,.52)!important;
  border:1px solid rgba(245,210,120,.35)!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  box-shadow:0 12px 34px rgba(0,0,0,.35)!important;
}
.hptv-stage:not(.hptv-hls-loading) .hptv-hls-status{display:none!important;}
.hptv-stage.hptv-hls-mode video.hptv-video{
  background:#000!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
@media(max-width:640px){
  .hptv-hls-status{font-size:12px!important;padding:9px 12px!important;border-radius:14px!important;}
}


/* v1.2.8 - Playlist YouTube em modo TV limpo */
.hptv-stage.hptv-youtube-mode{
  overflow:hidden!important;
  background:#000!important;
}
.hptv-youtube-viewport{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:#000!important;
  z-index:1!important;
}
.hptv-youtube-viewport .hptv-youtube-frame{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:103.5%!important;
  height:103.5%!important;
  transform:translate(-50%,-50%) scale(1.018)!important;
  border:0!important;
  pointer-events:none!important;
  background:#000!important;
}
.hptv-youtube-shield{
  position:absolute!important;
  inset:0!important;
  z-index:8!important;
  background:transparent!important;
  pointer-events:auto!important;
}
.hptv-youtube-mask{
  position:absolute!important;
  z-index:9!important;
  pointer-events:none!important;
}
.hptv-youtube-mask-top{
  left:0!important;
  top:0!important;
  right:0!important;
  height:44px!important;
  background:linear-gradient(to bottom, rgba(0,0,0,.92), rgba(0,0,0,.55), rgba(0,0,0,0))!important;
}
.hptv-youtube-mask-bottom{
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:58px!important;
  background:linear-gradient(to top, rgba(0,0,0,.94), rgba(0,0,0,.60), rgba(0,0,0,0))!important;
}
.hptv-youtube-mask-right{
  right:0!important;
  bottom:0!important;
  width:178px!important;
  height:88px!important;
  background:radial-gradient(circle at right bottom, rgba(0,0,0,.95), rgba(0,0,0,.72) 45%, rgba(0,0,0,0) 72%)!important;
}
.hptv-youtube-curtain{
  position:absolute!important;
  inset:0!important;
  z-index:11!important;
  background:#000!important;
  opacity:1!important;
  transition:opacity .75s ease!important;
  pointer-events:none!important;
}
.hptv-youtube-curtain.off{
  opacity:0!important;
}
.hptv-stage.hptv-youtube-mode .hptv-start-button,
.hptv-stage.hptv-youtube-mode [data-hptv-start]{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}
.hptv-stage.hptv-youtube-mode iframe::-webkit-media-controls,
.hptv-stage.hptv-youtube-mode video::-webkit-media-controls{
  display:none!important;
}
@media(max-width:768px){
  .hptv-youtube-mask-top{height:30px!important;}
  .hptv-youtube-mask-bottom{height:48px!important;}
  .hptv-youtube-mask-right{width:130px!important;height:70px!important;}
  .hptv-youtube-viewport .hptv-youtube-frame{
    width:105%!important;
    height:105%!important;
    transform:translate(-50%,-50%) scale(1.025)!important;
  }
}


/* v1.2.9 - restaura posição da logo, espectadores e bate-papo sem mexer na TV */
.hptv-logo-wrap{
  position:absolute!important;
  z-index:42!important;
  max-width:150px!important;
  max-height:82px!important;
  pointer-events:none!important;
}
.hptv-logo-wrap .hptv-logo,.hptv-logo{
  max-width:150px!important;
  max-height:82px!important;
  object-fit:contain!important;
}
.hptv-logo-pos-top-left .hptv-logo-wrap{top:18px!important;left:18px!important;right:auto!important;bottom:auto!important}
.hptv-logo-pos-top-right .hptv-logo-wrap{top:18px!important;right:18px!important;left:auto!important;bottom:auto!important}
.hptv-logo-pos-bottom-left .hptv-logo-wrap{bottom:62px!important;left:18px!important;top:auto!important;right:auto!important}
.hptv-logo-pos-bottom-right .hptv-logo-wrap{bottom:62px!important;right:18px!important;top:auto!important;left:auto!important}
.hptv-logo-pos-hide .hptv-logo-wrap{display:none!important}

.hptv-viewers-badge{
  position:absolute!important;
  z-index:43!important;
  min-width:26px!important;
  height:26px!important;
  padding:0 8px!important;
  display:flex;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(245,210,120,.62)!important;
  background:rgba(5,7,10,.62)!important;
  color:#f5d278!important;
  font:900 12px/1 Arial,Helvetica,sans-serif!important;
  box-shadow:0 7px 18px rgba(0,0,0,.34),0 0 10px rgba(214,166,50,.10)!important;
  backdrop-filter:blur(8px);
  pointer-events:none!important;
}
.hptv-viewers-badge[style*="display:none"]{display:none!important}
.hptv-viewers-top-left{top:12px!important;left:12px!important;right:auto!important;bottom:auto!important}
.hptv-viewers-top-right{top:12px!important;right:12px!important;left:auto!important;bottom:auto!important}
.hptv-viewers-bottom-left{bottom:42px!important;left:12px!important;top:auto!important;right:auto!important}
.hptv-viewers-bottom-right{bottom:42px!important;right:12px!important;top:auto!important;left:auto!important}

.hptv-chat-box{
  --hptv-chat-color:#d6a632;
  margin:14px auto 0!important;
  width:100%!important;
  max-width:1280px!important;
  border:1px solid color-mix(in srgb, var(--hptv-chat-color) 45%, transparent)!important;
  background:linear-gradient(180deg,rgba(7,9,13,.96),rgba(3,4,7,.98))!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 18px 60px rgba(0,0,0,.34)!important;
  color:#fff!important;
}
.hptv-chat-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:12px 16px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(135deg,color-mix(in srgb, var(--hptv-chat-color) 22%, transparent),rgba(255,255,255,.02))!important;
}
.hptv-chat-head strong{color:#fff!important;font:900 15px/1.2 Arial,Helvetica,sans-serif!important}
.hptv-chat-head span{color:var(--hptv-chat-color)!important;font:800 11px/1 Arial,Helvetica,sans-serif!important;text-transform:uppercase!important;letter-spacing:.12em!important}
.hptv-chat-list{max-height:250px!important;overflow:auto!important;padding:12px 14px!important;display:flex!important;flex-direction:column!important;gap:9px!important}
.hptv-chat-empty{color:#a6adbb!important;font-size:13px!important;padding:8px 0!important}
.hptv-chat-item{border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.035)!important;border-radius:14px!important;padding:9px 10px!important}
.hptv-chat-meta{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin-bottom:5px!important}
.hptv-chat-meta strong{color:var(--hptv-chat-color)!important;font-size:13px!important}
.hptv-chat-meta span{color:#a6adbb!important;font-size:11px!important}
.hptv-chat-meta em{margin-left:auto!important;color:#777f91!important;font-size:10px!important;font-style:normal!important}
.hptv-chat-text{color:#f4f6fb!important;font-size:13px!important;line-height:1.35!important}
.hptv-chat-identity{padding:10px 14px!important;border-top:1px solid rgba(255,255,255,.08)!important}
.hptv-chat-enter,.hptv-chat-save-profile,.hptv-chat-form button{
  border:0!important;
  border-radius:12px!important;
  padding:10px 14px!important;
  background:linear-gradient(135deg,var(--hptv-chat-color),#8a6218)!important;
  color:#060606!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.hptv-chat-userbar{display:flex;align-items:center;gap:8px;color:#dfe5ef;font-size:12px}
.hptv-chat-userbar button{border:1px solid rgba(245,210,120,.35);border-radius:999px;background:transparent;color:#f5d278;padding:5px 9px;cursor:pointer}
.hptv-chat-login-panel{padding:12px 14px!important;border-top:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important}
.hptv-chat-login-title{color:var(--hptv-chat-color)!important;font-weight:900!important;font-size:12px!important;margin-bottom:8px!important}
.hptv-chat-user-grid{display:grid!important;grid-template-columns:1.2fr 1fr 1fr 70px!important;gap:8px!important;margin-bottom:10px!important}
.hptv-chat-user-grid input,.hptv-chat-form input{
  min-width:0!important;
  border:1px solid rgba(245,210,120,.22)!important;
  background:#05070b!important;
  color:#fff!important;
  border-radius:12px!important;
  padding:10px 11px!important;
  font-size:12px!important;
  outline:none!important;
}
.hptv-chat-form{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;padding:12px 14px 14px!important;border-top:1px solid rgba(255,255,255,.08)!important}
.hptv-chat-msg{min-height:18px!important;padding:0 14px 12px!important;color:#a6adbb!important;font-size:12px!important}
.hptv-chat-msg.ok{color:#20b875!important}
.hptv-chat-msg.err{color:#ff6b6b!important}

.hptv-chat-layout-below_full .hptv-chat-list{max-height:420px!important}
.hptv-chat-layout-mini_center{max-width:720px!important}
.hptv-chat-layout-mini_left{max-width:720px!important;margin-left:0!important;margin-right:auto!important}
.hptv-chat-layout-mini_right{max-width:720px!important;margin-left:auto!important;margin-right:0!important}
@media(min-width:981px){
  .hptv-wrap.hptv-chat-layout-side_right,
  .hptv-wrap.hptv-chat-layout-side_left{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 360px!important;
    gap:16px!important;
    align-items:start!important;
  }
  .hptv-wrap.hptv-chat-layout-side_left{
    grid-template-columns:360px minmax(0,1fr)!important;
  }
  .hptv-wrap.hptv-chat-layout-side_left .hptv-screen{grid-column:2!important;grid-row:1!important}
  .hptv-wrap.hptv-chat-layout-side_left .hptv-chat-box{grid-column:1!important;grid-row:1!important;margin-top:0!important}
  .hptv-wrap.hptv-chat-layout-side_right .hptv-chat-box{margin-top:0!important}
}
@media(max-width:768px){
  .hptv-logo-wrap{top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;max-width:70px!important;max-height:42px!important}
  .hptv-logo-pos-top-right .hptv-logo-wrap{top:8px!important;right:8px!important;left:auto!important;bottom:auto!important}
  .hptv-logo-pos-bottom-left .hptv-logo-wrap{bottom:36px!important;left:8px!important;top:auto!important;right:auto!important}
  .hptv-logo-pos-bottom-right .hptv-logo-wrap{bottom:36px!important;right:8px!important;top:auto!important;left:auto!important}
  .hptv-logo{max-width:70px!important;max-height:42px!important}
  .hptv-viewers-badge{min-width:21px!important;height:21px!important;font-size:9px!important;padding:0 6px!important}
  .hptv-chat-box{border-radius:14px!important;margin-top:10px!important}
  .hptv-chat-head{padding:9px 10px!important}
  .hptv-chat-list{max-height:210px!important;padding:9px!important;gap:7px!important}
  .hptv-chat-item{padding:8px!important;border-radius:12px!important}
  .hptv-chat-user-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .hptv-chat-form{grid-template-columns:1fr!important;padding:9px!important}
  .hptv-chat-user-grid input,.hptv-chat-form input{padding:8px!important;font-size:11px!important}
}

/* Botões de configuração do painel */
.hptv-config-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:18px!important}
.hptv-config-button{
  text-align:left!important;
  border:1px solid rgba(245,210,120,.30)!important;
  background:linear-gradient(135deg,rgba(214,166,50,.12),rgba(255,255,255,.028))!important;
  color:#fff!important;
  border-radius:18px!important;
  padding:16px!important;
  cursor:pointer!important;
  min-height:116px!important;
  box-shadow:0 16px 45px rgba(0,0,0,.22)!important;
  transition:.16s ease!important;
}
.hptv-config-button:hover{transform:translateY(-1px)!important;border-color:rgba(245,210,120,.55)!important;filter:brightness(1.06)!important}
.hptv-config-button strong{display:block!important;color:#f5d278!important;font-size:15px!important;letter-spacing:.03em!important;margin-bottom:7px!important}
.hptv-config-button span{display:block!important;color:#b8becc!important;font-size:12px!important;line-height:1.35!important}
.hptv-config-button em{display:inline-flex!important;margin-top:12px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;padding:7px 10px!important;color:#f5d278!important;background:rgba(0,0,0,.22)!important;font-style:normal!important;font-size:12px!important}
.hptv-config-button b{color:#fff!important}

/* Modal do painel */
.hptv-modal{position:fixed!important;inset:0!important;z-index:999999!important;display:none!important;align-items:center!important;justify-content:center!important;padding:18px!important}
.hptv-modal.active{display:flex!important}
.hptv-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(6px)!important}
.hptv-modal-card{position:relative!important;z-index:1!important;width:min(560px, calc(100vw - 26px))!important;max-height:calc(100vh - 34px)!important;overflow:auto!important;border:1px solid rgba(245,210,120,.35)!important;border-radius:22px!important;background:linear-gradient(180deg,#10141e,#05070b)!important;box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 36px rgba(214,166,50,.12)!important;padding:18px!important;color:#fff!important}
.hptv-modal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}
.hptv-modal-head strong{color:#f5d278!important;font-size:18px!important}
.hptv-modal-head button{width:34px!important;height:34px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font-size:22px!important;cursor:pointer!important}
.hptv-modal-card p{color:#b8becc!important;font-size:13px!important;margin:0 0 14px!important;line-height:1.45!important}
.hptv-modal-card label{display:block!important;margin:12px 0!important;color:#f5d278!important;font-size:11px!important;font-weight:900!important;letter-spacing:.07em!important}
.hptv-modal-card input:not([type="checkbox"]),.hptv-modal-card select{width:100%!important;min-height:42px!important;margin-top:7px!important;border:1px solid rgba(245,210,120,.25)!important;background:#05070b!important;color:#fff!important;border-radius:13px!important;padding:9px 11px!important;outline:none!important}
.hptv-modal-card input[type="color"]{padding:3px!important}
.hptv-modal-card .hptv-toggle-line{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:12px 13px!important;border:1px solid rgba(245,210,120,.28)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;color:#fff!important;letter-spacing:0!important}
.hptv-modal-card .hptv-toggle-line input{width:auto!important;margin:0!important;accent-color:#d6a632!important}
.hptv-modal-actions,.hptv-chat-admin-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:14px!important;flex-wrap:wrap!important}
.hptv-btn-gold{border:0!important;border-radius:999px!important;padding:11px 18px!important;background:linear-gradient(135deg,#f5d278,#a87617)!important;color:#050505!important;font-weight:900!important;cursor:pointer!important}
.hptv-btn-outline-danger{border:1px solid rgba(255,120,120,.45)!important;border-radius:999px!important;padding:11px 18px!important;background:rgba(255,0,0,.08)!important;color:#ffb0b0!important;font-weight:900!important;cursor:pointer!important}
@media(max-width:760px){.hptv-config-buttons{grid-template-columns:1fr!important}.hptv-config-button{min-height:92px!important}}


/* v1.2.11 - ajuste fino mobile/logo/youtube sem gambiarra pesada */
.hptv-screen .hptv-tv-controls{
  z-index:80!important;
}
.hptv-logo-wrap{
  z-index:36!important;
}
.hptv-logo-wrap .hptv-logo,
.hptv-logo{
  width:auto!important;
  height:auto!important;
  max-width:92px!important;
  max-height:58px!important;
}
.hptv-logo-pos-bottom-right .hptv-logo-wrap{
  bottom:58px!important;
  right:16px!important;
}
.hptv-logo-pos-bottom-left .hptv-logo-wrap{
  bottom:58px!important;
  left:16px!important;
}

/* Máscaras mais suaves para não parecer tarja preta cortada */
.hptv-youtube-mask-top{
  height:24px!important;
  background:linear-gradient(to bottom, rgba(0,0,0,.36), rgba(0,0,0,.12), rgba(0,0,0,0))!important;
}
.hptv-youtube-mask-bottom{
  height:32px!important;
  background:linear-gradient(to top, rgba(0,0,0,.40), rgba(0,0,0,.16), rgba(0,0,0,0))!important;
}
.hptv-youtube-mask-right{
  right:0!important;
  bottom:0!important;
  width:104px!important;
  height:62px!important;
  background:radial-gradient(circle at right bottom, rgba(0,0,0,.40), rgba(0,0,0,.16) 45%, rgba(0,0,0,0) 78%)!important;
}
.hptv-youtube-curtain{
  background:radial-gradient(circle at center, rgba(8,10,16,.92), rgba(0,0,0,.98))!important;
  opacity:1!important;
}
.hptv-youtube-curtain.off{
  opacity:0!important;
}

@media(max-width:768px){
  .hptv-logo-wrap,
  .hptv-logo-pos-top-left .hptv-logo-wrap{
    top:7px!important;
    left:7px!important;
    right:auto!important;
    bottom:auto!important;
    max-width:50px!important;
    max-height:34px!important;
  }
  .hptv-logo-pos-top-right .hptv-logo-wrap{
    top:7px!important;
    right:7px!important;
    left:auto!important;
    bottom:auto!important;
  }
  .hptv-logo-pos-bottom-left .hptv-logo-wrap{
    bottom:47px!important;
    left:7px!important;
    top:auto!important;
    right:auto!important;
  }
  .hptv-logo-pos-bottom-right .hptv-logo-wrap{
    bottom:47px!important;
    right:7px!important;
    top:auto!important;
    left:auto!important;
  }
  .hptv-logo-wrap .hptv-logo,
  .hptv-logo{
    max-width:50px!important;
    max-height:34px!important;
  }
  .hptv-youtube-mask-top{
    height:14px!important;
    background:linear-gradient(to bottom, rgba(0,0,0,.22), rgba(0,0,0,0))!important;
  }
  .hptv-youtube-mask-bottom{
    height:22px!important;
    background:linear-gradient(to top, rgba(0,0,0,.26), rgba(0,0,0,0))!important;
  }
  .hptv-youtube-mask-right{
    width:64px!important;
    height:42px!important;
    background:radial-gradient(circle at right bottom, rgba(0,0,0,.26), rgba(0,0,0,.09) 50%, rgba(0,0,0,0) 80%)!important;
  }
}


/* v1.2.12 - YouTube playlist modo TV mais limpo: fade, logo e overscan */
.hptv-stage.hptv-youtube-mode{
  background:#000!important;
  overflow:hidden!important;
}
.hptv-youtube-viewport{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.hptv-youtube-viewport .hptv-youtube-frame{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:116%!important;
  height:116%!important;
  transform:translate(-50%,-50%) scale(1.075)!important;
  border:0!important;
  pointer-events:none!important;
  background:#000!important;
}

/* As máscaras antigas ficam só como sombreado muito leve, sem tarja pesada */
.hptv-youtube-mask-top,
.hptv-youtube-mask-bottom,
.hptv-youtube-mask-right{
  opacity:.18!important;
}

/* Coberturas suaves: sem corte seco, sem barra preta grossa */
.hptv-youtube-softcover{
  position:absolute!important;
  z-index:10!important;
  pointer-events:none!important;
}
.hptv-youtube-softcover-top{
  left:0!important;
  top:0!important;
  right:0!important;
  height:52px!important;
  background:linear-gradient(to bottom, rgba(0,0,0,.58), rgba(0,0,0,.18), rgba(0,0,0,0))!important;
}
.hptv-youtube-softcover-bottom{
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:56px!important;
  background:linear-gradient(to top, rgba(0,0,0,.58), rgba(0,0,0,.18), rgba(0,0,0,0))!important;
}
.hptv-youtube-softcover-right{
  right:0!important;
  bottom:0!important;
  width:150px!important;
  height:82px!important;
  background:radial-gradient(circle at right bottom, rgba(0,0,0,.54), rgba(0,0,0,.22) 48%, rgba(0,0,0,0) 78%)!important;
}

/* Cortina de transição com logo: aparece na entrada/troca/pausa para esconder UI do YouTube */
.hptv-youtube-curtain{
  position:absolute!important;
  inset:0!important;
  z-index:70!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at center, rgba(15,18,26,.92), rgba(0,0,0,.82) 54%, rgba(0,0,0,.96) 100%)!important;
  opacity:1!important;
  transition:opacity .85s ease!important;
}
.hptv-youtube-curtain.off{
  opacity:0!important;
}
.hptv-youtube-transition-logo{
  width:96px!important;
  height:96px!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  filter:drop-shadow(0 18px 42px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(255,210,90,.18))!important;
  animation:hptvLogoPass 2.7s ease-in-out infinite!important;
}
.hptv-youtube-transition-line{
  width:min(320px,60vw)!important;
  height:2px!important;
  margin-top:18px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg, transparent, var(--hptv-primary,#d6a632), transparent)!important;
  opacity:.78!important;
  animation:hptvLinePass 1.8s ease-in-out infinite!important;
}
@keyframes hptvLogoPass{
  0%{transform:translateX(-22px) scale(.92);opacity:.45}
  45%{transform:translateX(0) scale(1);opacity:1}
  100%{transform:translateX(22px) scale(.92);opacity:.45}
}
@keyframes hptvLinePass{
  0%{opacity:.25;transform:scaleX(.55)}
  50%{opacity:.95;transform:scaleX(1)}
  100%{opacity:.25;transform:scaleX(.55)}
}

/* Escudo acima do iframe: não deixa hover/clique ativar controles no meio do YouTube */
.hptv-youtube-shield{
  position:absolute!important;
  inset:0!important;
  z-index:66!important;
  background:transparent!important;
  pointer-events:auto!important;
  cursor:default!important;
}

/* Controles próprios da TV ficam acima da camada do YouTube */
.hptv-stage.hptv-youtube-mode ~ .hptv-bottom-bar,
.hptv-tv-controls{
  z-index:90!important;
}

@media(max-width:768px){
  .hptv-youtube-viewport .hptv-youtube-frame{
    width:122%!important;
    height:122%!important;
    transform:translate(-50%,-50%) scale(1.09)!important;
  }
  .hptv-youtube-softcover-top{height:34px!important;background:linear-gradient(to bottom, rgba(0,0,0,.42), rgba(0,0,0,0))!important;}
  .hptv-youtube-softcover-bottom{height:42px!important;background:linear-gradient(to top, rgba(0,0,0,.42), rgba(0,0,0,0))!important;}
  .hptv-youtube-softcover-right{width:88px!important;height:58px!important;background:radial-gradient(circle at right bottom, rgba(0,0,0,.40), rgba(0,0,0,.12) 48%, rgba(0,0,0,0) 78%)!important;}
  .hptv-youtube-transition-logo{
    width:62px!important;
    height:62px!important;
  }
  .hptv-youtube-transition-line{
    width:min(220px,58vw)!important;
    margin-top:12px!important;
  }
}

/* Logo do canal no celular bem menor para não tapar controle */
@media(max-width:768px){
  .hptv-logo-wrap .hptv-logo,
  .hptv-logo{
    max-width:42px!important;
    max-height:30px!important;
  }
  .hptv-logo-wrap,
  .hptv-logo-pos-bottom-right .hptv-logo-wrap,
  .hptv-logo-pos-bottom-left .hptv-logo-wrap{
    max-width:42px!important;
    max-height:30px!important;
    bottom:52px!important;
  }
}


/* v1.2.13 - transição personalizada YouTube + volume sempre clicável + sem bordas escuras */
.hptv-screen .hptv-tv-controls,
.hptv-tv-controls{
  z-index:999999!important;
  pointer-events:auto!important;
}
.hptv-wrap.hptv-active .hptv-tv-controls{
  opacity:1!important;
  pointer-events:auto!important;
}
.hptv-tv-controls *{
  pointer-events:auto!important;
}
.hptv-youtube-shield{
  pointer-events:none!important;
  z-index:60!important;
}
.hptv-youtube-viewport .hptv-youtube-frame{
  pointer-events:none!important;
  width:126%!important;
  height:126%!important;
  transform:translate(-50%,-50%) scale(1.12)!important;
}

/* Remove as bordas/tarjas escuras. Agora quem esconde a UI é a transição personalizada. */
.hptv-youtube-mask,
.hptv-youtube-mask-top,
.hptv-youtube-mask-bottom,
.hptv-youtube-mask-right,
.hptv-youtube-softcover,
.hptv-youtube-softcover-top,
.hptv-youtube-softcover-bottom,
.hptv-youtube-softcover-right{
  display:none!important;
  opacity:0!important;
}

/* Cortina fica por cima do YouTube, mas abaixo do volume/expandir */
.hptv-youtube-curtain{
  z-index:500!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at center, rgba(8,11,18,.96), rgba(0,0,0,.90) 52%, rgba(0,0,0,.98) 100%)!important;
  opacity:1!important;
  transition:opacity 1.05s ease!important;
}
.hptv-youtube-curtain.off{
  opacity:0!important;
}
.hptv-youtube-transition-logo{
  width:104px!important;
  height:104px!important;
  max-width:80%!important;
  max-height:60%!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
.hptv-youtube-transition-logo.is-banner{
  width:min(680px,78%)!important;
  height:min(260px,46%)!important;
  border-radius:18px!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  filter:drop-shadow(0 22px 52px rgba(0,0,0,.58)) drop-shadow(0 0 22px rgba(255,210,90,.16))!important;
}
.hptv-youtube-transition-line{
  width:min(420px,70vw)!important;
}

/* Põe expandir e som um pouco mais para baixo/fora do risco da linha */
.hptv-tv-controls{
  right:12px!important;
  bottom:4px!important;
}
.hptv-tv-volume-wrap,
.hptv-tv-btn{
  position:relative!important;
  z-index:1000000!important;
}

/* Se houver admin bar/tema interferindo, força toque em celular */
.hptv-tv-volume,
.hptv-tv-mute,
.hptv-tv-full{
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}

@media(max-width:768px){
  .hptv-youtube-viewport .hptv-youtube-frame{
    width:136%!important;
    height:136%!important;
    transform:translate(-50%,-50%) scale(1.18)!important;
  }
  .hptv-youtube-transition-logo{
    width:74px!important;
    height:74px!important;
  }
  .hptv-youtube-transition-logo.is-banner{
    width:82%!important;
    height:38%!important;
    border-radius:14px!important;
  }
  .hptv-tv-controls{
    right:8px!important;
    bottom:3px!important;
    gap:5px!important;
  }
  .hptv-tv-volume-wrap{
    height:28px!important;
    padding:2px 6px!important;
    gap:4px!important;
  }
  .hptv-tv-btn{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }
  .hptv-tv-volume{
    width:72px!important;
  }
  .hptv-tv-som{
    font-size:9px!important;
  }
}


/* v1.2.14 - ajuste fino solicitado: sem crop/zoom e controle de som profissional */
.hptv-stage.hptv-youtube-mode .hptv-youtube-viewport .hptv-youtube-frame,
.hptv-youtube-viewport .hptv-youtube-frame{
  width:100%!important;
  height:100%!important;
  transform:translate(-50%,-50%) scale(1)!important;
}

/* Remove definitivamente máscaras/bordas escuras criadas para esconder YouTube.
   A transição personalizada agora é quem cobre entrada/troca. */
.hptv-youtube-mask,
.hptv-youtube-mask-top,
.hptv-youtube-mask-bottom,
.hptv-youtube-mask-right,
.hptv-youtube-softcover,
.hptv-youtube-softcover-top,
.hptv-youtube-softcover-bottom,
.hptv-youtube-softcover-right{
  display:none!important;
  opacity:0!important;
}

/* Controles no canto direito inferior, acima de tudo, fáceis de clicar */
.hptv-screen .hptv-tv-controls,
.hptv-tv-controls{
  right:16px!important;
  bottom:10px!important;
  z-index:1000000!important;
  gap:10px!important;
  align-items:center!important;
  pointer-events:auto!important;
}
.hptv-tv-controls *{
  pointer-events:auto!important;
}
.hptv-tv-full{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:999px!important;
  font-size:21px!important;
  border:2px solid rgba(245,210,120,.78)!important;
  background:rgba(9,13,20,.88)!important;
  color:#f5d278!important;
}
.hptv-tv-volume-wrap{
  height:46px!important;
  min-width:260px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding:5px 8px 5px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(9,12,18,.95),rgba(38,24,7,.94))!important;
  border:2px solid rgba(245,210,120,.70)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.46)!important;
}
.hptv-tv-som{
  order:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f5d278!important;
  font-weight:950!important;
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  min-width:42px!important;
}
.hptv-tv-volume{
  order:2!important;
  width:118px!important;
  height:5px!important;
  accent-color:#f5d278!important;
  cursor:pointer!important;
}
.hptv-tv-mute{
  order:3!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid rgba(255,255,255,.18)!important;
  background:#b91c1c!important;
  color:#fff!important;
  font-size:20px!important;
  box-shadow:0 0 0 3px rgba(185,28,28,.18), 0 8px 18px rgba(0,0,0,.35)!important;
}
.hptv-tv-mute.active{
  background:#16a34a!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.20), 0 8px 18px rgba(0,0,0,.35)!important;
}

/* Cortina da transição fica abaixo dos controles para não bloquear volume/expandir */
.hptv-youtube-curtain{
  z-index:500!important;
  pointer-events:none!important;
}
.hptv-youtube-shield{
  pointer-events:none!important;
}

/* Mobile: botão de som grande no canto, mas sem ocupar demais a tela */
@media(max-width:768px){
  .hptv-screen .hptv-tv-controls,
  .hptv-tv-controls{
    right:7px!important;
    bottom:6px!important;
    gap:6px!important;
  }
  .hptv-tv-full{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:17px!important;
  }
  .hptv-tv-volume-wrap{
    height:38px!important;
    min-width:190px!important;
    max-width:calc(100vw - 92px)!important;
    padding:4px 6px 4px 11px!important;
    gap:7px!important;
  }
  .hptv-tv-som{
    font-size:11px!important;
    min-width:32px!important;
    letter-spacing:.08em!important;
  }
  .hptv-tv-volume{
    width:82px!important;
  }
  .hptv-tv-mute{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    font-size:17px!important;
  }
}

/* Telas muito estreitas: mantém speaker visível no canto */
@media(max-width:390px){
  .hptv-tv-volume-wrap{
    min-width:166px!important;
    gap:5px!important;
  }
  .hptv-tv-volume{
    width:64px!important;
  }
  .hptv-tv-som{
    font-size:10px!important;
    min-width:29px!important;
  }
}


/* v1.2.15 - controle menor, abaixo da linha e áudio sem falhar */
.hptv-screen .hptv-tv-controls,
.hptv-tv-controls{
  right:18px!important;
  bottom:4px!important;
  gap:8px!important;
  transform:scale(.88)!important;
  transform-origin:right bottom!important;
}
.hptv-tv-full{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  font-size:18px!important;
}
.hptv-tv-volume-wrap{
  height:42px!important;
  min-width:232px!important;
  padding:4px 7px 4px 14px!important;
  gap:10px!important;
}
.hptv-tv-som{
  font-size:13px!important;
  min-width:38px!important;
}
.hptv-tv-volume{
  width:104px!important;
}
.hptv-tv-mute{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  font-size:19px!important;
}

/* Segura um pouco mais depois que o usuário mexe/clica */
.hptv-wrap.hptv-active .hptv-tv-controls,
.hptv-screen:hover .hptv-tv-controls{
  opacity:1!important;
  pointer-events:auto!important;
}

@media(max-width:768px){
  .hptv-screen .hptv-tv-controls,
  .hptv-tv-controls{
    right:6px!important;
    bottom:2px!important;
    gap:5px!important;
    transform:scale(.86)!important;
    transform-origin:right bottom!important;
  }
  .hptv-tv-full{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    font-size:15px!important;
  }
  .hptv-tv-volume-wrap{
    height:35px!important;
    min-width:172px!important;
    max-width:calc(100vw - 86px)!important;
    padding:3px 5px 3px 9px!important;
    gap:6px!important;
  }
  .hptv-tv-som{
    font-size:10px!important;
    min-width:29px!important;
    letter-spacing:.07em!important;
  }
  .hptv-tv-volume{
    width:66px!important;
  }
  .hptv-tv-mute{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    font-size:16px!important;
  }
}

@media(max-width:390px){
  .hptv-tv-volume-wrap{
    min-width:154px!important;
  }
  .hptv-tv-volume{
    width:54px!important;
  }
}


/* v1.2.16 - ajuste final: controle menor, some no celular, áudio sem mute escondido e fullscreen paisagem */
.hptv-screen .hptv-tv-controls,
.hptv-tv-controls{
  right:16px!important;
  bottom:0px!important;
  gap:7px!important;
  transform:scale(.78)!important;
  transform-origin:right bottom!important;
  z-index:1000000!important;
}
.hptv-tv-full{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  font-size:22px!important;
}
.hptv-tv-volume-wrap{
  height:38px!important;
  min-width:208px!important;
  padding:3px 6px 3px 12px!important;
  gap:8px!important;
}
.hptv-tv-som{
  font-size:12px!important;
  min-width:35px!important;
}
.hptv-tv-volume{
  width:88px!important;
}
.hptv-tv-mute{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  font-size:18px!important;
}

/* estado escondido real */
.hptv-wrap:not(.hptv-active) .hptv-tv-controls{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(11px) scale(.78)!important;
}
.hptv-wrap.hptv-active .hptv-tv-controls{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(.78)!important;
}

/* Em celular, evita o :hover preso deixando controle eternamente na tela */
@media(hover:none){
  .hptv-wrap:not(.hptv-active) .hptv-screen:hover .hptv-tv-controls,
  .hptv-wrap:not(.hptv-active) .hptv-tv-controls{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(11px) scale(.78)!important;
  }
  .hptv-wrap.hptv-active .hptv-screen:hover .hptv-tv-controls,
  .hptv-wrap.hptv-active .hptv-tv-controls{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(.78)!important;
  }
}

@media(max-width:768px){
  .hptv-screen .hptv-tv-controls,
  .hptv-tv-controls{
    right:5px!important;
    bottom:-1px!important;
    gap:4px!important;
    transform:scale(.74)!important;
    transform-origin:right bottom!important;
  }
  .hptv-wrap:not(.hptv-active) .hptv-tv-controls{
    transform:translateY(10px) scale(.74)!important;
  }
  .hptv-wrap.hptv-active .hptv-tv-controls{
    transform:translateY(0) scale(.74)!important;
  }
  .hptv-tv-full{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    font-size:20px!important;
  }
  .hptv-tv-volume-wrap{
    height:34px!important;
    min-width:154px!important;
    max-width:calc(100vw - 78px)!important;
    padding:3px 5px 3px 8px!important;
    gap:5px!important;
  }
  .hptv-tv-som{
    font-size:9px!important;
    min-width:25px!important;
    letter-spacing:.06em!important;
  }
  .hptv-tv-volume{
    width:48px!important;
  }
  .hptv-tv-mute{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    font-size:16px!important;
  }
  @media(hover:none){
    .hptv-wrap:not(.hptv-active) .hptv-screen:hover .hptv-tv-controls,
    .hptv-wrap:not(.hptv-active) .hptv-tv-controls{
      opacity:0!important;
      pointer-events:none!important;
      transform:translateY(10px) scale(.74)!important;
    }
    .hptv-wrap.hptv-active .hptv-screen:hover .hptv-tv-controls,
    .hptv-wrap.hptv-active .hptv-tv-controls{
      opacity:1!important;
      pointer-events:auto!important;
      transform:translateY(0) scale(.74)!important;
    }
  }
}

@media(max-width:390px){
  .hptv-tv-volume-wrap{
    min-width:140px!important;
  }
  .hptv-tv-volume{
    width:40px!important;
  }
}


/* v1.2.17 - vinheta em vídeo na transição do YouTube */
.hptv-youtube-curtain{
  overflow:hidden!important;
}
.hptv-youtube-transition-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:rgba(0,0,0,.92)!important;
  opacity:0!important;
  transition:opacity .45s ease!important;
  z-index:1!important;
  pointer-events:none!important;
}
.hptv-youtube-transition-video.active{
  opacity:1!important;
}
.hptv-has-transition-video .hptv-youtube-curtain{
  background:rgba(0,0,0,.84)!important;
}
.hptv-has-transition-video .hptv-youtube-transition-logo.behind-video{
  z-index:2!important;
  position:absolute!important;
  right:18px!important;
  bottom:18px!important;
  width:72px!important;
  height:72px!important;
  opacity:.92!important;
  animation:none!important;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.55))!important;
}
.hptv-has-transition-video .hptv-youtube-transition-logo.behind-video.is-banner{
  right:16px!important;
  bottom:16px!important;
  width:120px!important;
  height:70px!important;
  opacity:.9!important;
}
.hptv-has-transition-video .hptv-youtube-transition-line{
  z-index:2!important;
  position:absolute!important;
  left:50%!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
  opacity:.55!important;
}
@media(max-width:768px){
  .hptv-has-transition-video .hptv-youtube-transition-logo.behind-video{
    width:48px!important;
    height:48px!important;
    right:10px!important;
    bottom:10px!important;
  }
  .hptv-has-transition-video .hptv-youtube-transition-logo.behind-video.is-banner{
    width:86px!important;
    height:52px!important;
    right:8px!important;
    bottom:8px!important;
  }
  .hptv-has-transition-video .hptv-youtube-transition-line{
    bottom:6px!important;
    width:min(180px,54vw)!important;
  }
}


/* ==========================================================
   TV PintaCuia • PlayRAS 1.3.0
   ========================================================== */
body.hptv-pintacuia-tv-page,
body.hptv-pintacuia-remote-page,
body.hptv-pintacuia-panel-page{
  margin:0!important;background:#030304!important;color:#fff!important
}
body.hptv-pintacuia-tv-page #hptv-pintacuia-page{
  min-height:100svh;padding:8px 12px 12px;display:grid;place-items:start center;background:
  radial-gradient(circle at 50% -15%,rgba(214,166,50,.08),transparent 35%),#030304
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia{
  width:min(100%,calc((100svh - 86px)*1.77778));max-width:1920px;margin:0 auto
}
.hptv-pintacuia .hptv-screen{
  border:1px solid rgba(214,166,50,.28);border-radius:15px;background:#000;
  box-shadow:0 0 0 7px rgba(8,8,10,.95),0 22px 70px rgba(0,0,0,.62),0 0 34px rgba(214,166,50,.06);
}
.hptv-pintacuia .hptv-bottom-bar{display:none!important}
.hptv-pintacuia .hptv-chat-box{display:none!important}
.hptv-pc-controls{
  width:100%;display:flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 6px 2px
}
.hptv-pc-btn,.hptv-pc-play{
  appearance:none;border:1px solid rgba(214,166,50,.20);background:linear-gradient(180deg,#111117,#08080b);
  color:#eee8db;min-height:42px;padding:0 15px;border-radius:16px;font:800 11px/1 Arial,sans-serif;
  letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;
  transition:.18s ease
}
.hptv-pc-btn:hover{border-color:rgba(214,166,50,.42);transform:translateY(-1px)}
.hptv-pc-play{
  width:72px;height:72px;min-height:72px;padding:0;border-radius:50%;font-size:28px;letter-spacing:0;
  color:#17120a;background:radial-gradient(circle at 33% 28%,#fff5d2,#e0bf56 38%,#ae8222 72%,#6e4e10);
  border:2px solid rgba(255,239,173,.52);box-shadow:0 8px 28px rgba(0,0,0,.45),inset 0 2px 8px rgba(255,255,255,.42)
}
.hptv-pc-qr{color:#f0d36a}
.hptv-pc-qr-modal{position:fixed;inset:0;z-index:999999;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.86);backdrop-filter:blur(12px)}
.hptv-pc-qr-modal.open{display:grid}.hptv-pc-qr-card{position:relative;width:min(400px,94vw);padding:28px;border-radius:24px;text-align:center;background:linear-gradient(180deg,#151319,#060607);border:1px solid rgba(214,166,50,.38);box-shadow:0 30px 100px rgba(0,0,0,.7)}
.hptv-pc-qr-card small{color:#d6a632;font-weight:900;letter-spacing:.16em}.hptv-pc-qr-card h2{font:700 30px Georgia,serif;margin:8px 0}.hptv-pc-qr-card p{color:#aaa5ae;font:14px Arial,sans-serif}.hptv-pc-qr-card img{display:block;width:220px;height:220px;max-width:70vw;margin:18px auto;background:#fff;padding:8px;border-radius:15px}.hptv-pc-qr-card a{display:inline-flex;padding:11px 17px;border-radius:999px;background:#d6a632;color:#111;text-decoration:none;font:900 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.hptv-pc-qr-close{position:absolute;right:13px;top:12px;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}

/* Controle remoto web */
body.hptv-pintacuia-remote-page #hptv-pintacuia-page{min-height:100svh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% -10%,rgba(214,166,50,.13),transparent 36%),#050507}
.hptv-remote{width:min(520px,100%);text-align:center;font-family:Arial,sans-serif}.hptv-remote>small{color:#d6a632;font-weight:900;letter-spacing:.18em}.hptv-remote h1{font:700 clamp(38px,10vw,58px)/.95 Georgia,serif;margin:9px 0 12px}.hptv-remote>p{color:#aaa5ae;margin:0 auto 26px;max-width:410px}
.hptv-remote-main{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px}.hptv-remote-main button{min-height:112px;border-radius:24px;border:1px solid rgba(214,166,50,.22);background:linear-gradient(180deg,#15141a,#08080b);color:#fff;font-size:36px;cursor:pointer}.hptv-remote-main button span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:8px}.hptv-remote-main .play{background:radial-gradient(circle at 35% 25%,#f8e9ac,#c99c2f 60%,#765312);color:#111}
.hptv-remote-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.hptv-remote-secondary button,.hptv-remote-secondary a{min-height:48px;border-radius:16px;border:1px solid rgba(214,166,50,.20);background:#0d0d11;color:#e9e4d8;display:flex;align-items:center;justify-content:center;text-decoration:none;font:800 11px Arial,sans-serif;cursor:pointer}
.hptv-remote-status{margin-top:14px;color:#d6a632;font-size:12px}.hptv-remote-note{margin-top:32px;padding:18px;border-radius:18px;background:#0d0d11;border:1px solid rgba(255,255,255,.07);text-align:left}.hptv-remote-note strong{color:#f0d36a}.hptv-remote-note p{color:#8f8b94;font-size:13px;line-height:1.5;margin-bottom:0}.hptv-remote-invalid{max-width:520px;margin:20vh auto;text-align:center;font-family:Arial,sans-serif}.hptv-remote-invalid h1{color:#d6a632}

/* Painel externo sem tema WordPress */
body.hptv-pintacuia-panel-page #hptv-pintacuia-page{min-height:100svh;background:#050507}
body.hptv-pintacuia-panel-page .hptv-panel{min-height:100svh!important}

@media(max-width:760px){
  body.hptv-pintacuia-tv-page #hptv-pintacuia-page{padding:4px 5px 12px}
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia{width:100%}
  .hptv-pintacuia .hptv-screen{border-radius:10px;box-shadow:0 0 0 3px rgba(8,8,10,.95),0 16px 40px rgba(0,0,0,.55)}
  .hptv-pc-controls{gap:6px;overflow-x:auto;justify-content:flex-start;padding-top:10px}
  .hptv-pc-btn{min-height:39px;padding:0 11px;border-radius:14px;flex:0 0 auto}
  .hptv-pc-play{width:62px;height:62px;min-height:62px;flex:0 0 62px}
}


/* ==========================================================
   TV PintaCuia • PlayRAS 1.3.1
   Correção: remove coluna fantasma do chat, amplia TV e
   blinda os controles contra estilos globais/Elementor.
   ========================================================== */
body.hptv-pintacuia-tv-page #hptv-pintacuia-page{
  width:100%!important;
  max-width:none!important;
  min-height:100svh!important;
  display:block!important;
  padding:8px 1.2vw 18px!important;
  margin:0!important;
  background:#030304!important;
}

body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia.hptv-chat-layout-side_right,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia.hptv-chat-layout-side_left{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  gap:0!important;
  width:min(96vw,1660px)!important;
  max-width:1660px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
}

body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-main,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-screen{
  width:100%!important;
  max-width:none!important;
  grid-column:auto!important;
  grid-row:auto!important;
}

body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-screen{
  aspect-ratio:16/9!important;
  max-height:none!important;
  margin:0!important;
  border:1px solid rgba(214,166,50,.24)!important;
  border-radius:14px!important;
  background:#000!important;
  box-shadow:
    0 0 0 6px #09090c,
    0 22px 65px rgba(0,0,0,.64),
    0 0 30px rgba(214,166,50,.05)!important;
}

body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-chat-box{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}

/* Blindagem total contra rosa do Elementor/tema/global kit */
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-pc-controls{
  display:flex!important;
  width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:14px 0 0!important;
  margin:0!important;
  background:transparent!important;
}

body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-play{
  -webkit-appearance:none!important;
  appearance:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  text-decoration:none!important;
  text-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  outline:none!important;
  box-sizing:border-box!important;
}

body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn{
  min-width:112px!important;
  min-height:42px!important;
  width:auto!important;
  height:42px!important;
  padding:0 15px!important;
  border-radius:16px!important;
  border:1px solid rgba(214,166,50,.22)!important;
  background:#0d0d12!important;
  background-image:linear-gradient(180deg,#15151b,#09090d)!important;
  color:#eee8dc!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn:hover{
  background:#141419!important;
  background-image:linear-gradient(180deg,#1a1a20,#0b0b0f)!important;
  border-color:rgba(214,166,50,.42)!important;
  color:#f3df94!important;
  box-shadow:0 7px 20px rgba(0,0,0,.26)!important;
  transform:translateY(-1px)!important;
}

body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-play{
  flex:0 0 72px!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  padding:0!important;
  margin:0 3px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,235,160,.48)!important;
  background:#cba33b!important;
  background-image:radial-gradient(circle at 34% 28%,#fff4c8 0,#e4c55f 30%,#bd9029 67%,#725111 100%)!important;
  color:#151109!important;
  box-shadow:0 8px 25px rgba(0,0,0,.42),inset 0 2px 7px rgba(255,255,255,.38)!important;
  font-size:28px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-qr{
  color:#f0d36a!important;
}

/* Esconde qualquer botão ou decoração herdada que o tema tente colocar no conteúdo */
body.hptv-pintacuia-tv-page .elementor,
body.hptv-pintacuia-tv-page .elementor-location-header,
body.hptv-pintacuia-tv-page .elementor-location-footer,
body.hptv-pintacuia-tv-page header:not(.hptv-header),
body.hptv-pintacuia-tv-page footer:not(.hptv-footer){
  display:none!important;
}

@media(max-width:900px){
  body.hptv-pintacuia-tv-page #hptv-pintacuia-page{padding:5px 8px 14px!important}
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia,
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia.hptv-chat-layout-side_right,
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia.hptv-chat-layout-side_left{
    width:100%!important;
    max-width:none!important;
  }
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-pc-controls{
    gap:6px!important;
    overflow-x:auto!important;
    justify-content:center!important;
  }
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn{
    min-width:96px!important;
    height:39px!important;
    min-height:39px!important;
    padding:0 11px!important;
    border-radius:14px!important;
  }
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-play{
    flex-basis:62px!important;width:62px!important;min-width:62px!important;max-width:62px!important;
    height:62px!important;min-height:62px!important;max-height:62px!important;
  }
}


/* v1.3.2 — segurança de renderização */
body.hptv-pintacuia-tv-page #hptv-pintacuia-page > .hptv-wrap{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body.hptv-pintacuia-tv-page .hptv-screen{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body.hptv-pintacuia-tv-page .hptv-stage{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
body.hptv-pintacuia-tv-page .hptv-loading{
  display:block!important;
  visibility:visible!important;
  opacity:.82!important;
  color:#fff!important;
}


/* ==========================================================
   TV PintaCuia • PlayRAS 1.3.3
   Tela sem scroll, controles sobrepostos e menu lateral
   escondido que abre ao encostar o mouse à esquerda.
   ========================================================== */
body.hptv-pintacuia-tv-page,
body.hptv-pintacuia-tv-page html{
  overflow:hidden!important;
}
body.hptv-pintacuia-tv-page #hptv-pintacuia-page{
  width:100%!important;
  height:100svh!important;
  min-height:100svh!important;
  max-height:100svh!important;
  overflow:hidden!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#000!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia.hptv-chat-layout-side_right,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia.hptv-chat-layout-side_left{
  position:relative!important;
  width:100vw!important;
  height:100svh!important;
  max-width:none!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#000!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-main{
  width:100vw!important;
  height:100svh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-screen{
  width:100vw!important;
  height:100svh!important;
  max-width:none!important;
  aspect-ratio:auto!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#000!important;
  overflow:hidden!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-stage,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-stage iframe,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-stage video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-stage{
  border:none!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#000!important;
}

/* barra som/controles nativos pequenos */
body.hptv-pintacuia-tv-page .hptv-top-right,
body.hptv-pintacuia-tv-page .hptv-floating-controls{
  z-index:30!important;
}

/* Controles inferiores */
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-pc-controls{
  position:absolute!important;
  left:50%!important;
  bottom:26px!important;
  transform:translateX(-50%)!important;
  z-index:35!important;
  width:auto!important;
  max-width:min(92vw,860px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:10px 16px!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid rgba(214,166,50,.18)!important;
  background:rgba(0,0,0,.36)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.45)!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-play{
  -webkit-appearance:none!important;
  appearance:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  text-decoration:none!important;
  text-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  outline:none!important;
  box-sizing:border-box!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn{
  min-width:118px!important;
  min-height:44px!important;
  width:auto!important;
  height:44px!important;
  padding:0 15px!important;
  border-radius:16px!important;
  border:1px solid rgba(214,166,50,.22)!important;
  background:#0d0d12!important;
  background-image:linear-gradient(180deg,#15151b,#09090d)!important;
  color:#eee8dc!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  transition:all .18s ease!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn:hover{
  background-image:linear-gradient(180deg,#232017,#0e0c08)!important;
  border-color:rgba(214,166,50,.42)!important;
  color:#f3df94!important;
  box-shadow:0 0 16px rgba(214,166,50,.12),0 8px 24px rgba(0,0,0,.25)!important;
  transform:translateY(-1px)!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn.is-active{
  background-image:linear-gradient(180deg,#302713,#120d06)!important;
  border-color:rgba(214,166,50,.55)!important;
  color:#ffd96a!important;
  box-shadow:0 0 18px rgba(214,166,50,.17)!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-play{
  flex:0 0 78px!important;
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  padding:0!important;
  margin:0 2px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,235,160,.52)!important;
  background:#cba33b!important;
  background-image:radial-gradient(circle at 34% 28%,#fff4c8 0,#e4c55f 30%,#bd9029 67%,#725111 100%)!important;
  color:#151109!important;
  box-shadow:0 10px 28px rgba(0,0,0,.45),inset 0 2px 7px rgba(255,255,255,.38)!important;
  font-size:30px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  position:relative!important;
  z-index:36!important;
  transition:all .18s ease!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-play:hover{
  transform:translateY(-1px) scale(1.02)!important;
  box-shadow:0 0 20px rgba(255,226,122,.17),0 12px 32px rgba(0,0,0,.48),inset 0 2px 10px rgba(255,255,255,.42)!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-qr{ color:#f0d36a!important; }

/* menu lateral escondido desktop */
body.hptv-pintacuia-tv-page .hptv-tv-drawer-trigger{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:18px!important;
  z-index:39!important;
  background:transparent!important;
}
body.hptv-pintacuia-tv-page .hptv-tv-drawer{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translate(-120%, -50%)!important;
  z-index:40!important;
  width:168px!important;
  padding:12px!important;
  border-radius:20px!important;
  border:1px solid rgba(214,166,50,.20)!important;
  background:rgba(5,5,8,.80)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.44)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:transform .22s ease, opacity .22s ease!important;
}
body.hptv-pintacuia-tv-page .hptv-tv-drawer-trigger:hover + .hptv-tv-drawer,
body.hptv-pintacuia-tv-page .hptv-tv-drawer:hover{
  transform:translate(0,-50%)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.hptv-pintacuia-tv-page .hptv-tv-drawer-label{
  font:900 10px/1 Arial,sans-serif!important;
  letter-spacing:.18em!important;
  color:#d6a632!important;
  text-transform:uppercase!important;
  margin:0 0 4px 4px!important;
}
body.hptv-pintacuia-tv-page .hptv-tv-drawer-btn{
  min-height:42px!important;
  width:100%!important;
  border-radius:15px!important;
  border:1px solid rgba(214,166,50,.18)!important;
  background:linear-gradient(180deg,#14141a,#09090d)!important;
  color:#f0ede7!important;
  font:900 10px/1 Arial,sans-serif!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  cursor:pointer!important;
  transition:all .18s ease!important;
}
body.hptv-pintacuia-tv-page .hptv-tv-drawer-btn:hover{
  border-color:rgba(214,166,50,.38)!important;
  color:#f4de91!important;
  box-shadow:0 0 14px rgba(214,166,50,.10)!important;
  transform:translateY(-1px)!important;
}
body.hptv-pintacuia-tv-page .hptv-tv-drawer-btn.is-active{
  background:linear-gradient(180deg,#2d2616,#120d07)!important;
  border-color:rgba(214,166,50,.55)!important;
  color:#ffd96a!important;
}
body.hptv-pintacuia-tv-page .hptv-tv-drawer-play{
  min-height:52px!important;
}
body.hptv-pintacuia-tv-page .hptv-tv-drawer-qr{
  color:#f0d36a!important;
}

/* esconde drawer no celular e deixa controles compactos */
@media(max-width:900px){
  body.hptv-pintacuia-tv-page .hptv-tv-drawer-trigger,
  body.hptv-pintacuia-tv-page .hptv-tv-drawer{
    display:none!important;
  }
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-pc-controls{
    bottom:14px!important;
    gap:6px!important;
    padding:8px 10px!important;
    max-width:96vw!important;
  }
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn{
    min-width:78px!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 9px!important;
    font-size:9px!important;
    border-radius:13px!important;
  }
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-play{
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    font-size:24px!important;
  }
}


/* ==========================================================
   TV PintaCuia • PlayRAS 1.3.4
   Full viewport adaptativo + controles auto-hide (8s).
   ========================================================== */
html:has(body.hptv-pintacuia-tv-page),
body.hptv-pintacuia-tv-page{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#000!important;
}

body.hptv-pintacuia-tv-page #hptv-pintacuia-page,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-main,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-screen,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-stage{
  width:100vw!important;
  height:100svh!important;
  min-width:100vw!important;
  min-height:100svh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:#000!important;
}

/* A imagem deve obedecer à viewport. O JS complementa o iframe do YouTube. */
body.hptv-pintacuia-tv-page .hptv-stage video{
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  max-width:none!important;
  max-height:none!important;
}
body.hptv-pintacuia-tv-page .hptv-stage iframe.hptv-youtube-frame{
  max-width:none!important;
  max-height:none!important;
  border:0!important;
}

/* Nesta versão o controle principal é o dock inferior, não o drawer lateral. */
body.hptv-pintacuia-tv-page .hptv-tv-drawer-trigger,
body.hptv-pintacuia-tv-page .hptv-tv-drawer{
  display:none!important;
}

/* Dock inferior mais fino, quase encostado na borda. */
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-pc-controls{
  position:absolute!important;
  left:50%!important;
  bottom:7px!important;
  z-index:1000001!important;
  width:auto!important;
  max-width:min(94vw,650px)!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:6px 9px!important;
  margin:0!important;
  border:1px solid rgba(214,166,50,.14)!important;
  border-radius:999px!important;
  background:rgba(2,2,4,.38)!important;
  backdrop-filter:blur(9px)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.36)!important;
  transition:opacity .30s ease,transform .30s ease,visibility .30s ease!important;
}

/* Mesmo estado hptv-active controla dock + som + fullscreen. */
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia.hptv-active .hptv-pc-controls{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia:not(.hptv-active) .hptv-pc-controls{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(-50%) translateY(calc(100% + 18px))!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia:not(.hptv-active){
  cursor:none!important;
}

/* Controles menores/profissionais */
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn{
  min-width:96px!important;
  width:auto!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 11px!important;
  border-radius:13px!important;
  border:1px solid rgba(214,166,50,.16)!important;
  background:linear-gradient(180deg,rgba(16,16,20,.96),rgba(7,7,10,.96))!important;
  color:#eee9df!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  transition:all .18s ease!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn:hover{
  color:#f4dc83!important;
  border-color:rgba(214,166,50,.40)!important;
  background:linear-gradient(180deg,#252016,#0e0b07)!important;
  box-shadow:0 0 14px rgba(214,166,50,.11)!important;
  transform:translateY(-1px)!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn.is-active{
  color:#ffd763!important;
  border-color:rgba(214,166,50,.48)!important;
  background:linear-gradient(180deg,#2f2715,#100d07)!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-play{
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  padding:0!important;
  margin:0 2px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,235,160,.46)!important;
  background:radial-gradient(circle at 34% 28%,#fff1bd 0,#e2c15c 31%,#b88a25 68%,#6b4b0f 100%)!important;
  color:#151109!important;
  box-shadow:0 8px 23px rgba(0,0,0,.42),inset 0 2px 7px rgba(255,255,255,.34)!important;
  font-size:23px!important;
  transition:all .18s ease!important;
}
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-play:hover{
  transform:translateY(-1px) scale(1.025)!important;
  box-shadow:0 0 15px rgba(255,220,100,.13),0 9px 25px rgba(0,0,0,.46)!important;
}

/* O controle nativo de volume/tela cheia acompanha o mesmo idle. */
body.hptv-pintacuia-tv-page .hptv-screen .hptv-tv-controls,
body.hptv-pintacuia-tv-page .hptv-tv-controls{
  right:7px!important;
  bottom:5px!important;
  transition:opacity .30s ease,transform .30s ease!important;
}

/* Celular em pé: pede para virar a tela. */
@media(max-width:900px) and (orientation:portrait){
  body.hptv-pintacuia-tv-page::before{
    content:"↻  Vire sua tela para assistir à TV PintaCuia";
    position:fixed!important;
    inset:0!important;
    z-index:2147483646!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:34px!important;
    background:
      radial-gradient(circle at 50% 35%,rgba(214,166,50,.11),transparent 32%),
      #040405!important;
    color:#f4dc83!important;
    text-align:center!important;
    font:900 15px/1.45 Arial,Helvetica,sans-serif!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
  }
}

/* Celular deitado: TV cheia e dock compacto, também auto-hide por toque. */
@media(max-width:900px) and (orientation:landscape){
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-pc-controls{
    bottom:4px!important;
    gap:4px!important;
    padding:4px 7px!important;
    max-width:96vw!important;
  }
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-btn{
    min-width:74px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 8px!important;
    border-radius:11px!important;
    font-size:8px!important;
  }
  body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia button.hptv-pc-play{
    flex-basis:48px!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    font-size:19px!important;
  }
  body.hptv-pintacuia-tv-page .hptv-screen .hptv-tv-controls,
  body.hptv-pintacuia-tv-page .hptv-tv-controls{
    right:3px!important;
    bottom:1px!important;
  }
}

/* ==========================================================
   TV Lula • RasBR 1.0.2 — canal dedicado / Canvas real
   ========================================================== */
html,body{margin:0!important;padding:0!important;}
body.hptv-pintacuia-tv-page #wpadminbar,
body.hptv-pintacuia-panel-page #wpadminbar,
body.hptv-pintacuia-remote-page #wpadminbar{display:none!important;}
html:has(body.hptv-pintacuia-tv-page),
html:has(body.hptv-pintacuia-panel-page),
html:has(body.hptv-pintacuia-remote-page){margin-top:0!important;}
body.hptv-pintacuia-tv-page,
body.hptv-pintacuia-panel-page,
body.hptv-pintacuia-remote-page{margin-top:0!important;}

body.hptv-pintacuia-tv-page .hptv-tv-drawer,
body.hptv-pintacuia-tv-page .hptv-tv-drawer-trigger,
body.hptv-pintacuia-tv-page .hptv-bottom-bar,
body.hptv-pintacuia-tv-page .hptv-chat-box { display:none!important; }

html:has(body.hptv-pintacuia-tv-page),
body.hptv-pintacuia-tv-page,
body.hptv-pintacuia-tv-page #hptv-pintacuia-page,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-main,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-screen,
body.hptv-pintacuia-tv-page .hptv-wrap.hptv-pintacuia .hptv-stage {
  width:100vw!important;height:100dvh!important;min-width:100vw!important;min-height:100dvh!important;
  margin:0!important;padding:0!important;overflow:hidden!important;background:#000!important;
}
body.hptv-pintacuia-tv-page .hptv-stage video{width:100%!important;height:100%!important;object-fit:cover!important;}

/* Centro: somente voltar, play/pause, próxima e QR controle. */
body.hptv-pintacuia-tv-page .hptv-pc-controls.hptv-lula-controls{
  display:flex!important;position:fixed!important;left:50%!important;right:auto!important;bottom:10px!important;
  transform:translateX(-50%)!important;z-index:2147483000!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;padding:7px 9px!important;border-radius:28px!important;
  background:rgba(7,8,10,.78)!important;border:1px solid rgba(214,166,50,.28)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.46)!important;backdrop-filter:blur(12px)!important;
  transition:opacity .3s ease, transform .3s ease!important;
}
body.hptv-pintacuia-tv-page:not(.hptv-active) .hptv-pc-controls.hptv-lula-controls{opacity:0!important;pointer-events:none!important;transform:translate(-50%,14px)!important;}
body.hptv-pintacuia-tv-page .hptv-pc-controls.hptv-lula-controls .hptv-pc-btn{min-width:92px!important;height:36px!important;font-size:10px!important;}
body.hptv-pintacuia-tv-page .hptv-pc-controls.hptv-lula-controls .hptv-pc-play{width:56px!important;min-width:56px!important;height:56px!important;}

/* Direita: tela cheia + volume + mute. */
body.hptv-pintacuia-tv-page .hptv-tv-controls{display:flex!important;right:10px!important;bottom:8px!important;z-index:2147483001!important;}
body.hptv-pintacuia-tv-page .hptv-tv-mute{background:#b81725!important;border-color:#e54854!important;color:#fff!important;}
body.hptv-pintacuia-tv-page .hptv-tv-mute.active{background:#222933!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;}

/* QR funcional do controle remoto. */
body.hptv-pintacuia-tv-page .hptv-pc-qr-modal{z-index:2147483500!important;}
body.hptv-pintacuia-tv-page .hptv-pc-qr-modal.open{display:flex!important;}
body.hptv-pintacuia-tv-page .hptv-pc-qr-card{max-width:390px!important;text-align:center!important;}
body.hptv-pintacuia-tv-page .hptv-qr-link{display:inline-flex!important;background:#fff!important;padding:10px!important;border-radius:16px!important;margin:10px auto!important;}
body.hptv-pintacuia-tv-page .hptv-qr-image{display:block!important;width:min(260px,70vw)!important;height:auto!important;border-radius:8px!important;}
body.hptv-pintacuia-tv-page .hptv-qr-help{font-size:12px!important;opacity:.8!important;}

/* Painel/controle ocupam a tela, sem tema e sem barra WP. */
body.hptv-pintacuia-panel-page #hptv-pintacuia-page,
body.hptv-pintacuia-remote-page #hptv-pintacuia-page{min-height:100dvh!important;margin:0!important;padding:0!important;}
body.hptv-pintacuia-panel-page .hptv-panel{min-height:100dvh!important;margin:0!important;}

@media(max-width:900px) and (orientation:portrait){
  body.hptv-pintacuia-tv-page::before{
    content:"↻  Vire o celular para assistir à TV Lula"!important;position:fixed!important;inset:0!important;z-index:2147483646!important;
    display:flex!important;align-items:center!important;justify-content:center!important;padding:34px!important;background:#000!important;color:#fff!important;
    text-align:center!important;font:800 15px/1.45 Arial,Helvetica,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;
  }
}
@media(max-width:900px) and (orientation:landscape){
  body.hptv-pintacuia-tv-page .hptv-pc-controls.hptv-lula-controls{bottom:4px!important;padding:4px 6px!important;gap:4px!important;}
  body.hptv-pintacuia-tv-page .hptv-pc-controls.hptv-lula-controls .hptv-pc-btn{min-width:70px!important;height:30px!important;font-size:8px!important;}
  body.hptv-pintacuia-tv-page .hptv-pc-controls.hptv-lula-controls .hptv-pc-play{width:46px!important;min-width:46px!important;height:46px!important;}
  body.hptv-pintacuia-tv-page .hptv-tv-controls{right:max(5px,env(safe-area-inset-right))!important;bottom:max(3px,env(safe-area-inset-bottom))!important;}
}