*{box-sizing:border-box;margin:0;padding:0}
html{width:100%;height:100%;background:#0B1220}body{width:1920px;height:1080px;margin:0;background:#0B1220;color:#E6EDF7;font-family:"LG Smart UI","Segoe UI",Roboto,Arial,sans-serif;overflow:hidden}
body{background:radial-gradient(circle at 25% 40%,#1b2a48 0,#0B1220 60%)}
#topo{height:110px;display:flex;align-items:center;gap:28px;padding:0 80px;font-size:40px;font-weight:700}
#topo img{height:70px}
#relogio{margin-left:28px;font-size:40px;color:#A9B6CC}
.mini{font-size:30px;color:#ef4444}
.tela{height:970px;padding:10px 80px 40px}
button{font:inherit;font-size:36px;font-weight:700;color:#E6EDF7;background:#131C2E;border:4px solid #2a3753;border-radius:24px;padding:22px 36px;cursor:pointer;white-space:nowrap;outline:none;transition:transform .12s}
button.sel{background:#1e3a5f;border-color:#38BDF8}
.f.ativo,.f:focus{border-color:#FACC15;box-shadow:0 0 0 8px rgba(250,204,21,.5);transform:scale(1.05);position:relative;z-index:2}
.saudacao{font-size:72px;margin:30px 0 50px}
.grade{display:grid;grid-template-columns:repeat(7,1fr);gap:24px}
.tile{height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;white-space:normal;text-align:center;border-radius:40px}
.tile .ic{font-size:150px}.tile b{font-size:54px}.tile small{font-size:28px;color:#A9B6CC;font-weight:400}
.dica{margin-top:50px;font-size:30px;color:#6b7a94}
.radio{display:flex;align-items:center;gap:110px;height:100%;padding:0 60px}
.capa{flex:0 0 680px;height:680px;flex-direction:column;gap:18px;border-radius:48px;background:#131C2E;display:flex;align-items:center;justify-content:center;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.capa img{width:86%}
.selo{font-size:34px;color:#A9B6CC;display:flex;align-items:center;gap:16px}
.ponto{width:22px;height:22px;border-radius:50%;background:#556}.ponto.vivo{background:#ef4444;animation:p 1.4s infinite}
@keyframes p{50%{opacity:.35}}
.radio h1{font-size:120px;margin:20px 0 10px}
.sub{font-size:44px;color:#A9B6CC}.sub2{font-size:34px;color:#FACC15;margin:20px 0 56px;min-height:40px}
.controles{display:flex;gap:36px}
button.grande{font-size:56px;padding:34px 70px;background:#38BDF8;color:#0B1220;border-color:#38BDF8;display:flex;gap:24px}
.volume{display:flex;align-items:center;gap:30px;margin-top:56px;font-size:38px;color:#A9B6CC}
.barra{width:620px;height:22px;background:#131C2E;border-radius:11px;overflow:hidden}#nivel{height:100%;width:80%;background:#38BDF8}
.cols{display:flex;gap:40px;height:100%}
.lista{flex:0 0 400px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:12px}
.lista .item{font-size:30px;padding:14px 24px;text-align:left;border-radius:18px}
.conteudo{flex:1;min-width:0;padding-top:12px}
.linha-dia{display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;margin-bottom:28px}
.linha-dia button{font-size:30px;padding:16px 28px}.linha-dia>*+*{margin-left:24px}
.data{font-size:34px;color:#A9B6CC;margin-left:20px}
.kpis{display:flex;gap:30px;margin-bottom:24px}
.kpi{background:#131C2E;border-radius:28px;padding:22px 36px;display:flex;flex-direction:column;gap:6px;min-width:340px}
.kpi span{font-size:26px;color:#A9B6CC}.kpi b{font-size:64px}.kpi small{font-size:28px;color:#38BDF8}.kpi.largo{flex:1}
.extremos{list-style:none;display:flex;gap:20px;margin-bottom:20px}
.extremos li{background:#131C2E;border-radius:22px;padding:16px 26px;font-size:28px;display:flex;flex-direction:column;border:3px solid transparent}
.extremos li b{font-size:44px}.extremos li em{font-style:normal;color:#A9B6CC}
.extremos li.alta span{color:#38BDF8}.extremos li.baixa span{color:#f59e0b}.extremos li.prox{border-color:#FACC15}
#mGraf{width:1200px;height:330px;background:#0f1828;border-radius:22px}
.g-area{fill:rgba(56,189,248,.18)}.g-linha{fill:none;stroke:#38BDF8;stroke-width:5}.g-zero{stroke:#556;stroke-dasharray:8 8;stroke-width:2}
.g-grade{stroke:#1f2b42;stroke-width:2}.g-eixo{fill:#6b7a94;font-size:24px}
.g-pt.alta{fill:#38BDF8}.g-pt.baixa{fill:#f59e0b}.g-agora{stroke:#FACC15;stroke-width:3}.g-agora-pt{fill:#FACC15}
.nota{font-size:26px;color:#A9B6CC;margin-top:14px}.aviso{font-size:22px;color:#6b7a94;margin-top:10px}
.mapa{position:relative;width:1400px;height:760px;overflow:hidden;border-radius:26px;background:#aad3df}
.tile-img{position:absolute;width:256px;height:256px}
.alvo{display:none}
.mapa iframe{width:100%;height:100%;border:0}
.pinbox{text-align:center;padding-top:30px}.pinbox h2{font-size:60px}.pinbox p{font-size:32px;color:#A9B6CC;margin:14px 0}
.pinvis{font-size:70px;letter-spacing:10px;margin:20px 0 30px;min-height:90px}
.teclado{display:grid;grid-template-columns:repeat(3,200px);gap:22px;justify-content:center}
.tecla{font-size:48px;padding:20px 0}.tecla.acao{font-size:32px}
.msg{color:#FACC15!important;min-height:44px}
.duas{display:flex;gap:40px}.duas>div{flex:1;min-width:0}.duas h2{font-size:44px;margin-bottom:16px}
.itens{display:flex;flex-direction:column;gap:14px;max-height:700px;overflow:hidden}
.mi{display:flex;gap:24px;background:#131C2E;border-radius:22px;padding:16px 24px;font-size:26px}
.mh{flex:0 0 150px;font-size:30px;font-weight:700;color:#FACC15}.mi b{font-size:32px}.mi p{color:#A9B6CC}
.tag{color:#38BDF8;font-weight:700}.obs{color:#f59e0b!important}.vazio{font-size:30px;color:#A9B6CC}
.grade-prog{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 40px}
.grade-prog li{display:flex;gap:30px;align-items:center;background:#131C2E;border-radius:20px;padding:16px 28px;font-size:32px;border:3px solid transparent}
.grade-prog li b{color:#38BDF8;flex:0 0 110px}.grade-prog li.agora{border-color:#FACC15}.grade-prog li em{margin-left:auto;font-style:normal;color:#ef4444;font-weight:700}

.disco{position:relative;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#1a1a1a 0 30%,#0b0b0b 31%,#202020 33%,#0b0b0b 35%,#1c1c1c 60%,#0b0b0b 62%,#1a1a1a 100%);box-shadow:0 0 0 6px #222,0 20px 60px rgba(0,0,0,.6)}
.disco img{position:absolute;left:5%;top:5%;width:90%;height:90%;border-radius:50%}
.disco .anel{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.disco.girando .anel{-webkit-animation:disc-spin 10s linear infinite;animation:disc-spin 10s linear infinite}
.eq{width:560px;height:90px;display:block}
@-webkit-keyframes disc-spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes disc-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.tile .ic.cal{display:inline-flex;flex-direction:column;width:150px;height:160px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.4);font-size:0;margin-bottom:10px}
.cal-mes{background:#DC2626;color:#fff;font-size:38px;font-weight:700;line-height:52px;text-transform:uppercase;letter-spacing:2px}
.cal-dia{flex:1;color:#0F172A;font-size:84px;font-weight:800;display:flex;align-items:center;justify-content:center}

#aisLayer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.navio{position:absolute;width:0;height:0}
.navio i{position:absolute;left:-11px;top:-14px;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:28px solid #22d3ee;-webkit-transform-origin:11px 14px;transform-origin:11px 14px;filter:drop-shadow(0 0 2px #000)}
.navio.tug i{border-bottom-color:#facc15}
.navio span{position:absolute;left:18px;top:-14px;white-space:nowrap;font-size:20px;font-weight:700;color:#fff;background:rgba(2,6,23,.75);padding:2px 8px;border-radius:8px}
.stats{margin-left:auto;font-size:24px;color:#A9B6CC;opacity:.85;white-space:nowrap}
.stats[hidden]{display:none}
.stats .on{color:#22c55e}
.stats[hidden]+#relogio{margin-left:auto}

.mt-rod{margin-top:6px;display:flex;align-items:center;gap:12px}
.mt-link{font-size:15px;padding:4px 12px;opacity:.7;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:inherit}
.mt-link:focus,.mt-link.foco{opacity:1}

/* Cursos PREPOM 2026 */
.tile-cursos{background:#3a2f05;border-color:#FACC15}
.tile-cursos b{color:#FACC15}
.ic-cursos{position:relative;display:inline-block;width:150px;height:150px;font-size:0}
.cap-topo{position:absolute;left:5px;top:30px;width:140px;height:60px;background:#FACC15;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);border-radius:6px}
.cap-base{position:absolute;left:35px;top:80px;width:80px;height:45px;background:#E0B40E;border-radius:0 0 30px 30px}
.cap-borla{position:absolute;left:128px;top:60px;width:8px;height:70px;background:#fff}
.cursos-lista{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:20px}
.curso{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background:#131C2E;border-radius:20px;padding:16px 28px;margin-bottom:14px;border:3px solid transparent}
.curso.st-encerrando{border-color:#FACC15}
.curso.st-confirmada{border-color:#22C55E}
.c-info{-webkit-flex:1;flex:1;font-size:30px}
.c-info b{display:block;font-size:36px;color:#FACC15}.c-info span{display:block}.c-info small{color:#A9B6CC;font-size:26px}
.c-prazo{width:520px;font-size:28px;text-align:right;padding-right:30px}
.c-prazo em{display:block;font-style:normal}
.selo-st{display:inline-block;padding:4px 18px;border-radius:30px;background:#1E3A5F;font-weight:700;margin-bottom:6px}
.st-encerrando .selo-st{background:#FACC15;color:#111}
.st-confirmada .selo-st{background:#22C55E;color:#062}
.st-em_breve .selo-st{background:#334155}
.c-bot{font-size:28px;white-space:nowrap}
.ic-tg{display:inline-block;width:28px;height:28px;border-radius:50%;background:#2AABEE;margin-right:12px;vertical-align:middle;position:relative}
.ic-tg:after{content:'';position:absolute;left:7px;top:8px;border-left:14px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
#cFonte .url{color:#38BDF8}
@-webkit-keyframes piscaSuave{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes piscaSuave{0%,100%{opacity:1}50%{opacity:.55}}
.st-encerrando .selo-st,.st-confirmada .selo-st{-webkit-animation:piscaSuave 2.4s ease-in-out infinite;animation:piscaSuave 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.st-encerrando .selo-st,.st-confirmada .selo-st{-webkit-animation:none;animation:none}}
.tile b{font-size:44px}

/* 7 tiles: mais compacto */
.tile{height:470px;padding:0 10px}.tile .ic{font-size:120px}.tile b{font-size:38px}.tile small{font-size:24px}
.tile .ic.cal{width:120px;height:130px}.ic-cursos{-webkit-transform:scale(.85);transform:scale(.85)}
/* Z-Drive News */
.tile-zdrive{background:#0d2a45;border-color:#38BDF8}.tile-zdrive b{color:#7DD3FC}
.ic-zd{position:relative;display:inline-block;width:120px;height:130px;font-size:0}
.zd-pag{position:absolute;left:10px;top:5px;width:100px;height:120px;background:#fff;border-radius:10px}
.zd-l1,.zd-l2,.zd-l3{position:absolute;left:24px;height:9px;background:#94A3B8;border-radius:4px}
.zd-l1{top:68px;width:72px}.zd-l2{top:86px;width:72px}.zd-l3{top:104px;width:48px}
.zd-z{position:absolute;left:24px;top:14px;width:46px;height:46px;line-height:46px;text-align:center;background:#0B3B66;color:#FACC15;font:900 34px/46px sans-serif;border-radius:6px}
.zd-lista{margin-top:16px}
.zd-sec{font-size:34px;color:#FACC15;margin:22px 0 10px}
.zd-item{display:block;width:100%;text-align:left;white-space:normal;background:#131C2E;border-radius:20px;padding:16px 28px;margin-bottom:12px}
.zd-item b{display:block;font-size:34px;color:#fff}.zd-item span{display:block;font-size:28px;font-weight:400;color:#D5DEEC;margin:6px 0}
.zd-item small{display:block;font-size:24px;color:#38BDF8;font-weight:600}
.zd-item.ativo,.zd-item:focus{transform:none}
/* Grade final: 7 tiles iguais, 4+3 centralizado (flex, ok em Chromium antigo) */
.grade{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin:0 auto;max-width:1800px}
.grade .tile{-webkit-box-flex:0;-webkit-flex:0 0 400px;flex:0 0 400px;width:400px;height:330px;margin:0 20px 36px;padding:0 16px;box-sizing:border-box;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}
.grade .tile .ic{font-size:110px;height:130px;line-height:130px;margin:0 0 6px}
.grade .tile b{font-size:44px;line-height:1.1;white-space:nowrap}
.grade .tile small{font-size:26px;line-height:1.2}
.grade .tile .ic.cal{width:110px;height:120px;line-height:normal}
.ic-cursos,.ic-zd{-webkit-transform:scale(.85);transform:scale(.85)}
.grade{max-width:none;width:100%}
.grade .tile{-webkit-flex:0 0 380px;flex:0 0 380px;width:380px;height:300px;margin:0 18px 32px}
.grade .tile .ic{font-size:100px;height:115px;line-height:115px}
.grade .tile .ic.cal{width:100px;height:110px}
.grade .tile{-webkit-flex:0 0 400px;flex:0 0 400px;width:400px;margin:0 14px 32px}
.grade .tile small{font-size:24px}
.grade .tile .ic.cal{width:110px;height:118px;line-height:normal;-webkit-flex:none;flex:none}
.grade .tile .ic.cal .cal-mes{font-size:28px;line-height:36px}
.grade .tile .ic.cal .cal-dia{font-size:62px;line-height:80px}
.grade .tile{-webkit-flex:0 0 390px;flex:0 0 390px;width:390px;margin:0 12px 32px}

/* escala: fundo fora do palco */
html{width:100%;height:100%;background:#0B1220;overflow:hidden}
body{position:absolute;left:0;top:0}
/* selo Extra PREPOM (estrela em CSS, sem Unicode, seguro no webOS) */
.selo-extra{display:inline-block;vertical-align:middle;margin-left:8px;padding:1px 8px;font-size:14px;line-height:20px;border:1px solid rgba(255,204,0,.6);border-radius:10px;color:#ffcc00;white-space:nowrap}
.selo-extra .estrela{display:inline-block;width:12px;height:12px;margin-right:4px;vertical-align:-1px;background:#ffcc00;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.aviso-conf{display:inline-block;vertical-align:middle;margin-left:6px;font-size:12px;opacity:.75;font-style:italic}
.curso .c-info span.selo-extra,.curso .c-info span.aviso-conf{display:inline-block;width:auto;font-size:15px;margin-top:0}
.curso .c-info b{display:inline}
.curso .c-info b + span.selo-extra ~ span:not(.selo-extra):not(.aviso-conf){display:block}

/* Prévia Rio Grande */
.duas.tres{grid-template-columns:repeat(3,1fr)!important}
.previa{font-size:.5em;vertical-align:middle;padding:.15em .6em;border:1px solid currentColor;border-radius:999px;opacity:.7;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.mi.prox{outline:3px solid #f5c542;border-radius:10px}

/* seleção de porto + tela cheia */
.porto-sel{text-align:center;padding-top:40px}.porto-sel h2{font-size:52px;margin-bottom:48px}
.porto-bts{display:flex;justify-content:center;gap:60px;margin-bottom:40px}
.porto-bt{width:440px;height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#131C2E;border:4px solid #26324a;border-radius:32px;color:#fff;font:inherit;cursor:pointer}
.porto-bt b{font-size:44px}.porto-bt small{font-size:28px;color:#A9B6CC}
.ic-porto{position:relative;width:110px;height:110px;border-radius:50%;background:#0B3B6F;border:5px solid #FACC15;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.ic-porto .ic-ancora{display:block;width:64px;height:64px}
.duas.um{display:block!important}.duas.um>div{width:100%}.duas.um h2{font-size:56px}
.duas.um .itens{max-height:760px;overflow-y:auto;scroll-behavior:smooth}
.duas.um .mi{font-size:32px;padding:22px 32px}.duas.um .mi b{font-size:40px}.duas.um .mh{flex-basis:190px;font-size:38px}
.duas.um .mi.prox{outline:6px solid #FACC15;background:#2a2410}
.pin-rod{margin-top:24px}

/* margem de segurança contra overscan (~5%) */
#topo{padding:0 96px;margin-top:40px}
.tela{height:930px;padding:10px 96px 54px;overflow:hidden}
.tela .itens,.duas.um .itens{max-height:600px}
.grade .tile .ic.ic-tl{width:120px;height:120px;line-height:0;font-size:0;-webkit-flex:none;flex:none}
#v-home .saudacao{margin:10px 0 30px}#v-home .dica{margin-top:16px}
#v-home h1.saudacao{margin:0 0 20px!important;font-size:60px!important}#v-home p.dica{margin-top:4px!important}

.ic-emo .emo-fb{display:none}.ic-emo.sem-emo .emo{display:none}.ic-emo.sem-emo .emo-fb{display:inline-block;line-height:0}.ic-emo .emo-fb svg{width:110px;height:110px}

/* alertas SAAM — mesmas cores do app SAAM Suape */
.linha-dia button{flex:0 0 300px;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.linha-teste .data{flex:0 0 auto}
.av-bt.is-confirmada svg{color:#4ADE80}.av-bt.is-cancelada svg{color:#F87171}.av-bt.is-antecipada svg{color:#FBBF24}
.tag-saam{display:inline-block;background:#FACC15;color:#0B1220;font-weight:800;border-radius:8px;padding:0 10px;margin-right:8px}
.aviso-banner{position:fixed;left:50%;top:5vh;transform:translateX(-50%);z-index:999;display:flex;gap:24px;align-items:center;border-radius:24px;padding:22px 40px;box-shadow:0 10px 40px rgba(0,0,0,.6);max-width:80vw;font-size:30px;font-weight:700;animation:av-pulse 1s ease 3}
.aviso-banner[hidden]{display:none}.aviso-banner b{font-size:36px}.aviso-banner p{margin:4px 0 0;color:inherit}
.aviso-banner.is-confirmada{background:#14532d;color:#dcfce7}.aviso-banner.is-cancelada{background:#7f1d1d;color:#fee2e2}.aviso-banner.is-antecipada{background:#78350f;color:#fef3c7}
@keyframes av-pulse{50%{transform:translateX(-50%) scale(1.03)}}
.nota-rg{margin:0 0 16px;padding:12px 18px;border-radius:12px;background:#1E293B;color:#FDE68A;font-size:24px;border-left:6px solid #FACC15}
/* Samsung Orsay 2014: imagem girando sem border-radius/overflow nem fundo (o WebKit antigo pintava um quadrado preto). PNG já recortado em círculo com alfa. */
.disco img.anel{border-radius:0;background:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.disco .giro{display:none}
.tv-antiga .disco.girando .anel{-webkit-animation:none;animation:none}
.tv-antiga .disco .giro{display:block;position:absolute;left:1%;top:1%;width:98%;height:98%;box-sizing:border-box;border:8px solid transparent;border-top-color:#FACC15;border-right-color:#FACC15;border-radius:50%;opacity:0;pointer-events:none}
.tv-antiga .disco.girando .giro{opacity:1;-webkit-animation:disc-spin 2.5s linear infinite;animation:disc-spin 2.5s linear infinite}
.bt-voltar svg{display:block;-webkit-flex:0 0 auto;flex:0 0 auto;margin-right:10px}.linha-voltar{margin-bottom:20px}
.bt-voltar{gap:0!important}
[hidden]{display:none!important}
/* Seletor de portos: só a linha "Testar alertas" centralizada (margens, sem gap) */
.modo-sel .linha-teste{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}

/* Abertura */
.splash{position:absolute;left:0;top:0;width:1920px;height:1080px;z-index:999;background:#0B1220;text-align:center}
.sp-logo{position:absolute;left:96px;top:60px;height:110px}
.sp-palco{position:absolute;left:460px;top:60px;width:1000px;height:820px;line-height:820px}
.sp-palco img{max-width:100%;max-height:820px;vertical-align:middle;opacity:0;-webkit-transition:opacity .6s;transition:opacity .6s}
.sp-palco img.vis{opacity:1}
.sp-barra{position:absolute;left:460px;top:920px;width:1000px;height:18px;background:#1E293B;border-radius:9px;overflow:hidden}
.sp-barra span{display:block;height:100%;width:0;background:#FACC15;border-radius:9px}
.sp-dica{position:absolute;left:0;right:0;top:960px;font-size:30px;color:#A9B6CC}
.tv-antiga .sp-palco img{-webkit-transition:none;transition:none}
/* Duelo: acesso */
.du-acesso{margin-top:28px}
.du-abrir{display:flex;align-items:center;gap:18px;font-size:34px}
.du{max-width:1500px;margin:0 auto;text-align:center}

/* Duelo real (votação) */
.du-tit{font-size:60px;margin:4px 0 6px;color:#FACC15;text-align:center;text-transform:uppercase}
.du-st{text-align:center;font-size:34px;margin:0 0 18px;color:#fff}
.du-lados{overflow:hidden;font-size:64px;font-weight:700;text-transform:uppercase}
.du-nome{display:block;width:48%}.du-nome.verm{float:left;text-align:left}.du-nome.verde{float:right;text-align:right}
.verm{color:#EF4444}.verde{color:#22C55E}
.du-barra{position:relative;height:120px;margin:10px 60px 0}
.du-trilho{position:absolute;left:0;right:0;top:34px;height:52px;border:5px solid #0B1220;border-radius:30px;overflow:hidden;background:#16A34A;white-space:nowrap;font-size:0}
.du-vm,.du-vd{display:inline-block;height:52px;vertical-align:top;-webkit-transition:width .8s;transition:width .8s}
.du-vm{background:#DC2626;width:50%}.du-vd{background:#16A34A;width:50%}
.du-boia{position:absolute;top:0;left:50%;width:100px;height:100px;margin-left:-60px;border-radius:50%;border:10px solid #fff;border-top-color:#DC2626;border-bottom-color:#DC2626;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:left .8s;transition:left .8s;box-shadow:0 0 0 3px #0B1220}
.du-bi{position:absolute;left:24px;top:24px;width:52px;height:52px;border-radius:50%;overflow:hidden;border:3px solid #0B1220;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.du-bl,.du-br{position:absolute;top:0;width:50%;height:100%}.du-bl{left:0;background:#DC2626}.du-br{right:0;background:#16A34A}
.du-pcts{overflow:hidden;font-size:60px;margin:6px 0;text-align:center}.du-pcts b:first-child{float:left}.du-pcts b:last-child{float:right}.du-pcts small{font-size:28px;color:#CBD5E1;line-height:80px}
.du-bts{overflow:hidden;margin:18px 0}
.du-bt{width:46%;font-size:38px;padding:22px 0;text-align:center;color:#fff}
.du-bt.vm{float:left;background:#B91C1C;border-color:#B91C1C}.du-bt.vd{float:right;background:#15803D;border-color:#15803D}
.du-bts.off .du-bt{opacity:.45}
.du-msg{text-align:center;font-size:32px;color:#FACC15;min-height:40px}

/* Duelo: boia emoji */
html:not(.tv-antiga) .du-boia{border:0;background:none;box-shadow:none;border-radius:0;width:120px;height:120px;top:0;margin-left:-60px;-webkit-transform:none;transform:none}
html:not(.tv-antiga) .du-bi{display:none}
.du-emo{display:none}
html:not(.tv-antiga) .du-emo{display:block;font-size:104px;line-height:120px;text-align:center;width:120px;font-weight:normal;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;-webkit-filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}

/* Aviso celular (só aparece no celular, ver aviso-celular.js). Tamanhos em em: o JS ajusta o font-size pela tela real. */
.cel-aviso{position:fixed;left:0;right:0;bottom:0;z-index:9999;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 .75em 1em;font-family:"LG Smart UI","Segoe UI",Roboto,Arial,sans-serif}
.cel-card{pointer-events:auto;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;max-width:30em;margin:0 auto;padding:.85em 1em;background:#131C2E;border:2px solid #38BDF8;border-radius:1em;box-shadow:0 .5em 1.5em rgba(0,0,0,.55);color:#E6EDF7}
.cel-ic{font-size:1.9em;line-height:1;margin-right:.45em;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}
.cel-txt{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;font-size:.9em;line-height:1.35}
.cel-txt b{display:block;font-size:1.05em;color:#FACC15;margin-bottom:.15em}
.cel-txt span{color:#A9B6CC}
.cel-aviso button.cel-ok{margin-left:.75em;font-size:.95em;font-weight:700;padding:.6em 1em;border-radius:.7em;background:#38BDF8;color:#0B1220;border:2px solid #38BDF8;white-space:nowrap;-webkit-transition:none;transition:none}
.cel-aviso button.cel-ok:active{background:#FACC15;border-color:#FACC15}

/* Manobras Ceará (Pecém e Mucuripe). Reverter: apagar este bloco */
#mnbCE{max-height:760px;overflow-y:auto}
.ce-cols{display:-webkit-box;display:-webkit-flex;display:flex}
.ce-cols>div{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;margin-right:28px}.ce-cols>div:last-child{margin-right:0}
.ce-cols h3{font-size:34px;margin:0 0 12px;color:#E6EDF7}
.ce-mi{margin-bottom:12px}
.ce-kpis{display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:12px;font-size:24px;color:#A9B6CC}
.ce-kpis span{background:#131C2E;border-radius:16px;padding:8px 18px;margin-right:14px}.ce-kpis b{color:#E6EDF7;font-size:32px;margin-right:6px}
.ce-st{display:inline-block;font-weight:700;border-radius:10px;padding:1px 10px;margin-right:6px;font-size:21px}
.ce-st.is-atracado{background:#14532d;color:#86efac}.ce-st.is-fundeado{background:#713f12;color:#fde68a}.ce-st.is-programado{background:#1e3a5f;color:#7dd3fc}
.ce-ic{color:#FACC15;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.ce-fonte{margin-top:8px}
/* Ceará: previsto confirmado pisca ~45 s (só cor de fundo, sem transform; leve pra TV antiga) */
.ce-mi.ce-pisca{-webkit-animation:cePisca 1.2s ease-in-out infinite;animation:cePisca 1.2s ease-in-out infinite;box-shadow:inset 8px 0 0 #22c55e}
@-webkit-keyframes cePisca{0%,100%{background-color:#131C2E}50%{background-color:#166534}}
@keyframes cePisca{0%,100%{background-color:#131C2E}50%{background-color:#166534}}
.ce-conf{display:inline-block;background:#22c55e;color:#052e16;font-weight:800;font-size:20px;border-radius:10px;padding:1px 10px;margin-right:10px;vertical-align:middle}
.tv-antiga .ce-mi.ce-pisca{-webkit-animation-duration:2s;animation-duration:2s}
/* Botão filtro SAA (Ceará): classe 'ligado' = fundo amarelo ('ativo' é o foco do controle) */
.linha-dia button.bt-saa{-webkit-box-flex:0;-webkit-flex:0 0 180px;flex:0 0 180px;letter-spacing:1px}
.linha-dia button.bt-saa.ligado{background:#FACC15;color:#0B1A33;border-color:#FACC15;font-weight:800}

/* TugLife Games: 9 tiles em 5+4 (todos mantidos) */
.grade{gap:0;-webkit-align-content:center;align-content:center}
.grade .tile{-webkit-flex:0 0 318px;flex:0 0 318px;width:318px;height:300px;margin:0 9px 30px;padding:0 10px}
.grade .tile b{font-size:38px}.grade .tile small{font-size:23px}
.grade .tile .ic{-webkit-transform:scale(.92);transform:scale(.92)}
.tile-tugrush{background:#0d2a45;border-color:#FACC15}.tile-tugrush b{color:#FDE68A}
.grade .tile .ic.ic-tr{width:120px;height:120px;line-height:0;font-size:0;-webkit-flex:none;flex:none}
/* tela do jogo em tela cheia */
.tela-jogo{position:absolute;left:0;top:0;width:1920px;height:1080px;padding:0;z-index:50;background:#000;overflow:hidden}
.tela-jogo iframe{display:block;width:1920px;height:1080px;border:0}
body.em-jogo #topo{visibility:hidden}