/*
 * O cassino do site novo (etapa 5 da reformulação aprovada pelo dono em 28/09/2026):
 * a capa do jogo, as fileiras que rolam para o lado, os atalhos em bolinha, a vitrine
 * (busca, tipos, provedores) e a página do jogo aberto. Classes .nc-*.
 *
 * As capas e as fileiras também aparecem no início do site (public/css/novo/inicio.css).
 */

.nc-pagina { max-width: 1560px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-content: start; padding: 0 0 110px; --nc-linha: var(--nv-linha, #2a3037); --nc-cartao: var(--nv-cartao, #1b1f24); --nc-fundo-2: #15181c; --nc-texto-2: #b9bec5; --nc-texto-3: #737a83; }
.nc-pagina [hidden] { display: none !important; }
.nc-fileira[hidden], .nc-rolo-seta[hidden], .nc-coracao[hidden], .nc-pilula[hidden] { display: none !important; }

/* ------------------------------------------------------------------ títulos */
.nc-titulo { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; min-width: 0; }
.nc-titulo h2 { margin: 0; display: flex; align-items: center; gap: 9px; font-size: 18px; font-weight: 800; letter-spacing: -.01em; color: #fff; }
.nc-titulo > span { font-size: 12px; font-weight: 700; color: var(--nc-texto-3, #737a83); }
.nc-titulo-icone { display: flex; color: #00ff88; }
.nc-titulo .ne-ver, .nc-ver { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 700; color: #00ff88 !important; white-space: nowrap; text-decoration: none; }
.nc-titulo .ne-ver:hover, .nc-ver:hover { text-decoration: underline; }
.nc-novo { padding: 2px 7px; border-radius: 6px; background: rgba(0, 255, 136, .14); color: #00ff88; font-size: 10px; font-weight: 800; letter-spacing: .04em; }

/* ------------------------------------------------------------------ a capa do jogo */
.nc-capa { position: relative; display: grid; gap: 6px; align-content: start; min-width: 0; }
.nc-capa-arte { position: relative; display: flex; align-items: flex-end; aspect-ratio: 1; padding: 9px; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .14); background: radial-gradient(110% 90% at 80% 0%, rgba(255, 255, 255, .2), transparent 55%), linear-gradient(150deg, #1e3a8a, #0e1013); text-decoration: none; transition: transform .15s ease, border-color .15s ease; }
.nc-mesa .nc-capa-arte { aspect-ratio: 16 / 10; }
.nc-capa-arte img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
/* Com a arte, o nome fica só para quem lê a tela com leitor (a arte já traz o nome do jogo). */
.nc-capa-nome { position: relative; font-size: 13.5px; line-height: 1.12; color: #fff; text-shadow: 0 1px 8px rgba(0, 0, 0, .6); overflow-wrap: anywhere; }
.nc-capa-arte img + .nc-capa-nome { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.nc-capa-jogar { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(8, 10, 12, .62); opacity: 0; transition: opacity .15s ease; }
.nc-capa-jogar i { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 16px; border-radius: 999px; background: #00ff88; color: #0e1013; font-size: 13px; font-weight: 800; font-style: normal; }
@media (hover: hover) {
    .nc-capa-arte:hover { border-color: #00ff88; transform: translateY(-3px); }
    .nc-capa-arte:hover .nc-capa-jogar { opacity: 1; }
}
.nc-capa-arte:focus-visible { outline: 2px solid #00ff88; outline-offset: 2px; }
.nc-capa-prov { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 700; color: var(--nc-texto-3, #737a83); }
.nc-selo { position: absolute; left: 7px; top: 7px; display: inline-flex; align-items: center; gap: 5px; padding: 2px 7px; border-radius: 6px; background: #ffd43b; color: #0e1013; font-size: 10px; font-weight: 800; letter-spacing: .02em; }
.nc-selo-vivo { background: rgba(0, 0, 0, .66); color: #fff; }
.nc-selo-vivo i { width: 5px; height: 5px; border-radius: 50%; background: #ff4d5e; }
.nc-coracao { position: absolute; right: 7px; top: 7px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .5); color: #fff; cursor: pointer; }
.nc-coracao:hover { background: rgba(0, 0, 0, .75); }
.nc-coracao[aria-pressed="true"] { color: #ff4d5e; }
.nc-coracao[aria-pressed="true"] svg { fill: currentColor; }
.nc-coracao:focus-visible { outline: 2px solid #00ff88; outline-offset: 2px; }

/* ------------------------------------------------------------------ a fileira que rola */
.nc-fileira { display: grid; gap: 12px; min-width: 0; }
.nc-rolo { position: relative; min-width: 0; }
.nc-capas { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 8 * 12px) / 9); gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none; padding: 4px 0 2px; }
.nc-capas::-webkit-scrollbar { display: none; }
.nc-capas > * { scroll-snap-align: start; }
.nc-capas-mesas { grid-auto-columns: calc((100% - 5 * 12px) / 6); }
.nc-rolo-seta { position: absolute; top: calc(50% - 30px); z-index: 3; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid #3a424b; border-radius: 50%; background: rgba(20, 23, 27, .94); color: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .5); cursor: pointer; }
.nc-rolo-seta:hover { background: #00ff88; border-color: transparent; color: #0e1013; }
.nc-rolo-antes { left: -12px; }
.nc-rolo-depois { right: -12px; }
@media (hover: none) { .nc-rolo-seta { display: none !important; } }

/* ------------------------------------------------------------------ atalhos do painel */
.nc-atalhos { display: flex; gap: 18px; overflow-x: auto; scrollbar-width: none; padding: 2px 0; }
.nc-atalhos::-webkit-scrollbar { display: none; }
.nc-atalho { flex: none; display: grid; justify-items: center; gap: 7px; width: 88px; font-size: 12px; font-weight: 700; line-height: 1.2; text-align: center; color: #fff !important; text-decoration: none; }
.nc-atalho-bola { display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .2); background: radial-gradient(100% 100% at 30% 20%, rgba(255, 255, 255, .3), transparent 55%), linear-gradient(150deg, var(--cor, #1e3a8a), #0e1013); color: #fff; transition: transform .15s ease, border-color .15s ease; }
.nc-atalho:hover .nc-atalho-bola { border-color: #00ff88; transform: translateY(-2px); }
.nc-atalho:focus-visible { outline: 2px solid #00ff88; outline-offset: 3px; border-radius: 10px; }
.nc-atalho-nome { max-width: 100%; overflow-wrap: anywhere; }

/* ------------------------------------------------------------------ vitrine: topo, busca e filtros */
.nc-vitrine { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; min-width: 0; }
.nc-topo-banner[hidden] { display: none; }
.nc-cabeca { display: flex; align-items: center; gap: 12px; min-width: 0; }
.nc-cabeca h1 { margin: 0; font-size: 26px; font-weight: 800; letter-spacing: -.02em; color: #fff; }
.nc-cabeca small { font-size: 13px; font-weight: 700; color: var(--nc-texto-3); }
.nc-ferramentas { display: flex; align-items: center; gap: 10px; min-width: 0; }
.nc-busca { flex: 1; min-width: 0; display: flex; align-items: center; gap: 9px; height: 44px; padding: 0 8px 0 16px; border-radius: 999px; background: var(--nc-fundo-2); border: 1px solid #3a424b; color: var(--nc-texto-3); }
.nc-busca:focus-within { border-color: #00ff88; color: #00ff88; }
.nc-busca input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: #fff; font: inherit; font-size: 14px; }
.nc-busca input::placeholder { color: var(--nc-texto-3); }
.nc-busca input::-webkit-search-cancel-button { display: none; }
.nc-busca-limpar { flex: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--nc-texto-2); cursor: pointer; }
.nc-busca-limpar:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.nc-escolha { position: relative; flex: none; }
.nc-pilula { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--nc-linha); background: var(--nc-fundo-2); color: var(--nc-texto-2); font: inherit; font-size: 13px; font-weight: 700; white-space: nowrap; text-decoration: none; cursor: pointer; }
.nc-pilula:hover { color: #fff; border-color: #3a424b; }
.nc-pilula b { font-weight: 800; color: var(--nc-texto-3); }
.nc-pilula.ativo, .nc-pilula[aria-pressed="true"], .nc-pilula[aria-current="true"] { background: rgba(0, 255, 136, .12); border-color: rgba(0, 255, 136, .5); color: #00ff88; }
.nc-pilula.ativo b, .nc-pilula[aria-pressed="true"] b, .nc-pilula[aria-current="true"] b { color: #00ff88; opacity: .8; }
.nc-pilula:focus-visible { outline: 2px solid #00ff88; outline-offset: 2px; }
.nc-ferramentas .nc-pilula { height: 44px; }
.nc-pilula-coracao { color: #ff4d5e; display: flex; }
.nc-lista-de-escolhas { position: absolute; right: 0; top: calc(100% + 6px); z-index: 40; min-width: 230px; max-height: 340px; overflow-y: auto; padding: 6px; border-radius: 14px; background: #1b1f24; border: 1px solid #3a424b; box-shadow: 0 24px 60px rgba(0, 0, 0, .7); }
.nc-lista-de-escolhas button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 38px; padding: 0 10px; border: 0; border-radius: 9px; background: transparent; color: #fff; font: inherit; font-size: 13.5px; font-weight: 600; text-align: left; cursor: pointer; }
.nc-lista-de-escolhas button:hover { background: rgba(255, 255, 255, .06); }
.nc-lista-de-escolhas button[aria-checked="true"] { color: #00ff88; }
.nc-lista-de-escolhas button small { margin-left: auto; font-size: 11.5px; font-weight: 700; color: var(--nc-texto-3); }
.nc-tipos { display: flex; gap: 8px; flex-wrap: wrap; min-width: 0; }

/* ------------------------------------------------------------------ continue jogando */
.nc-continuar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.nc-cont { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px; border-radius: 14px; background: var(--nc-cartao); border: 1px solid var(--nc-linha); color: #fff !important; text-decoration: none; min-width: 0; }
.nc-cont:hover { border-color: #00ff88; }
.nc-cont-arte { width: 72px; height: 72px; border-radius: 10px; overflow: hidden; background: linear-gradient(150deg, #1e3a8a, #0e1013); }
.nc-cont-arte img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nc-cont-texto { display: grid; gap: 3px; min-width: 0; }
.nc-cont-texto b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nc-cont-texto span { font-size: 11.5px; font-weight: 600; color: var(--nc-texto-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nc-botao { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 34px; padding: 0 14px; border: 0; border-radius: 999px; background: #00ff88; color: #0e1013 !important; font: inherit; font-size: 12.5px; font-weight: 800; white-space: nowrap; text-decoration: none; cursor: pointer; }
.nc-botao:hover { background: #33ffa0; }
.nc-botao-sec { background: transparent; border: 1px solid #3a424b; color: #fff !important; }
.nc-botao-sec:hover { background: rgba(255, 255, 255, .06); }

/* ------------------------------------------------------------------ banners entre as fileiras */
.nc-meio .lb { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; }
.nc-meio .lb .lb-imagem { aspect-ratio: 16 / 9; }
.lb[data-lb-espaco="cassino_topo"] { margin: 0; }
.lb[data-lb-espaco="cassino_topo"] .lb-imagem { aspect-ratio: 5 / 1; }
.lb[data-lb-espaco="cassino_jogo"] { margin: 0; display: grid; gap: 12px; }
.lb[data-lb-espaco="cassino_jogo"] .lb-imagem { aspect-ratio: 16 / 9; }
.lb[data-lb-espaco="cassino_jogo"] .lb-banner { min-height: 150px; padding: 14px 14px 24px; flex-wrap: wrap; }
.lb[data-lb-espaco="cassino_jogo"] .lb-titulo { font-size: 19px; }
.lb[data-lb-espaco="cassino_jogo"] .lb-sub { font-size: 12px; }

/* ------------------------------------------------------------------ provedores */
.nc-provedores { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
.nc-provedor { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 58px; padding: 6px 8px; border-radius: 12px; background: var(--nc-fundo-2); border: 1px solid var(--nc-linha); color: #fff !important; text-align: center; text-decoration: none; min-width: 0; }
.nc-provedor:hover { border-color: #00ff88; }
.nc-provedor b { max-width: 100%; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nc-provedor span { font-size: 11px; font-weight: 700; color: var(--nc-texto-3); }

/* ------------------------------------------------------------------ a lista filtrada */
.nc-lista-cab { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
.nc-lista-cab h2 { margin: 0; font-size: 18px; font-weight: 800; color: #fff; }
.nc-lista-cab span { font-size: 12px; font-weight: 700; color: var(--nc-texto-3); }
.nc-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); gap: 14px 12px; }
.nc-grade-mesas { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.nc-vazio { display: grid; justify-items: center; gap: 10px; padding: 46px 16px; border-radius: 14px; border: 1px dashed var(--nc-linha); color: var(--nc-texto-3); font-size: 14px; text-align: center; }
.nc-vazio b { font-size: 17px; color: #fff; }
.nc-mais { display: flex; justify-content: center; padding: 6px 0 0; min-height: 40px; }
.nc-mais [hidden] { display: none !important; }
.nc-mais .nc-botao { height: 40px; padding: 0 22px; font-size: 13.5px; }
.nc-gira { width: 26px; height: 26px; border-radius: 50%; border: 3px solid #2a3037; border-top-color: #00ff88; animation: nc-gira .8s linear infinite; }
@keyframes nc-gira { to { transform: rotate(360deg); } }
.nc-esqueleto { aspect-ratio: 1; border-radius: 12px; background: linear-gradient(100deg, #1b1f24 30%, #242a31 50%, #1b1f24 70%); background-size: 300% 100%; animation: nc-brilho 1.4s ease-in-out infinite; }
@keyframes nc-brilho { from { background-position: 100% 0; } to { background-position: 0 0; } }

/* ------------------------------------------------------------------ o jogo aberto */
.nc-jogo { max-width: 1560px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; align-content: start; padding: 0 0 60px; --nc-linha: var(--nv-linha, #2a3037); --nc-cartao: var(--nv-cartao, #1b1f24); --nc-fundo-2: #15181c; --nc-texto-2: #b9bec5; --nc-texto-3: #737a83; }
.nc-jogo [hidden] { display: none !important; }
.nc-jogo-cab { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; min-width: 0; }
.nc-jogo-nome { flex: 0 1 auto; min-width: 0; display: flex; align-items: baseline; gap: 10px; }
.nc-jogo-cab h1 { margin: 0; font-size: 20px; font-weight: 800; color: #fff; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nc-jogo-meta { font-size: 12.5px; font-weight: 700; color: var(--nc-texto-3); white-space: nowrap; }
.nc-jogo-acoes { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.nc-jogo-corpo { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 14px; align-items: start; }
.nc-palco { position: relative; aspect-ratio: 16 / 9; max-height: calc(100dvh - var(--nv-topo, 60px) - 96px); width: 100%; border-radius: 14px; overflow: hidden; background: radial-gradient(90% 90% at 50% 20%, #1e2a44, #0b0d10 70%); border: 1px solid #3a424b; }
.nc-palco iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; background: #0b0d10; }
.nc-palco-aviso { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 20px; text-align: center; color: var(--nc-texto-2); font-size: 14px; }
.nc-palco-aviso b { font-size: 19px; color: #fff; }
.nc-palco-aviso[hidden] { display: none; }
.nc-lado { display: grid; gap: 10px; align-content: start; min-width: 0; }
.nc-parecidos { display: grid; gap: 4px; padding: 12px; border-radius: 14px; background: var(--nc-cartao); border: 1px solid var(--nc-linha); }
.nc-parecidos > b { font-size: 14px; color: #fff; padding: 0 0 4px; }
.nc-parecido { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 10px; align-items: center; padding: 5px; border-radius: 10px; color: #fff !important; text-decoration: none; min-width: 0; }
.nc-parecido:hover { background: rgba(255, 255, 255, .05); }
.nc-parecido-arte { width: 52px; height: 52px; border-radius: 9px; overflow: hidden; background: linear-gradient(150deg, #1e3a8a, #0e1013); }
.nc-parecido-arte img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nc-parecido span { display: grid; min-width: 0; }
.nc-parecido b { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nc-parecido small { font-size: 11.5px; font-weight: 600; color: var(--nc-texto-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Modo cinema: o jogo ocupa a largura toda e o resto da página escurece. */
html.nc-cinema .nc-jogo-corpo { grid-template-columns: minmax(0, 1fr); }
html.nc-cinema .nc-lado, html.nc-cinema .nc-jogo-resto, html.nc-cinema .nv-rodape, html.nc-cinema .nv-trilho, html.nc-cinema .nv-anuncio { display: none !important; }
html.nc-cinema .nc-palco { max-height: calc(100dvh - var(--nv-topo, 60px) - 84px); aspect-ratio: auto; height: calc(100dvh - var(--nv-topo, 60px) - 84px); }
html.nc-cinema .content-area { padding-top: 12px; padding-bottom: 0; background: #07080a; }
html.nc-cinema .nc-jogo { max-width: none; padding-bottom: 12px; }
.nc-palco:fullscreen { border-radius: 0; border: 0; max-height: none; aspect-ratio: auto; }

/* ------------------------------------------------------------------ telas menores */
@media (max-width: 1500px) {
    .nc-capas { grid-auto-columns: calc((100% - 6 * 12px) / 7); }
    .nc-capas-mesas { grid-auto-columns: calc((100% - 4 * 12px) / 5); }
    .nc-provedores { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .nc-continuar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1180px) {
    .nc-capas { grid-auto-columns: calc((100% - 4 * 12px) / 5); }
    .nc-capas-mesas { grid-auto-columns: calc((100% - 2 * 12px) / 3); }
    .nc-provedores { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .nc-continuar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nc-meio .lb { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nc-jogo-corpo { grid-template-columns: minmax(0, 1fr); }
    .nc-parecidos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nc-parecidos > b { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
    .nc-pagina { gap: 18px; padding-bottom: 96px; }
    .nc-cabeca h1 { font-size: 22px; }
    .nc-capas { grid-auto-columns: 124px; gap: 10px; margin-right: -12px; padding-right: 12px; }
    .nc-capas-mesas { grid-auto-columns: 210px; }
    .nc-atalhos { gap: 12px; margin-right: -12px; padding-right: 12px; }
    .nc-atalho { width: 76px; font-size: 11.5px; }
    .nc-atalho-bola { width: 60px; height: 60px; }
    .nc-ferramentas { flex-wrap: wrap; }
    .nc-busca { flex: 1 1 100%; }
    .nc-escolha { flex: 1 1 0; }
    .nc-escolha .nc-pilula { width: 100%; justify-content: center; }
    .nc-lista-de-escolhas { left: 0; right: auto; min-width: 100%; }
    .nc-tipos { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-right: -12px; padding-right: 12px; }
    .nc-tipos::-webkit-scrollbar { display: none; }
    .nc-tipos .nc-pilula { flex: none; }
    .nc-continuar { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .nc-cont { grid-template-columns: 56px minmax(0, 1fr) auto; padding: 8px; }
    .nc-cont-arte { width: 56px; height: 56px; }
    .nc-provedores { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nc-meio .lb { grid-template-columns: minmax(0, 1fr); }
    .nc-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 10px; }
    .nc-grade-mesas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nc-jogo-cab { flex-wrap: nowrap; gap: 8px; }
    .nc-jogo-nome { flex: 1 1 0; display: grid; gap: 1px; }
    .nc-jogo-cab h1 { font-size: 16px; }
    .nc-jogo-meta { font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; }
    .nc-jogo-acoes { gap: 6px; }
    .nc-jogo-cab .nc-pilula span { display: none; }
    .nc-jogo-cab .nc-pilula { flex: none; width: 38px; height: 38px; padding: 0; justify-content: center; }
    .nc-rolo-seta { display: none !important; }
    .nc-palco { aspect-ratio: auto; height: calc(100dvh - var(--nv-topo, 60px) - var(--nv-baixo, 0px) - 120px); min-height: 380px; max-height: none; border-radius: 10px; }
    .nc-parecidos { grid-template-columns: minmax(0, 1fr); }
    [data-so-computador] { display: none !important; }
}
@media (max-width: 400px) {
    .nc-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
    .nc-capa-arte, .nc-atalho-bola { transition: none; }
    .nc-esqueleto, .nc-gira { animation: none; }
}