/* Joselitus Games – visual
   Cores da marca (logo): ciano, roxo, laranja e azul noite. Cada página tem sua cor de destaque (--ac). */
:root{
  --bg:#05071a;--bg2:#0a0f2e;--card:rgba(16,22,60,.62);--card2:#0d1336;--tx:#eef1ff;--mu:#9aa3c7;--bd:rgba(120,140,255,.18);
  --cy:#46c8ff;--or:#ffa537;--pu:#9b6bff;--ac:var(--cy);--r:18px;
  --fh:"Orbitron","Rajdhani",system-ui,sans-serif;--fb:"Rajdhani",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark
}
body[data-page="noticias"]{--ac:#ffa537}
body[data-page="radar"]{--ac:#ffd23f}
body[data-page="alfabeta"]{--ac:#a3ff3d}
body[data-page="arena"]{--ac:#ff5c6c}
body[data-page="estudio"]{--ac:#9b6bff}
body[data-page="ia"]{--ac:#c084fc}
*{box-sizing:border-box}
html{scroll-padding-top:90px}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--tx);font:18px/1.6 var(--fb);
  background:
    radial-gradient(900px 520px at 0% -10%,color-mix(in srgb,var(--ac) 22%,transparent),transparent 70%),
    radial-gradient(800px 500px at 100% 0%,rgba(155,107,255,.16),transparent 70%),
    linear-gradient(rgba(90,120,255,.05) 1px,transparent 1px) 0 0/48px 48px,
    linear-gradient(90deg,rgba(90,120,255,.05) 1px,transparent 1px) 0 0/48px 48px,var(--bg);
  background-attachment:fixed}
a{color:var(--ac)}
img{max-width:100%}
h1,h2,h3{font-family:var(--fh);letter-spacing:.03em;line-height:1.2}
h1{margin:0 0 6px;font-size:clamp(30px,5vw,48px);text-transform:uppercase;background:linear-gradient(90deg,var(--ac),var(--pu) 60%,var(--or));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:20px;margin:0 0 12px}
h3{font-size:17px;margin:6px 0}
.sub{color:var(--mu);margin:0 0 26px;max-width:760px}
.mu,.meta{color:var(--mu)}.meta{font-size:15px}
code{background:#0b1030;padding:1px 6px;border-radius:6px}

/* cabeçalho */
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 14px;border-radius:8px;z-index:50}.skip:focus{left:8px}
header{position:sticky;top:0;z-index:20;background:rgba(5,7,26,.78);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--bd)}
.bar{max-width:1240px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;gap:14px}
.bar .logo img{height:52px;display:block;mix-blend-mode:screen}
nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
nav a{color:var(--tx);text-decoration:none;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;border-radius:10px;white-space:nowrap}
nav a:hover{background:rgba(255,255,255,.06)}
nav a.on{color:var(--bg);background:var(--ac)}
.hud{display:flex;gap:8px;align-items:center}
.pill{font:700 14px var(--fb);color:var(--tx);background:rgba(255,255,255,.06);border:1px solid var(--bd);border-radius:99px;padding:5px 12px;text-decoration:none;white-space:nowrap;cursor:pointer}
.pill:hover{border-color:var(--ac)}
#abrirMenu{display:none}
main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:30px 16px 60px}

/* cartões em vidro */
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:20px;backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.card:hover{border-color:color-mix(in srgb,var(--ac) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 25%,transparent),0 12px 40px -18px var(--ac)}
.card>img,.card .capa{width:calc(100% + 40px);margin:-20px -20px 14px;display:block;aspect-ratio:16/9;object-fit:cover}
.card p{margin:0 0 10px;white-space:pre-line}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.grid1{display:grid;gap:16px}
.two{display:grid;gap:22px;grid-template-columns:1fr 1fr}
.sec{font-size:22px;text-transform:uppercase;margin:34px 0 14px}

/* bento grid (início) */
.bento{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense}
.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}.r2{grid-row:span 2}
.hero{display:flex;flex-direction:column;gap:18px;background:linear-gradient(135deg,rgba(70,200,255,.14),rgba(155,107,255,.14) 50%,rgba(255,165,55,.12))}
.hero>img{width:210px;margin:0;aspect-ratio:auto;object-fit:contain;mix-blend-mode:screen}
.hero .chips{margin:12px 0}

/* botões e filtros */
.btn,button.btn{display:inline-flex;align-items:center;gap:8px;font:700 16px var(--fb);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:0;border-radius:12px;padding:10px 20px;color:#05071a;background:linear-gradient(90deg,var(--ac),color-mix(in srgb,var(--ac) 40%,var(--or)));text-decoration:none;transition:transform .15s,filter .15s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.btn.alt{background:transparent;color:var(--tx);border:1px solid var(--bd)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.chip{font:600 15px var(--fb);background:transparent;color:var(--tx);border:1px solid var(--bd);border-radius:99px;padding:4px 14px;cursor:pointer}
.chip.on,.chip:hover{border-color:var(--ac);color:var(--ac)}
.tag{display:inline-block;border:1px solid var(--ac);color:var(--ac);border-radius:99px;padding:0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.filtros{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.filtros .chips{margin:0}
input,textarea,select{width:100%;font:inherit;padding:10px 12px;color:var(--tx);background:#080d2a;border:1px solid var(--bd);border-radius:12px}
.filtros input{flex:1;min-width:200px}
label{display:block;margin:0 0 14px;font-weight:700}label input,label textarea,label select{margin-top:4px}
textarea{min-height:150px;resize:vertical}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}

/* listas de notícias externas */
.lista{list-style:none;margin:0;padding:0}
.lista li{padding:10px 0;border-bottom:1px solid var(--bd);line-height:1.3}.lista li:last-child{border:0}
.lista a{color:var(--tx);text-decoration:none;font-weight:600}.lista a:hover{color:var(--ac)}
.lista .meta{display:block;font-size:13px;margin-top:3px}
.fonte{color:var(--ac);font-weight:700}

/* vídeos (YouTube leve: só carrega o player ao clicar) */
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#000 center/cover no-repeat;cursor:pointer;overflow:hidden}
.yt::after{content:"▶";position:absolute;inset:0;margin:auto;width:64px;height:44px;border-radius:12px;background:rgba(255,0,0,.85);color:#fff;font-size:22px;display:grid;place-items:center;transition:transform .15s}
.yt:hover::after{transform:scale(1.1)}
iframe.player{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;display:block}
.grade-v{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.criador h3{margin:10px 0 2px}.criador .links{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.ini{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font:800 18px var(--fh);color:#05071a;background:linear-gradient(135deg,var(--cy),var(--pu))}

/* mídia em mosaico */
.mosaico{columns:3 280px;column-gap:18px}.mosaico>*{break-inside:avoid;margin-bottom:18px}
.zoom{display:block;padding:0;border:0;background:none;cursor:zoom-in;width:100%}
.zoom img{width:100%;display:block;border-radius:12px}
.icone{font-size:34px}

/* janelas (lightbox, jogo, paleta) */
dialog{border:1px solid var(--bd);border-radius:var(--r);background:var(--card2);color:var(--tx);padding:0;max-width:min(1100px,94vw);width:100%}
dialog::backdrop{background:rgba(2,3,12,.8);backdrop-filter:blur(4px)}
dialog .topo{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--bd)}
dialog img{display:block;max-height:80vh;margin:auto}
dialog iframe{width:100%;height:75vh;border:0;display:block}
#paleta{max-width:560px;margin-top:12vh}
#paleta input{border:0;border-bottom:1px solid var(--bd);border-radius:0;font-size:20px;padding:16px}
#paleta ul{list-style:none;margin:0;padding:8px;max-height:50vh;overflow:auto}
#paleta li a{display:block;padding:10px 12px;border-radius:10px;color:var(--tx);text-decoration:none}
#paleta li a:hover,#paleta li.sel a{background:rgba(255,255,255,.08);color:var(--ac)}

/* arena */
.opt{display:block;width:100%;text-align:left;margin:0 0 8px;padding:9px 12px;font:500 17px var(--fb);background:#080d2a;color:var(--tx);border:1px solid var(--bd);border-radius:12px;cursor:pointer}
.opt:hover:not(:disabled){border-color:var(--ac)}.opt.ok{border-color:#3ddc84;background:rgba(61,220,132,.15)}.opt.no{border-color:#ff5c6c;background:rgba(255,92,108,.15)}
.barra{height:12px;border-radius:99px;background:#080d2a;border:1px solid var(--bd);overflow:hidden}.barra i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--or));border-radius:99px;transition:width .4s}
.desafio{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--bd)}.desafio:last-child{border:0}.desafio div{flex:1}
.desafio.feito{opacity:.55}.desafio.feito h3{text-decoration:line-through}
.ideia{font:700 22px/1.4 var(--fb);padding:18px;border-radius:14px;background:#080d2a;border:1px dashed var(--ac);min-height:90px;margin:12px 0}
.cd{display:flex;gap:10px;margin-top:8px}.cd span{background:#080d2a;border:1px solid var(--bd);border-radius:12px;padding:8px 12px;text-align:center;font-size:13px;text-transform:uppercase;color:var(--mu)}.cd b{display:block;font:800 26px var(--fh);color:var(--tx)}

/* links (link na bio) */
.bio{max-width:640px;margin:0 auto;text-align:center}.bio img{width:180px;mix-blend-mode:screen}
.bio a.btn{display:flex;justify-content:center;width:100%;margin:0 0 10px;flex-direction:column;text-transform:none;letter-spacing:0;font-size:18px}
.bio a.btn small{font-weight:500;opacity:.8;font-size:14px}

/* press kit */
.ficha{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0}.ficha dt{color:var(--mu);font-weight:700}.ficha dd{margin:0;word-break:break-word}
.cores{display:flex;gap:12px;flex-wrap:wrap}.cor{display:flex;align-items:center;gap:10px;font:600 16px var(--fb);background:var(--card);color:var(--tx);border:1px solid var(--bd);border-radius:12px;padding:8px 14px;cursor:pointer}.cor i{width:26px;height:26px;border-radius:7px;background:var(--c);border:1px solid rgba(255,255,255,.25)}

/* rodapé, aviso e extras */
footer{border-top:1px solid var(--bd);padding:26px 16px;text-align:center;color:var(--mu);font-size:15px;background:rgba(5,7,26,.6)}
.soc{display:flex;gap:12px;justify-content:center;margin-bottom:12px}
.soc a{width:46px;height:46px;border:1px solid var(--bd);border-radius:50%;display:grid;place-items:center;color:var(--tx);transition:.2s}
.soc a:hover{color:var(--ac);border-color:var(--ac);box-shadow:0 0 16px color-mix(in srgb,var(--ac) 60%,transparent)}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(140%);opacity:0;background:var(--ac);color:#05071a;font-weight:800;padding:10px 18px;border-radius:99px;transition:transform .3s,opacity .3s;z-index:60;pointer-events:none}
#toast.on{transform:translateX(-50%) translateY(0);opacity:1}
.dest{outline:2px solid var(--ac);outline-offset:4px}
.hp{position:absolute;left:-9999px}
.turbo{animation:arco 3s linear infinite}@keyframes arco{to{filter:hue-rotate(360deg)}}

/* animações modernas, só se o visitante não pediu menos movimento */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  @supports (animation-timeline:view()){
    .card,.lista li{animation:surgir linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
    body[data-page="radar"] .card,body[data-page="radar"] .lista li,body[data-page="alfabeta"] .card,body[data-page="noticias"] .card{animation:none}
  }
}
@keyframes surgir{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

@media (max-width:1000px){.bento{grid-template-columns:repeat(2,1fr)}.s3,.s4{grid-column:span 2}}
@media (max-width:860px){
  #abrirMenu{display:inline-block}
  nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(5,7,26,.97);padding:10px 16px;border-bottom:1px solid var(--bd)}
  nav.aberto{display:flex}
  .bar{flex-wrap:wrap}.hud{margin-left:auto}
  .two{grid-template-columns:1fr}
}
@media (max-width:620px){.bento{grid-template-columns:1fr}.s2,.s3,.s4{grid-column:auto}.r2{grid-row:auto}.hero>img{width:150px}}

/* barra de curtir, comentar e compartilhar */
.card .acoes{display:flex;gap:6px;margin:14px -20px -20px;padding:8px 12px;border-top:1px solid var(--bd);background:rgba(0,0,0,.18)}
.acao{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:600 15px var(--fb);color:var(--mu);background:transparent;border:0;border-radius:10px;padding:7px 6px;cursor:pointer;white-space:nowrap}
.acao:hover{color:var(--tx);background:rgba(255,255,255,.06)}
.acao.on{color:#ff5c8a}.acao.on span{animation:pulso .35s}
@keyframes pulso{50%{transform:scale(1.35)}}
.grid>.card,.grade-v>.card{display:flex;flex-direction:column}.grid>.card .acoes,.grade-v>.card .acoes{margin-top:auto;padding-top:8px}
.grid>.card>p:last-of-type{margin-bottom:14px}
.criador .midia-criador{margin-bottom:8px}.criador .links{margin-bottom:12px}

/* página IA */
.chat-log{height:min(52vh,460px);overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px;margin-bottom:12px;background:#080d2a;border:1px solid var(--bd);border-radius:14px}
.msg{max-width:85%;padding:10px 14px;border-radius:14px;line-height:1.5;white-space:normal;word-wrap:break-word}
.msg.eu{align-self:flex-end;background:color-mix(in srgb,var(--ac) 28%,#0d1336);border:1px solid color-mix(in srgb,var(--ac) 50%,transparent)}
.msg.ia{align-self:flex-start;background:var(--card2);border:1px solid var(--bd)}
.msg.pensando{opacity:.7;font-style:italic}.msg.erro{border-color:#ff5c6c}
.chat-form{display:flex;gap:10px;align-items:flex-end;margin:10px 0}
.chat-form textarea{min-height:52px;flex:1;resize:vertical}
.ia-card h3{margin-top:10px}.ia-card .btn{margin-top:auto;align-self:flex-start}
.ia-chamada{background:linear-gradient(135deg,rgba(192,132,252,.18),rgba(70,200,255,.1))}
.rss-card code{word-break:break-all}
@media (max-width:620px){.chat-form{flex-direction:column;align-items:stretch}.acao{font-size:14px}}
.grade-v .acao{font-size:18px}.grade-v .acao .txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.yt-lista{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 35%,#0d1336),#05071a 70%);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:12px;color:var(--tx);font:inherit;text-align:left}
.yt-lista span{font:800 34px var(--fh);opacity:.9}.yt-lista small{font-weight:700;opacity:.85}
.etapas{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.etapas li{background:var(--card);border:1px solid var(--bd);border-top:3px solid var(--ac);border-radius:14px;padding:14px}.etapas li span{display:block;color:var(--mu);font-size:15px;margin-top:4px}
.pessoa .foto{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 0 8px;aspect-ratio:1}
.cta-estudio{background:linear-gradient(135deg,rgba(155,107,255,.2),rgba(70,200,255,.1))}
.grid>.card>.tag,.grid>.card>.chip,.grade-v>.card>.tag{align-self:flex-start}

/* mini games da Arena */
.jogo-area{min-height:360px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.jogo-area>p{margin:4px 0}.jogo-area .opt{max-width:560px}.jogo-area .barra{width:100%;max-width:560px}
.tela{width:min(320px,100%);aspect-ratio:1;border:2px solid var(--ac);border-radius:12px;image-rendering:pixelated;touch-action:none}
.dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,44px);gap:6px;margin-top:8px}
.dpad button{font-size:18px;border-radius:10px;border:1px solid var(--bd);background:var(--card2);color:var(--tx);cursor:pointer}
.dpad [data-d="0,-1"]{grid-column:2}.dpad [data-d="-1,0"]{grid-column:1;grid-row:2}.dpad [data-d="0,1"]{grid-column:2;grid-row:2}.dpad [data-d="1,0"]{grid-column:3;grid-row:2}
@media (hover:hover) and (pointer:fine){.dpad{display:none}}
.memoria{display:grid;grid-template-columns:repeat(4,minmax(56px,84px));gap:8px}
.carta{aspect-ratio:1;font-size:32px;border-radius:12px;border:1px solid var(--bd);background:linear-gradient(135deg,var(--ac),#0d1336);cursor:pointer;transition:transform .2s}
.carta span{visibility:hidden}.carta.aberta{background:var(--card2);transform:rotateY(180deg)}.carta.aberta span{visibility:visible;display:inline-block;transform:rotateY(180deg)}
.carta.par{border-color:#3ddc84;box-shadow:0 0 12px rgba(61,220,132,.5)}
.reflexo{width:100%;max-width:560px;min-height:220px;font:800 22px var(--fb);border-radius:16px;border:1px solid var(--bd);background:var(--card2);color:var(--tx);cursor:pointer}
.reflexo.espera{background:#5a1020}.reflexo.ja{background:#1f8f4e}.reflexo.cedo{background:#6b4a00}
.forca-palavra{font:800 clamp(22px,5vw,38px) var(--fh);letter-spacing:.12em;margin:14px 0}
.teclado{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:560px}
.teclado button{width:38px;height:42px;font:700 16px var(--fb);border-radius:8px;border:1px solid var(--bd);background:var(--card2);color:var(--tx);cursor:pointer}
.teclado button:disabled{opacity:.3;cursor:default}

/* mais curtidas (página inicial) */
.mini-sec{margin:14px 0 8px;font-size:15px;color:var(--mu);font-family:var(--fb);text-transform:uppercase;letter-spacing:.08em}
.mini-grid{display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}
.mini-card{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px;border-radius:14px;background:var(--card2);border:1px solid var(--bd);color:var(--tx);text-decoration:none;transition:border-color .2s,transform .2s}
.mini-card:hover{border-color:var(--ac);transform:translateY(-2px)}
.mini-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.mini-card .ini{width:100%;aspect-ratio:16/9;border-radius:10px;display:grid;place-items:center;font:800 26px var(--fh);color:#05071a;background:linear-gradient(135deg,var(--cy),var(--pu))}
.mini-card.criador .ini{background:linear-gradient(135deg,var(--or),var(--pu))}
.mini-t{font-weight:700;font-size:15px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mini-card .meta{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-n{font-size:13px;font-weight:700;color:#ff5c8a;margin-top:auto}
.acao .n{font-weight:800;color:var(--tx)}.grade-v .acao .n{font-size:13px}
@media (max-width:900px){.mini-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.mini-grid{grid-template-columns:repeat(2,1fr)}}
.btn.whatsapp{background:#25d366;color:#05220f;margin-bottom:14px}.soc a[aria-label^="WhatsApp"]:hover{color:#25d366;border-color:#25d366}

/* submenu interno (abas) */
.subnav{position:sticky;top:64px;z-index:15;display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 10px;padding:10px 0;background:linear-gradient(var(--bg) 70%,transparent)}
.subnav button{flex:1;min-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:800 19px var(--fb);text-transform:uppercase;letter-spacing:.05em;padding:14px 18px;border-radius:14px;cursor:pointer;color:var(--tx);background:var(--card);border:1px solid var(--bd);backdrop-filter:blur(10px);transition:.2s}
.subnav button:hover{border-color:var(--ac);transform:translateY(-1px)}
.subnav button.on{color:#05071a;background:linear-gradient(90deg,var(--ac),color-mix(in srgb,var(--ac) 40%,var(--or)));border-color:transparent;box-shadow:0 8px 24px -10px var(--ac)}
.subnav .ic{font-size:22px}.subnav .qt{font-size:13px;padding:1px 8px;border-radius:99px;background:rgba(0,0,0,.25)}.subnav .qt:empty{display:none}
.aba[hidden]{display:none}
@media (max-width:860px){.subnav{top:58px}.subnav button{min-width:calc(50% - 5px);font-size:16px;padding:12px}}
.aba,.aba:focus,.aba:focus-visible{outline:none}

/* ranking online dos mini games */
.mg-grade{display:grid;grid-template-columns:200px minmax(0,1fr) 270px;gap:16px;align-items:start}
.mg-parte{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;min-width:0}
.mg-parte>h3{margin:0 0 10px;font-size:1.05rem}
.mg-jogo{min-height:420px}
.mg-lista{display:flex;flex-direction:column;gap:6px}
.mg-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;padding:8px 10px;border-radius:10px;border:1px solid var(--bd);background:var(--card2);color:var(--tx);font:600 15px var(--fb);cursor:pointer}
.mg-item small{color:var(--mu,#9aa3c7);font-weight:500;font-size:.8rem}
.mg-item:hover{border-color:var(--ac)}
.mg-item.on{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 22%,var(--card2));box-shadow:0 0 0 1px var(--ac) inset}
@media (max-width:1100px){.mg-grade{grid-template-columns:180px minmax(0,1fr)}.mg-grade .jogo-ranking{grid-column:1/-1}}
@media (max-width:720px){.mg-grade{grid-template-columns:1fr}.mg-lista{flex-direction:row;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.mg-item{flex:0 0 auto;width:auto;scroll-snap-align:start}.mg-item small{display:none}}

.jogo-ranking h3{margin:0 0 10px;font-size:1.05rem}
.placar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.placar li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:.92rem}
.placar li:nth-child(odd){background:rgba(255,255,255,.03)}
.placar li.eu{background:color-mix(in srgb,var(--ac,#ff5c6c) 22%,transparent);outline:1px solid var(--ac,#ff5c6c)}
.placar .pos{width:30px;text-align:center;flex:none}
.placar .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.placar b{white-space:nowrap;font-variant-numeric:tabular-nums}
.form-ranking{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;justify-content:center;margin:8px 0;max-width:560px}
.form-ranking label{display:flex;flex-direction:column;gap:4px;text-align:left;font-size:.85rem}
.form-ranking input{min-width:200px}
.form-ranking .msg{flex-basis:100%}

/* mini games novos: quebra-blocos, caverna, 2048, campo minado e sequência */
.tela.larga{aspect-ratio:auto;width:min(360px,100%);height:auto}
.g2048{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(320px,100%);padding:8px;background:#080d2a;border:2px solid var(--ac);border-radius:14px;touch-action:none}
.g2048 .p{aspect-ratio:1;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.05);font:800 clamp(18px,5vw,26px) var(--fh);color:#0b0f2a}
.g2048 .p.novo{animation:pop .18s ease-out}
@keyframes pop{from{transform:scale(.5)}to{transform:scale(1)}}
.campo{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;width:min(340px,100%);user-select:none}
.campo button{aspect-ratio:1;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:linear-gradient(145deg,color-mix(in srgb,var(--ac) 55%,#2a2f6b),color-mix(in srgb,var(--ac) 25%,#141b4a));box-shadow:inset 0 -3px 0 rgba(0,0,0,.35);color:var(--tx);font:800 15px var(--fb);cursor:pointer}
.campo button:not(.aberta):hover{filter:brightness(1.15)}
.campo button.aberta{background:#060918;border-color:rgba(255,255,255,.05);box-shadow:none;cursor:default}.campo button.boom{background:#7a1020}
.campo .n1{color:#5ce1ff}.campo .n2{color:#a3ff3d}.campo .n3{color:#ff5c6c}.campo .n4{color:#c084fc}.campo .n5{color:#ffa537}.campo .n6{color:#2ee6c5}.campo .n7{color:#fff}.campo .n8{color:#9aa3c7}
.genius{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(300px,100%);aspect-ratio:1;padding:12px;border-radius:50%;background:#080d2a;border:2px solid var(--ac);user-select:none;touch-action:manipulation}
.genius [data-c]{border:0;cursor:pointer;opacity:.45;transition:opacity .08s,filter .08s}
.genius [data-c="0"]{border-radius:100% 0 0 0;background:#1fbf5b}.genius [data-c="1"]{border-radius:0 100% 0 0;background:#e0283b}
.genius [data-c="2"]{border-radius:0 0 0 100%;background:#e8bb12}.genius [data-c="3"]{border-radius:0 0 100% 0;background:#2563eb}
.genius [data-c].on{opacity:1;filter:brightness(1.35) saturate(1.2)}
.genius .centro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;aspect-ratio:1;border-radius:50%;border:3px solid #05071a;background:#0b1033;color:var(--tx);font:800 15px var(--fh);cursor:pointer}

/* progresso até o nível 1000, loot e saberes */
#placar .era{display:inline-block;margin:0 0 6px;padding:3px 10px;border-radius:999px;font-size:.85rem;background:color-mix(in srgb,var(--ac) 18%,transparent);border:1px solid color-mix(in srgb,var(--ac) 50%,transparent)}
.loots{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px}
.loot{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--card2);border:1px solid color-mix(in srgb,var(--rar) 55%,transparent);box-shadow:inset 3px 0 0 var(--rar)}
.loot .ic{font-size:26px;line-height:1}.loot b{display:block}.loot small{color:var(--rar);font-weight:700}.loot p{margin:4px 0 0;font-size:.9rem;color:var(--mu)}
#loot-corpo{margin-top:10px}#loot-corpo h4{margin:14px 0 6px}
.campo-saber{margin:0 0 10px}.campo-saber ul{margin:4px 0 0;padding-left:18px}.campo-saber li{margin:2px 0;font-size:.92rem}
.registro{margin:0;padding-left:22px;max-height:420px;overflow:auto}.registro li{margin:0 0 8px;font-size:.92rem}
#loot details{margin:6px 0;border:1px solid var(--bd);border-radius:10px;padding:6px 10px}#loot summary{cursor:pointer;font-weight:700}
.titulos{list-style:none;margin:8px 0 4px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px}
.titulos li{font-size:.9rem;padding:4px 8px;border-radius:8px}.titulos li span{display:inline-block;min-width:68px;color:var(--mu);font-variant-numeric:tabular-nums}
.titulos li small{color:var(--mu)}.titulos li.ok{opacity:.6}.titulos li.aqui{background:color-mix(in srgb,var(--ac) 25%,transparent);outline:1px solid var(--ac)}
.drop{position:fixed;right:16px;bottom:16px;z-index:60;width:min(360px,calc(100vw - 32px));padding:14px 16px;border-radius:16px;background:#0b1033;border:1px solid var(--ac);box-shadow:0 12px 40px rgba(0,0,0,.5);transform:translateY(140%);opacity:0;transition:transform .35s,opacity .35s}
.drop.on{transform:none;opacity:1}.drop h3{margin:2px 0 8px;font-size:1.05rem}.drop .fechar{position:absolute;top:8px;right:10px;background:none;border:0;color:var(--tx);font-size:16px;cursor:pointer}
.saberes-mini{margin:4px 0 8px;padding-left:18px;font-size:.9rem}

/* conta, gráfico de eras e ranking de personagens */
.g-entrar{min-height:44px;margin:12px 0}
#placar .personagem{margin:0 0 6px;font-size:1.05rem}
.gincanas{margin:12px 0;border:1px solid var(--bd);border-radius:10px;padding:6px 10px}.gincanas summary{cursor:pointer;font-weight:700}
.gincanas ul{list-style:none;margin:8px 0 4px;padding:0}.gincanas li{display:flex;gap:8px;align-items:baseline;padding:3px 0;font-size:.92rem}.gincanas li b{margin-left:auto;white-space:nowrap;color:var(--ac)}
.loot-grade{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.loot-lado{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
@media (max-width:900px){.loot-grade{grid-template-columns:1fr}.loot-lado{position:static}}
.eras{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.eras li{display:grid;grid-template-columns:104px 1fr 30px;align-items:center;gap:8px;font-size:.85rem;padding:3px 4px;border-radius:6px}
.eras li:hover{background:rgba(255,255,255,.05)}
.eras .rot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tx)}
.eras .trilho{height:10px;border-radius:0 4px 4px 0;background:rgba(255,255,255,.06)}
.eras .trilho i{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--ac)}
.eras b{text-align:right;font-variant-numeric:tabular-nums;color:var(--tx)}
.eras li.minha{outline:1px solid var(--ac)}
.placar .nm small{display:block;color:var(--mu);font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis}
.moeda{position:absolute;right:12px;bottom:12px;z-index:5;width:40px;height:40px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 35%,#fff6b0,#e8bb12 60%,#9a6b00);font-size:22px;cursor:pointer;box-shadow:0 0 16px rgba(255,210,63,.7);animation:brilho 1.6s ease-in-out infinite}
@keyframes brilho{50%{transform:scale(1.12) rotate(8deg);box-shadow:0 0 26px rgba(255,210,63,.95)}}

/* página de política de privacidade */
.legal{max-width:820px;margin:0 auto;padding:28px clamp(18px,4vw,40px);line-height:1.6}
.legal h1{margin-top:0}.legal h2{font-size:1.2rem;margin:26px 0 8px}.legal ul{padding-left:20px}.legal li{margin:4px 0}
.legal a{color:var(--ac)}.legal code{background:var(--card2);padding:1px 6px;border-radius:6px}

/* criação do personagem e origem */
.form-personagem{display:flex;flex-direction:column;gap:10px;margin:6px 0 10px}
.form-personagem label{display:flex;flex-direction:column;gap:4px;font-size:.9rem}
.form-personagem .btn{align-self:flex-start}
#placar .origem{margin:0 0 8px;font-size:.95rem;color:var(--tx)}

/* destaque da página inicial em duas partes */
.hero-topo{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hero-topo>img{width:170px;margin:0;aspect-ratio:auto;object-fit:contain;mix-blend-mode:screen}
.hero-txt{flex:1;min-width:240px}.hero-txt h1{margin:0 0 6px}.hero-txt .sub{margin:0}
.hero-base{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--bd)}
.hero-arena{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--ac) 14%,var(--card2));border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);color:var(--tx);text-decoration:none}
.hero-arena:hover{border-color:var(--ac)}.hero-arena .ic{font-size:28px}.hero-arena b{display:block}.hero-arena small{color:var(--mu)}.hero-arena .seta{margin-left:auto;font-size:20px;color:var(--ac)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hero-stats a{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--bd);color:var(--tx);text-decoration:none}
.hero-stats a:hover{border-color:var(--ac)}.hero-stats b{font:800 1.35rem var(--fh);font-variant-numeric:tabular-nums}.hero-stats small{color:var(--mu);font-size:.82rem}
@media (max-width:620px){.hero-topo>img{width:120px}.hero-stats{grid-template-columns:repeat(2,1fr)}}
/* aviso de descoberta secreta */
.achado{position:fixed;left:50%;top:84px;z-index:61;display:flex;gap:12px;align-items:flex-start;width:min(440px,calc(100vw - 32px));padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#1b2350,#0b1033);border:1px solid #ffd23f;box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 24px rgba(255,210,63,.25);transform:translate(-50%,-160%);opacity:0;transition:transform .4s,opacity .4s;cursor:pointer}
.achado.on{transform:translate(-50%,0);opacity:1}.achado .ic{font-size:34px;line-height:1}.achado small{display:block;color:#ffd23f;font-weight:700}.achado b{display:block;margin:2px 0}.achado p{margin:0;color:var(--mu);font-size:.9rem}
.descobertas{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}
.descobertas li{display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;border:1px dashed var(--bd);color:var(--mu);font-size:.9rem}
.descobertas li.ok{border-style:solid;border-color:color-mix(in srgb,#ffd23f 50%,transparent);color:var(--tx)}

/* 8 desafios por dia */
.desafio-topo{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.desafio-pontos{display:flex;gap:6px;margin:10px 0 4px}
.desafio-pontos i{width:22px;height:8px;border-radius:4px;background:rgba(255,255,255,.12)}
.desafio-pontos i.agora{outline:2px solid var(--ac);outline-offset:1px}.desafio-pontos i.ok{background:#3ddc84}.desafio-pontos i.no{background:#ff5c6c}.desafio-pontos i.perdido{background:rgba(255,255,255,.05)}

/* páginas com setas laterais no cartão Loot e saberes */
.pag{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center;margin-top:10px}
.pag-seta{height:72px;border-radius:12px;border:1px solid var(--bd);background:var(--card2);color:var(--tx);font:700 30px/1 var(--fb);cursor:pointer;transition:border-color .15s,background .15s}
.pag-seta:hover:not(:disabled){border-color:var(--ac);background:color-mix(in srgb,var(--ac) 18%,var(--card2))}
.pag-seta:disabled{opacity:.3;cursor:default}
.pag-corpo{min-height:180px}.pag-corpo.loots{margin-top:0}
.pag-info{text-align:center;margin:8px 0 0;color:var(--mu);font-size:.85rem}
.pag-corpo.saberes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.saber{padding:10px 12px;border-radius:12px;background:var(--card2);border:1px solid var(--bd)}.saber.ci{box-shadow:inset 3px 0 0 #5ca8ff}.saber.re{box-shadow:inset 3px 0 0 #ffd23f}
.saber small{color:var(--mu)}.saber b{display:block;margin:2px 0}.saber p{margin:0;font-size:.88rem;color:var(--mu)}
.pag-corpo.registro{display:flex;flex-direction:column;gap:6px}.reg-item{padding:8px 12px;border-radius:10px;background:var(--card2);border:1px solid var(--bd);font-size:.92rem}
.pag-corpo.descobertas{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;align-content:start}
.desc-item{display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;border:1px dashed var(--bd);color:var(--mu);font-size:.9rem}
.desc-item.ok{border-style:solid;border-color:color-mix(in srgb,#ffd23f 50%,transparent);color:var(--tx)}
.pag-corpo.titulos{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px;align-content:start}
.tit-item{font-size:.9rem;padding:4px 8px;border-radius:8px}.tit-item span{display:inline-block;min-width:76px;color:var(--mu);font-variant-numeric:tabular-nums}.tit-item small{color:var(--mu)}
.tit-item.ok{opacity:.6}.tit-item.aqui{background:color-mix(in srgb,var(--ac) 25%,transparent);outline:1px solid var(--ac)}
@media (max-width:620px){.pag{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.pag-seta{height:56px;font-size:24px}}

/* top 10 criadores da página inicial */
.mini-card.rank{position:relative}.mini-card.rank .pos{position:absolute;top:8px;left:10px;z-index:1;font:800 .95rem var(--fh);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}

/* gráfico de colunas das eras */
.colunas{display:grid;grid-template-columns:repeat(23,1fr);gap:2px;align-items:end;height:150px;margin-top:10px;padding-bottom:22px;position:relative;border-bottom:1px solid var(--bd)}
.colunas .col{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:default}
.colunas .col i{display:block;width:100%;max-width:12px;border-radius:4px 4px 0 0;background:var(--ac);opacity:.85}
.colunas .col b{font-size:.68rem;color:var(--tx);font-variant-numeric:tabular-nums;margin-bottom:2px}
.colunas .col span{position:absolute;bottom:-22px;font-size:10px;line-height:20px}
.colunas .col:hover i{opacity:1}.colunas .col.minha i{background:#ffd23f}
.col-legenda{margin:8px 0 0;font-size:.8rem}
.tit-item{display:grid;grid-template-columns:64px 1fr;column-gap:6px;align-items:baseline}.tit-item span{min-width:0}.tit-item small{grid-column:2;font-size:.75rem}

/* seletor de idioma */
.idioma{position:relative}
.idioma-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:70;display:flex;flex-direction:column;min-width:210px;padding:6px;border-radius:12px;background:#0b1033;border:1px solid var(--bd);box-shadow:0 12px 30px rgba(0,0,0,.5)}
.idioma-menu[hidden]{display:none}
.idioma-menu button{text-align:left;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--tx);font:600 15px var(--fb);cursor:pointer}
.idioma-menu button:hover,.idioma-menu button[aria-checked="true"]{background:color-mix(in srgb,var(--ac) 20%,transparent)}

/* comentários do site (login com Google) */
.coments{padding:16px;min-height:300px}.coment-abas{margin-bottom:12px}
.coment-form{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.coment-form textarea{resize:vertical;min-height:76px}
.coment-acoes{display:flex;justify-content:space-between;align-items:center}
.coment-msg{margin:0;min-height:1em}
.coment-lista{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}
.coment-lista li{padding:10px 12px;border-radius:12px;background:var(--card2);border:1px solid var(--bd)}
.coment-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.coment-lista p{margin:6px 0 0;white-space:normal;overflow-wrap:anywhere}
.coment-apagar{margin-left:auto;background:none;border:0;cursor:pointer;font-size:15px;opacity:.7}.coment-apagar:hover{opacity:1}

.idioma-menu{max-height:min(70vh,520px);overflow:auto;min-width:240px}
.idioma-grupo{margin:8px 10px 2px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.idioma-menu small{color:var(--mu);font-size:.7rem;font-weight:600}
.idioma-nota{margin:8px 10px 4px;font-size:.75rem;color:var(--mu);max-width:240px}

/* idiomas escritos da direita para a esquerda */
.rtl body :is(p,h1,h2,h3,h4,li,label,small,span,b,a,button,summary,option,.meta){unicode-bidi:plaintext}
.rtl main :is(p,h1,h2,h3,h4,li,summary,.meta){text-align:right}

/* texto dos cartões do CMS com "Ver mais" */
.resumo.corta{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
.resumo.corta.aberto{display:block;-webkit-line-clamp:unset;line-clamp:unset}
.ver-mais{align-self:flex-start;margin:0 0 10px;padding:0;border:0;background:none;color:var(--ac);font:700 14px var(--fb);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.resumo{white-space:pre-line}
.post-cheio{padding:20px;max-height:75vh;overflow:auto;line-height:1.6}.post-cheio img{width:100%;border-radius:12px;margin-bottom:12px}

/* cartão Seu progresso em páginas */
.pp{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center}
.pp .pag-seta{height:64px;font-size:26px}
.pp-corpo{min-height:300px;min-width:0}
.pp-tit{margin:0 0 10px;font-size:1rem;color:var(--mu)}
.pp-pontos{display:flex;justify-content:center;gap:6px;margin-top:10px}
.pp-pontos button{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.2);cursor:pointer}.pp-pontos button.on{background:var(--ac)}
.gincanas-lista{list-style:none;margin:0;padding:0}.gincanas-lista li{display:flex;gap:8px;align-items:baseline;padding:4px 0;font-size:.92rem;border-bottom:1px solid rgba(255,255,255,.05)}.gincanas-lista li b{margin-left:auto;white-space:nowrap;color:var(--ac)}
.rel-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:10px}
.rel-tiles div{padding:8px 10px;border-radius:10px;background:var(--card2);border:1px solid var(--bd)}.rel-tiles b{display:block;font:800 1.3rem var(--fh)}.rel-tiles small{color:var(--mu)}
.barras{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:4px}
.barras li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 28px;align-items:center;gap:8px;font-size:.85rem}
.barras .rot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barras .rot small{color:var(--mu)}
.barras .trilho{height:10px;border-radius:0 4px 4px 0;background:rgba(255,255,255,.06)}.barras .trilho i{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--ac)}
.barras b{text-align:right;font-variant-numeric:tabular-nums}
.rel-lista{list-style:none;margin:0;padding:0;max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:4px}
.rel-lista li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.03);font-size:.9rem}
.rel-lista .pos{width:30px;text-align:center;color:var(--mu)}.rel-lista .nm{flex:1;min-width:0}.rel-lista .nm small{display:block;color:var(--mu);font-size:.75rem}
.desc-filtros{margin:6px 0 4px;flex-wrap:wrap}.desc-filtros .chip{font-size:.8rem;padding:4px 10px}

/* menu da página Estúdio: barra fixa com as seções */
.menu-secoes{position:sticky;top:64px;z-index:15;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;margin:8px 0 14px;padding:8px;border-radius:16px;background:color-mix(in srgb,var(--bg) 88%,transparent);border:1px solid var(--bd);backdrop-filter:blur(10px)}
.menu-secoes a{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;color:var(--tx);text-decoration:none;font:700 14px var(--fb);white-space:nowrap;transition:background .15s}
.menu-secoes a span{font-size:17px}.menu-secoes a:hover{background:rgba(255,255,255,.06)}
.menu-secoes a.on{color:#05071a;background:linear-gradient(90deg,var(--ac),color-mix(in srgb,var(--ac) 40%,var(--or)))}
body[data-page="estudio"] .sec{scroll-margin-top:140px}
@media (max-width:860px){.menu-secoes{top:58px}}
/* cartões homogêneos no Estúdio e nas notícias */
.grid>.card{display:flex;flex-direction:column}
.grid>.card>h2,.grid>.card>h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grid>.card>.btn:last-child,.grid>.card>a.btn:last-child,.grid>.card>.chips:last-child,.grid>.card>.meta:last-child{margin-top:auto}
.grid>.card>.btn:last-child,.grid>.card>a.btn:last-child{align-self:flex-start}
.midia-grid .zoom img,.midia-grid .card>img,.midia-grid .yt{width:calc(100% + 40px);margin:-20px -20px 14px;aspect-ratio:16/9;object-fit:cover;border-radius:0}
.midia-grid .zoom{width:auto;margin:0}.midia-grid .zoom img{object-fit:contain;background:#080d2a}
.midia-grid .icone{width:calc(100% + 40px);margin:-20px -20px 14px;aspect-ratio:16/9;display:grid;place-items:center;font-size:48px;background:rgba(255,255,255,.04)}
body[data-page="estudio"] #presskit~.grid .card>img{object-fit:contain;background:#080d2a}
.midia-grid .zoom{display:block;width:calc(100% + 40px);margin:-20px -20px 14px}.midia-grid .zoom img{width:100%;margin:0;aspect-ratio:16/9;border-radius:0}
.menu-secoes{gap:2px;padding:6px}.menu-secoes a{padding:8px 10px;font-size:13.5px;gap:5px}.menu-secoes a span{font-size:15px}
@media (min-width:1200px){.menu-secoes{justify-content:space-between}}
/* cartões de notícia clicáveis, conquistas recentes e janela do criador */
article.noticia{cursor:pointer;transition:border-color .15s,transform .15s}
article.noticia:hover{border-color:color-mix(in srgb,var(--ac) 55%,var(--bd))}
article.noticia:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
article.noticia .acoes{cursor:default}
.post-cheio .acoes{margin-top:14px}
.pp-botoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.conq-lista{list-style:none;margin:12px 0 4px;padding:0;display:grid;gap:6px}
.conq-lista li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--bd);border-radius:12px;background:rgba(255,255,255,.03)}
.conq-lista .ic{font-size:22px;line-height:1.1}
.conq-lista div{display:flex;flex-direction:column;min-width:0}
.conq-lista small{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7}
.conq-lista b{font-size:.95rem}.conq-lista .meta{font-size:.8rem;margin:0 0 2px}
.nome-criador{all:unset;cursor:pointer;font:inherit;color:inherit}
.nome-criador:hover{color:var(--ac)}.nome-criador:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:4px}
.criador-cheio h4{margin:16px 0 8px;font-size:1rem}
.criador-cheio iframe.player{background:#000}
.mv-botoes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.redes-criador{display:flex;gap:8px;flex-wrap:wrap}
.chip.off{opacity:.5;cursor:default;border-style:dashed}
.chip.off:hover{border-color:var(--bd);color:var(--tx)}
.cr-videos{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.cr-videos .mv-botoes{margin-top:-2px}
@media (max-width:760px){.cr-videos{grid-template-columns:1fr}}
.criador .yt-lista::after{inset:auto 10px 10px auto;margin:0;width:42px;height:30px;font-size:14px;border-radius:9px}
.criador .yt-lista small{padding-right:52px;line-height:1.2}
dialog .criador-cheio iframe.player{height:auto;aspect-ratio:16/9}
/* equipe no estilo dos cartões de notícia */
.pessoa>img{object-position:center 25%}
.ini-capa{display:grid;place-items:center;font:800 64px var(--fh);color:var(--tx);background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 40%,#0d1336),#05071a 75%)}
.post-cheio img{max-height:60vh;object-fit:cover;object-position:center 25%}
/* chat da Joselitus IA */
.chat-login{border:1px dashed var(--bd);border-radius:12px;padding:10px 12px;margin:8px 0}
.chat-login .meta{margin:0 0 8px}
.msg .fonte-ia{display:block;margin-top:6px;font-size:.72rem;opacity:.65}
/* IAs gratuitas e pagas, links para produção e chat com busca */
.tag-paga{background:rgba(255,165,55,.16);border-color:#ffa537;color:#ffc27a}
.tag-gratis{background:rgba(61,220,132,.12);border-color:#3ddc84;color:#7dffb0}
.ia-paga{border-color:rgba(255,165,55,.45)}
.links-grade{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.link-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--tx);padding:14px 16px}
.link-card:hover{border-color:var(--ac)}
.link-card b{font-size:1rem}.link-card small{opacity:.8;line-height:1.4}
.link-card .meta{margin:0}
#f-links-preco{margin:-4px 0 14px}
.msg a{color:var(--ac);text-decoration:underline;text-underline-offset:2px}
.buscas-ia{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;font-size:.8rem;opacity:.9}
.buscas-ia .chip{font-size:13px;padding:2px 10px;text-decoration:none}
.chip.outras{border-style:dashed}
/* News: posts automáticos da Joselitus IA */
.ia-news{margin:8px 0 22px}
.ia-posts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1100px){.ia-posts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.ia-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.ia-posts{grid-template-columns:1fr}}
.ia-post{display:flex;flex-direction:column;cursor:pointer;padding:14px 14px 10px;border-color:color-mix(in srgb,var(--ac) 35%,var(--bd))}
.ia-post:hover{border-color:var(--ac)}.ia-post:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.ia-post>img{width:calc(100% + 28px);margin:-14px -14px 10px;aspect-ratio:16/9;object-fit:cover;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
.ia-post h3{font-size:.98rem;line-height:1.25;margin:6px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ia-post .resumo.corta{font-size:.86rem;-webkit-line-clamp:3}
.ia-post .ia-assina{margin-top:auto;font-size:.75rem}
.ia-cheio h4{margin:16px 0 6px}
.ia-manchetes{margin:0;padding-left:18px}.ia-manchetes li{margin:4px 0}
.ia-mapa .chip{display:inline-block;margin:2px}
.ia-arquivo-link{margin:10px 0 0}
.ia-arq-item{all:unset;cursor:pointer;color:var(--tx)}.ia-arq-item:hover b{color:var(--ac)}.ia-arq-item:focus-visible{outline:2px solid var(--ac)}
/* Radar: ao vivo, países e duas colunas */
.ao-vivo{margin:6px 0 20px}
.vivo-grade{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
@media (max-width:1000px){.vivo-grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.vivo-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card.vivo{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;cursor:pointer;background:var(--card,rgba(255,255,255,.04));border:1px solid var(--bd);border-radius:14px;padding:0 0 10px;overflow:hidden;color:var(--tx)}
.card.vivo:hover,.card.vivo:focus-visible{border-color:#ff4d6d;outline:none}
.vivo-img{position:relative;display:block;aspect-ratio:16/9;background:#111 center/cover no-repeat linear-gradient(135deg,#3a0d2a,#0d1336);margin-bottom:6px}
.vivo-img i{position:absolute;left:8px;top:8px;background:#e91916;color:#fff;font:700 11px var(--fb);font-style:normal;padding:2px 6px;border-radius:4px}
.vivo-img em{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;font-style:normal;padding:1px 6px;border-radius:4px}
.vivo-img strong{position:absolute;inset:0;display:grid;place-items:center;font:800 1rem var(--fh);text-align:center;padding:0 8px}
.card.vivo b,.card.vivo small{padding:0 10px}.card.vivo small{opacity:.75;font-size:.78rem}
.vivo-tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.radar-filtros{position:relative;flex-wrap:wrap}
.reg-wrap{position:relative}
#f-regiao .qt{opacity:.7;font-size:.8em}
.pais-sel button{all:unset;cursor:pointer;margin-left:4px}
.paises-painel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:min(560px,92vw);max-height:60vh;overflow:auto;background:var(--bg,#05071a);border:1px solid var(--bd);border-radius:14px;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.5);animation:desce .18s ease-out}
@keyframes desce{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.paises-topo{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}.paises-topo input{flex:1;min-width:140px}
.paises-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px}
.pais-item{all:unset;cursor:pointer;display:flex;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:8px;font-size:.88rem}
.pais-item span{opacity:.6}.pais-item:hover,.pais-item.on{background:rgba(255,255,255,.07);color:var(--ac)}
.radar-colunas{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
@media (max-width:760px){.radar-colunas{grid-template-columns:1fr}}
.radar-col .lista-col{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.radar-col .destaque-col{margin-bottom:12px}
.radar-col .destaque-col .card{border-width:2px;border-color:var(--ac);transform:none}
#col-menos .destaque-col .card{border-color:#3ddc84}
.destaque-rot{margin:0 0 6px}
.radar-col .mais-col{display:block;margin:14px auto 0}
.criador .seg{font-size:.78rem}
.link-discreto{align-self:flex-end;font-size:.68rem;opacity:.35;color:var(--tx);text-decoration:none;margin-top:6px}
.link-discreto:hover,.link-discreto:focus-visible{opacity:.8}
.vivo-plat{font-size:.95rem;margin:12px 0 8px}
.card.vivo.vivo-yt:hover,.card.vivo.vivo-yt:focus-visible{border-color:#ff0033}
.vivo-yt .vivo-img{background-image:linear-gradient(135deg,#3a0d0d,#0d1336)}
/* Joselitus IA: modos, digitando, votos e sugestões */
.modos-ia{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
.modos-ia .modo-ia{font-size:13px;padding:4px 10px}
.modos-ia .modo-ia.ativo{background:var(--ac);border-color:var(--ac);color:#05071a;font-weight:700}
.modos-ia .modo-ia.auto{outline:2px dashed var(--ac);outline-offset:1px}
.modo-desc{margin:0 0 10px}
.sug-ia{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sug-ia .chip{font-size:12.5px;padding:2px 10px}
.votos-ia{margin-left:8px;white-space:nowrap}
.votos-ia button{background:none;border:0;cursor:pointer;font-size:1rem;padding:0 3px;opacity:.85}
.votos-ia button:hover,.votos-ia button:focus-visible{opacity:1;transform:scale(1.15)}
.msg .fonte-ia{opacity:.8}
.cita-ia{display:block;border-left:3px solid var(--ac);padding-left:8px;margin:2px 0;font-style:italic}
.digitando{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}
.digitando i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;animation:dig 1s infinite}
.digitando i:nth-child(2){animation-delay:.15s}.digitando i:nth-child(3){animation-delay:.3s}
@keyframes dig{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.digitando i{animation:none}}
.em-alta{align-self:center;margin-right:2px}
.chip.quente{border-color:var(--or)}
@media (max-width:640px){.modos-ia{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.modos-ia .modo-ia{flex:0 0 auto}}
.msg.antiga{opacity:.62}
.hist-ia{text-align:center;margin:2px 0;font-size:.75rem}
/* blocos construídos pela Joselitus IA */
.blocos-ia-sec{margin:28px 0}
.bloco-ia{border-top:3px solid var(--cy)}
.bloco-ia.cor-or{border-top-color:var(--or)}.bloco-ia.cor-pu{border-top-color:var(--pu)}
.bloco-ia h3{margin:.2em 0 .4em}
.bl-lista{margin:.4em 0;padding-left:1.2em}.bl-lista li{margin:.35em 0}
.bl-linha{list-style:none;margin:.4em 0;padding:0;border-left:2px solid var(--bd)}
.bl-linha li{position:relative;padding:0 0 .7em 14px}.bl-linha li::before{content:"";position:absolute;left:-6px;top:.45em;width:10px;height:10px;border-radius:50%;background:var(--ac)}
.bl-linha time{font-weight:700;margin-right:6px}
.bl-palavra{font-family:var(--fh);font-size:1.6rem;margin:.2em 0}
.bl-quiz{display:flex;flex-wrap:wrap;gap:6px;margin:.4em 0}
.bl-quiz .certa{border-color:#3ddc97;background:rgba(61,220,151,.15)}.bl-quiz .errada{border-color:#ff5c7a;background:rgba(255,92,122,.15)}
.bl-motivo{margin-top:auto;padding-top:10px;font-size:.78rem;opacity:.7}
/* Terranxis */
body[data-page="terranxis"]{--ac:#3ddc97}
.tx-console{min-height:280px}
.tx-texto{font-size:1.08rem;line-height:1.6;max-width:78ch}
.tx-p{margin:0 0 12px}
.tx-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.tx-acoes .btn.alt{white-space:normal;text-align:left}
.tx-des{flex-basis:100%;margin:6px 0 2px}
.tx-fim{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tx-era{border-bottom:1px solid var(--bd);padding:6px 0}
.tx-era summary{cursor:pointer}
.tx-era .chips{margin:8px 0}
.tx-era .chip{font-size:12.5px}
.tx-era .chip.feito{border-color:var(--ac)}
.tx-era .chip[disabled]{opacity:.45;cursor:not-allowed}
.tx-frag{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.tx-frag span{border:1px solid var(--bd);border-radius:999px;padding:2px 10px;font-size:.85rem}
.tx-eq{display:grid;grid-template-columns:150px 1fr 44px;gap:8px;align-items:center;margin:6px 0}
.tx-eq .barra{margin:0}
/* Terranxis: o logo da página vira o fundo, escurecido para não brigar com o texto */
body[data-page="terranxis"]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,7,26,.84) 0%,rgba(5,7,26,.90) 60%,rgba(5,7,26,.95) 100%),url(../img/terranxis-capa.jpg) center 30%/cover no-repeat}
body[data-page="terranxis"] .card{background:rgba(10,14,42,.72)}
body[data-page="terranxis"] .tx-capa{aspect-ratio:1331/721;max-height:62vh;margin:4px auto 14px;border-radius:var(--r);border:1px solid var(--bd);
  background:linear-gradient(180deg,rgba(5,7,26,0) 70%,rgba(5,7,26,.55)),url(../img/terranxis-capa.jpg) center/cover no-repeat;box-shadow:0 20px 60px rgba(70,100,255,.18)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}