/* Área de Jogos */
.jg-card{position:relative}
.jg-status{display:block;grid-column:1/-1;margin-top:8px;font-size:.85rem;color:var(--xp,#80ff20)}
.jg-status.feito{color:var(--ash)}
#jg{display:grid;gap:14px;margin-bottom:28px}
.jg-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.jg-num{font:400 18px var(--f-pixel);color:var(--fox-hi)}
.jg-play{display:grid;gap:12px;padding:18px}
.jg-dica{margin:0;line-height:1.5}
.jg-ic{image-rendering:auto;vertical-align:middle;flex:none}
/* busca com sugestões */
.jg-busca{position:relative;max-width:520px}
.jg-busca input{width:100%;font-size:1.05rem;padding:12px 14px}
.jg-busca ul{position:static;margin:4px 0 0;padding:4px;list-style:none;background:var(--bark-2,#241b1d);box-shadow:0 0 0 2px #000;max-height:292px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.jg-busca li{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer}
.jg-busca li img{width:24px;height:24px;object-fit:cover}
.jg-busca li[aria-selected=true],.jg-busca li:hover{background:var(--bark-3)}
/* tabela do mob */
.jg-tabela-wrap{overflow-x:auto}
.jg-tabela{width:100%;min-width:720px;border-collapse:separate;border-spacing:4px}
.jg-tabela th{font:700 .78rem var(--f-body);color:var(--ash);text-transform:uppercase;letter-spacing:.04em;text-align:center;padding:4px}
.jg-tabela td{text-align:center;padding:10px 6px;font-weight:700;font-size:.9rem;color:#1b1416;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 0 0 2px #000;position:relative}
.jg-tabela td.jg-nome{display:flex;align-items:center;gap:8px;background:var(--bark-2);color:var(--snow);text-align:left;box-shadow:0 0 0 2px #000}
.jg-tabela .c-ok{background:#5fd35f}.jg-tabela .c-meio{background:#f2c94c}.jg-tabela .c-nao{background:#e0645c}
.jg-tabela .seta{display:block;font-size:1.3rem;line-height:1}
@media (prefers-reduced-motion:no-preference){.jg-tabela tr.novo td:not(.jg-nome){animation:jgvira .45s both;animation-delay:var(--d)}}
@keyframes jgvira{from{transform:rotateX(90deg);opacity:0}}
.jg-legenda{padding:12px 16px}.jg-legenda summary{cursor:pointer;font-weight:700}.jg-legenda p{margin:8px 0 0;line-height:1.6}
.jg-sq{display:inline-block;width:14px;height:14px;vertical-align:-2px;box-shadow:0 0 0 2px #000}.jg-sq.ok{background:#5fd35f}.jg-sq.meio{background:#f2c94c}.jg-sq.nao{background:#e0645c}
/* bloco, item e criador */
.jg-tex{grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}
.jg-quadro{position:relative;justify-self:center}
.jg-quadro canvas{display:block;width:256px;height:256px;image-rendering:pixelated;background:repeating-conic-gradient(#2a2124 0 25%,#1c1517 0 50%) 0 0/16px 16px;box-shadow:0 0 0 4px #000,6px 6px 0 4px rgba(0,0,0,.5)}
.jg-quadro.alto canvas{width:240px;height:320px}
.jg-etapa{position:absolute;left:8px;bottom:8px;font-size:.75rem;background:rgba(0,0,0,.65);padding:2px 6px;color:var(--snow)}
.jg-lado{display:grid;gap:12px;align-content:start;min-width:0}
.jg-erros{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.jg-erros li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;background:var(--soil);box-shadow:inset 3px 0 0 #e0645c}
.jg-erros li.ok{box-shadow:inset 3px 0 0 #5fd35f}
.jg-erros li img{width:24px;height:24px;object-fit:cover}
.jg-erros small{flex-basis:100%;color:var(--gold,#ffd24a)}
/* craftle */
.jg-craft{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.jg-mesa{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center}
.jg-alvo-craft{display:grid;justify-items:center;gap:6px;min-width:130px;text-align:center}
.jg-silh img{width:80px;height:80px}
.jg-silh img.silh{filter:brightness(0) drop-shadow(0 0 1px rgba(255,255,255,.4))}
.jg-bancada{display:grid;gap:10px;justify-items:center}
.jg-grid{display:grid;grid-template-columns:repeat(3,56px);gap:4px;padding:8px;background:#8b8b8b;box-shadow:inset 3px 3px 0 #fff6,inset -3px -3px 0 #0006,0 0 0 3px #000}
.jg-slot{width:56px;height:56px;border:0;padding:4px;background:#8b8b8b;box-shadow:inset 3px 3px 0 #373737,inset -3px -3px 0 #fff;cursor:pointer;display:grid;place-items:center}
.jg-slot:hover{background:#a0a0a0}
.jg-paleta-wrap{display:grid;gap:8px;align-content:start}
.jg-paleta{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;max-height:300px;overflow:auto;padding:4px;background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3)}
.jg-paleta button{border:0;background:var(--bark-2);padding:4px;cursor:pointer;display:grid;place-items:center;height:44px}
.jg-paleta button[aria-selected=true]{background:var(--fox);box-shadow:0 0 0 2px #fff}
.jg-hist{display:flex;flex-wrap:wrap;gap:12px}
.jg-mini{display:grid;grid-template-columns:repeat(3,34px);gap:3px;padding:6px;background:#8b8b8b;box-shadow:0 0 0 2px #000}
.jg-mini span{width:34px;height:34px;display:grid;place-items:center;background:#6f6f6f}
.jg-mini .c-ok{background:#5fd35f}.jg-mini .c-meio{background:#f2c94c}.jg-mini .c-nao{background:#e0645c}
.jg-mini.grande{grid-template-columns:repeat(3,40px);margin-top:8px}.jg-mini.grande span{width:40px;height:40px}
/* fim de jogo */
.jg-fim{display:grid;gap:12px;padding:20px;box-shadow:inset 0 0 0 3px #5fd35f}
.jg-fim.bad{box-shadow:inset 0 0 0 3px #e0645c}
.jg-fim h2{margin:0}
.jg-alvo{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:1.15rem}
.jg-foto{border-radius:0;box-shadow:0 0 0 3px #000}
.jg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:460px}
.jg-stats div{display:grid;justify-items:center;padding:8px;background:var(--soil);box-shadow:inset 0 0 0 2px var(--bark-3)}
.jg-stats b{font:400 26px var(--f-mc);color:var(--xp,#80ff20)}
.jg-stats span{font-size:.78rem;color:var(--ash)}
.jg-acts{display:flex;flex-wrap:wrap;gap:10px}
/* mais ou menos */
.jg-duelo{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:0;padding:0;overflow:hidden}
.jg-cartao{display:grid;justify-items:center;align-content:center;gap:6px;padding:28px 16px;text-align:center;min-height:360px}
.jg-cartao.esq{background:linear-gradient(180deg,rgba(247,140,40,.10),transparent)}
.jg-cartao.dir{background:linear-gradient(180deg,rgba(128,255,32,.08),transparent)}
.jg-cartao img{width:120px;height:120px;object-fit:cover;box-shadow:0 0 0 4px #000,5px 5px 0 4px rgba(0,0,0,.5)}
.jg-cartao h3{margin:6px 0 0;font-size:1.3rem;overflow-wrap:anywhere}
.jg-cartao h3 a{color:var(--snow)}
.jg-val{font:400 34px var(--f-mc);color:var(--xp,#80ff20);text-shadow:3px 3px 0 #000}
.jg-val.bad{color:#e0645c}
.jg-mm{display:flex;flex-direction:column;gap:8px;margin:6px 0}
.jg-mm .btn{min-width:150px;justify-content:center}
.jg-vs{display:grid;place-items:center;font:400 28px var(--f-pixel);color:#fff;background:#000;padding:0 14px;text-shadow:3px 3px 0 var(--fox)}
.jg-rodape{margin:0}
@media (max-width:760px){
  .jg-tex,.jg-craft{grid-template-columns:1fr}
  .jg-duelo{grid-template-columns:1fr}
  .jg-vs{padding:8px}
  .jg-cartao{min-height:0;padding:20px 14px}
  .jg-cartao img{width:88px;height:88px}
  .jg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jg-grid{grid-template-columns:repeat(3,52px)}.jg-slot{width:52px;height:52px}
}
.jg-saida{min-height:36px;display:flex;align-items:center;gap:8px;font-weight:700}
.jg-tent{display:grid;gap:4px;justify-items:center;max-width:130px;text-align:center}
.jg-feito{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--ash)}
.jg-craft{grid-template-columns:auto minmax(0,1fr)}
@media (max-width:760px){.jg-craft{grid-template-columns:minmax(0,1fr)}.jg-craft>*{min-width:0}}