.juego-catalogo { max-width: 1160px; margin-inline: auto; padding: clamp(24px, 5vw, 64px) 20px 100px; }
.juego-catalogo .titulo { max-width: 24ch; }
.juego-catalogo .entrada { max-width: 65ch; }
.juego-catalogo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 36px 0; }
.juego-catalogo-item { padding: 24px; border: 1px solid var(--borde, #7b8da5); border-radius: 16px; }
.juego-catalogo-item h2 { margin-top: 0; font-size: clamp(1.25rem, 2vw, 1.7rem); }
.juego-catalogo-item p { max-width: 60ch; }
.juego-catalogo-item .btn { margin-top: 12px; }
.juego-ajustes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; border: 1px solid var(--borde, #7b8da5); border-radius: 12px; padding: 18px; margin: 20px 0; }
.juego-ajustes legend { padding-inline: 6px; font-weight: 700; }
.juego-ajustes-panel { margin: 0 0 20px; }
.juego-ajustes-panel > summary { padding: 12px 0; cursor: pointer; font-weight: 600; }
.juego-ajustes .nota, .juego-ayuda-label { grid-column: 1 / -1; }
.juego-ajustes select { width: 100%; max-width: 100%; }
.juego-ayuda-label { display: flex; align-items: center; gap: 10px; }
.juego-ayuda-label input { width: 20px; height: 20px; }
.juego-controles { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.juego-controles p { margin: 0; font-variant-numeric: tabular-nums; }
.juego-desglose { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.juego-desglose div { border-top: 1px solid var(--borde, #7b8da5); padding-top: 10px; }
.juego-desglose dd { font-size: 1.6rem; margin: 4px 0; }
.opciones button[data-descartada="si"] { opacity: .55; }
.juego-ayudas { gap: 12px; flex-wrap: wrap; }
.juego-ayudas button { min-height: 44px; }
.juego-catalogo a:focus-visible, .juego button:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
@media(max-width: 640px) { .juego-catalogo-grid, .juego-ajustes { grid-template-columns: 1fr; } .juego-catalogo-item { padding: 20px; } .juego-catalogo .titulo { font-size: clamp(2rem, 9vw, 3rem); } }