/* Noob Games: área de jogos e jogos dentro do layout do tema. */
.ngs-space{--bg-deep:#170F2B;--bg-panel:#221A3A;--bg-panel-2:#2C2250;--gold:#F2C14E;--gold-dim:#B98F2E;--magenta:#FF4D8D;--cream:#F5F0E8;--mint:#6EE7B7;--line:rgba(245,240,232,0.12)}
.page-content:has(.ngs-hub){max-width:1180px}
.ngs-hub .big-btn{font-family:'Bungee',sans-serif;background:linear-gradient(180deg,#FFE39A,#F2C14E);color:#2E2004!important;border:none;padding:12px 28px;border-radius:999px;font-size:15px;box-shadow:0 6px 0 #B98F2E}
/* Noob Games: encaixa o Noob Space no layout do tema (sem tela preta isolada). */
.page-content:has(.ngs-page){max-width:1180px}
.entry-content .ngs-space{font-family:'Space Grotesk',system-ui,sans-serif;font-size:15px;line-height:1.45;color:var(--cream);margin-bottom:0}
.entry-content .ngs-space > *{margin:0}
.ngs-space a{text-decoration:none}
.ngs-space button{font:inherit;line-height:1.2}
.ngs-space .big-btn,.ngs-space .ghost-btn{display:inline-block;text-decoration:none}
.ngs-space .ghost-btn{color:var(--cream)}

.ngs-page{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;
  background:radial-gradient(circle at 15% 0%,rgba(161,0,176,.28),transparent 45%),radial-gradient(circle at 90% 10%,rgba(118,0,210,.25),transparent 45%),var(--bg-deep);
  border-radius:24px;padding:24px;box-shadow:0 20px 50px -25px rgba(60,10,90,.6)}
.ngs-page .ngs-wrap{max-width:440px;margin:0 auto}
.ngs-page .cabinet{max-width:440px}
.ngs-side{display:flex;flex-direction:column;gap:16px}
.ngs-space .board{margin-top:0}
.ngs-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.ngs-wallet-top{display:flex;justify-content:space-between;font-size:13px;color:rgba(245,240,232,.6)}
.ngs-wallet-top a{color:var(--gold)}
.ngs-balance{font-family:'Bungee',sans-serif;font-size:30px;color:var(--gold);margin:4px 0 8px}
.ngs-balance small{font-size:14px;color:var(--cream)}
.ngs-today-label{font-size:13px;color:rgba(245,240,232,.75);margin-bottom:8px}
.ngs-today-label strong{color:var(--mint)}
.ngs-bar{height:10px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.ngs-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#A100B0,#7600D2,#F2C14E);transition:width .4s}
.ngs-rules h3{font-family:'Bungee',sans-serif;font-size:14px;margin:0 0 10px;color:var(--cream)}
.ngs-rules ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.ngs-rules strong{color:var(--gold)}
.ngs-soon{grid-column:1/-1;text-align:center;font-size:13px;color:rgba(245,240,232,.55)}
.ngs-toast{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:9;background:rgba(14,9,32,.92);border:1px solid var(--gold);color:var(--gold);
  font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;padding:7px 14px;border-radius:99px;pointer-events:none;animation:ngsToast 2.2s ease forwards;white-space:nowrap}
@keyframes ngsToast{0%{opacity:0;transform:translate(-50%,-8px)}12%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}

/* Telas de bloqueio */
.ngs-lock{max-width:560px;margin:0 auto;text-align:center;background:var(--bg-deep);border-radius:24px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;
  background-image:radial-gradient(circle at 50% 0%,rgba(161,0,176,.35),transparent 60%)}
.entry-content .ngs-lock h2{font-family:'Bungee',sans-serif;color:var(--gold);font-size:22px;margin:0}
.ngs-lock p{margin:0;color:rgba(245,240,232,.8)}
.ngs-lock-logo{max-width:240px;width:70%;height:auto}
.ngs-lock .ngs-bar{width:100%;max-width:360px}
.ngs-link{color:var(--gold)!important;font-size:14px}
.ngs-sug{display:grid;gap:8px;width:100%;text-align:left}
.ngs-sug a{display:block;background:var(--bg-panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:var(--cream)!important;font-size:14px}
.ngs-sug a:hover{border-color:var(--gold)}

@media (max-width:900px){
  .ngs-page{grid-template-columns:1fr;padding:14px;gap:16px;border-radius:18px}
}
@media (max-width:480px){
  .ngs-space .stats{gap:6px}
  .ngs-space .stat{padding:8px 6px}
}
.ngs-space .stat.lives .value{font-size:13px;white-space:nowrap;letter-spacing:-2px}

/* 1.0.2: página inteira nas cores do jogo (sem bordas brancas) */
body.ngs-games #conteudo{background:radial-gradient(circle at 15% 0%,rgba(161,0,176,.22),transparent 40%),radial-gradient(circle at 90% 20%,rgba(118,0,210,.2),transparent 45%),#170F2B}
body.ngs-games .page-head{background:transparent;padding-bottom:8px}
body.ngs-games .page-head .wrap h1{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
body.ngs-games .page-content{padding-top:16px}
body.ngs-games .ngs-page{background:transparent;box-shadow:none;padding:0;border-radius:0}
body.ngs-games .ngs-lock{background:#221A3A;border:1px solid rgba(245,240,232,.12)}
.ngs-counter{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:'Space Grotesk',system-ui,sans-serif;font-size:15px;font-weight:500;letter-spacing:0;
  background:rgba(34,26,58,.9);border:1px solid rgba(245,240,232,.14);border-radius:999px;padding:8px 16px;color:#F5F0E8}
.ngs-counter strong{color:#F2C14E;font-family:'JetBrains Mono',monospace}
.ngs-counter b{font-weight:600;color:rgba(245,240,232,.7)}
.ngs-counter b.ngs-ok{color:#6EE7B7}
.ngs-dots{display:inline-flex;gap:5px}
.ngs-dots i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(245,240,232,.25)}
.ngs-dots i.on{background:linear-gradient(135deg,#FFE39A,#F2C14E);border-color:#F2C14E;box-shadow:0 0 8px rgba(242,193,78,.6)}
@media (max-width:600px){.ngs-counter{font-size:13px;padding:7px 12px}}

/* 1.1.0: jogo quadrado que cabe na tela do PC */
.ngs-page .ngs-wrap,.ngs-page .cabinet{max-width:480px}
.ngs-page .ngs-wrap{width:100%}
@media (min-width:901px){
  .ngs-page{grid-template-columns:minmax(0,1fr) 300px}
  /* 1.1.1: placares na coluna da esquerda, quadrado do jogo maior */
  body.ngs-games .page-head{padding:32px 0 4px}
  .ngs-page .ngs-wrap{max-width:none;display:grid;grid-template-columns:118px minmax(0,1fr);grid-template-areas:"tag tag" "stats cab";gap:10px 14px;align-items:start}
  .ngs-page .world-tag{grid-area:tag;margin:0}
  .ngs-page .stats{grid-area:stats;grid-template-columns:1fr;gap:10px;margin:0}
  .ngs-page .stat{padding:14px 8px}
  .ngs-page .cabinet{grid-area:cab;margin:0;width:100%;max-width:max(360px,min(680px,calc(100vh - 170px)))}
}
.ngs-back{color:#F2C14E!important;font-size:14px;text-align:center}

/* Área de jogos (capas) */
.ngs-hub{display:flex;flex-direction:column;gap:22px}
.ngs-hub-info{background:#221A3A;border:1px solid rgba(245,240,232,.12);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.ngs-hub-info p{margin:0;color:rgba(245,240,232,.85)}
.ngs-hub-info strong{color:#F2C14E}
.ngs-hub-info .ngs-bar{width:100%}
.ngs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.ngs-game{display:flex;flex-direction:column;background:#221A3A;border:1px solid rgba(245,240,232,.12);border-radius:18px;overflow:hidden;color:#F5F0E8!important;text-decoration:none!important;transition:transform .15s,border-color .15s}
.ngs-cover{position:relative;display:block;aspect-ratio:3/2;background:#0E0920}
.ngs-cover img{width:100%;height:100%;object-fit:cover;border-radius:0!important;display:block;transition:filter .3s,opacity .3s}
.ngs-game-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}
.ngs-game-title{font-family:'Bungee',sans-serif;font-size:18px;color:#F2C14E}
.ngs-game-desc{font-size:14px;color:rgba(245,240,232,.7);line-height:1.4}
.ngs-game-cta{margin-top:6px;align-self:flex-start;font-family:'Bungee',sans-serif;font-size:13px;padding:8px 16px;border-radius:99px;background:linear-gradient(180deg,#FFE39A,#F2C14E);color:#2E2004}
.ngs-hub.is-open .ngs-game:hover{transform:translateY(-3px);border-color:#F2C14E}
/* bloqueado: capas apagadas */
.ngs-hub.is-locked .ngs-cover img{filter:grayscale(1) brightness(.55);opacity:.45}
.ngs-hub.is-locked .ngs-game{cursor:not-allowed}
.ngs-hub.is-locked .ngs-game-title,.ngs-hub.is-locked .ngs-game-desc{opacity:.55}
.ngs-hub.is-locked .ngs-game-cta{background:rgba(255,255,255,.1);color:rgba(245,240,232,.6)}
.ngs-lock-ico{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px;text-shadow:0 4px 18px rgba(0,0,0,.6)}

/* Botão de música */
.ngs-space .ngs-music{position:absolute;top:10px;right:10px;z-index:12;width:38px;height:38px;border-radius:50%;border:1px solid rgba(245,240,232,.25);background:rgba(14,9,32,.75);color:#F5F0E8;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.ngs-space .ngs-music:hover{border-color:#F2C14E}

/* 1.4.0: jogadores de hoje + títulos/links da coluna sem herdar cores do tema */
.ngs-players{display:flex;align-items:center;gap:14px}
.ngs-players-ico{font-size:30px;line-height:1}
.ngs-players-num{font-family:'Bungee',sans-serif;font-size:26px;color:#6EE7B7;line-height:1.1}
.ngs-players-num small{font-family:'Space Grotesk',system-ui,sans-serif;font-size:14px;color:#F5F0E8;font-weight:600}
.ngs-players-sub{font-size:13px;color:rgba(245,240,232,.65);margin-top:4px}
.ngs-players-sub strong{color:#F2C14E}
.entry-content .ngs-space h2,.entry-content .ngs-space h3{color:#F5F0E8;margin-top:0;line-height:1.3}
.entry-content .ngs-space .ngs-rules h3{font-size:15px}
.entry-content .ngs-space a{text-decoration:none}
.entry-content .ngs-wallet-top a{color:#F2C14E}
