:root {
    --juego-cobre: #d97548;
    --juego-oro: #c4a137;
    --juego-fondo: #090909;
    --juego-panel: #151515;
    --juego-borde: rgba(217, 117, 72, 0.3);
}

body { background: var(--juego-fondo); }
[hidden] { display: none !important; }

.juegos-nav {
    position: sticky; top: 0; z-index: 20; background: rgba(8,8,8,.92); border-bottom: 1px solid rgba(196,161,55,.18);
    backdrop-filter: blur(14px);
}
.juegos-nav-inner {
    width: min(1180px, calc(100% - 32px)); min-height: 68px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.juegos-brand { display: inline-flex; align-items: center; gap: 10px; color: #f2e5dc; text-decoration: none; font-family: var(--font-primary); letter-spacing: .14em; }
.juegos-brand-glyph { color: var(--juego-cobre); font-size: 1.35rem; filter: drop-shadow(0 0 7px rgba(217,117,72,.65)); }
.juegos-nav-links { display: flex; align-items: center; gap: 10px; }
.juegos-nav-links a { padding: 9px 12px; color: #c9c4c0; text-decoration: none; border-radius: 999px; font-size: .9rem; }
.juegos-nav-links a:hover, .juegos-nav-links a:focus-visible { color: #fff; background: rgba(217,117,72,.15); outline: none; }

.juegos-hero {
    position: relative; overflow: hidden; padding: clamp(26px, 3.5vw, 38px) 20px 24px; border-bottom: 1px solid rgba(196,161,55,.16);
    background: radial-gradient(circle at 75% 35%, rgba(196,161,55,.12), transparent 33%), radial-gradient(circle at 20% 70%, rgba(217,117,72,.13), transparent 30%), #0b0b0b;
}
.juegos-hero::after { content: "⧈   ⍫   ⧈"; position: absolute; right: 5vw; bottom: -46px; color: rgba(217,117,72,.07); font-size: clamp(5rem,12vw,10rem); letter-spacing: .18em; pointer-events: none; }
.juegos-shell { width: min(1040px, calc(100% - 32px)); margin-inline: auto; }
.juegos-kicker { margin: 0 0 12px; color: var(--juego-cobre); font-size: .78rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.juegos-hero h1 { margin: 0; color: #fff; font-size: clamp(2.2rem, 4.5vw, 4rem); line-height: 1; }
.juegos-hero-copy { max-width: 680px; margin: 12px 0 0; color: #c8c3bf; font-family: var(--font-reading); font-size: clamp(.96rem, 1.4vw, 1.08rem); line-height: 1.5; }

.juegos-main { padding: 20px 0 72px; }
.juegos-catalogo { scroll-margin-top: 88px; }
.catalogo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.modo-card-wrap { position:relative; min-width:0; }
.modo-card {
    width:100%; height:100%; min-height: 130px; padding: 13px 48px 13px 14px; display: grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap: 10px 13px;
    border: 1px solid rgba(255,255,255,.11); border-radius: 20px; background: linear-gradient(145deg, #181818, #101010);
    color: #ddd7d2; text-align: left; font: inherit; box-shadow: 0 20px 55px rgba(0,0,0,.22);
}
.modo-card.disponible { cursor: pointer; border-color: rgba(217,117,72,.38); transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.modo-card.disponible:hover, .modo-card.disponible:focus-visible {
    border-color: var(--juego-cobre); background: linear-gradient(145deg, #211915, #111); box-shadow: 0 22px 65px rgba(0,0,0,.3), 0 0 28px rgba(217,117,72,.14); outline: none;
}
.modo-card-glyph {
    width: 44px; height: 44px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(217,117,72,.5);
    border-radius: 50%; color: var(--juego-cobre); font-size: 1.3rem; box-shadow: 0 0 18px rgba(217,117,72,.13);
}
.modo-card-contenido { display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.modo-card strong { margin-bottom: 6px; color: #fff; font-family: var(--font-primary); font-size: 1.12rem; line-height: 1.18; }
.modo-card-contenido > span:last-child { color: #aaa49f; font-size:.88rem; line-height: 1.38; }
.modo-card.proximamente { opacity: .56; }
.modo-card.proximamente .modo-card-glyph { border-color: rgba(196,161,55,.35); color: var(--juego-oro); }
.metricas-abrir { position:absolute; top:11px; right:11px; z-index:2; width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(196,161,55,.42); border-radius:50%; background:rgba(9,9,9,.84); color:#d6bd66; cursor:pointer; }
.metricas-abrir:hover,.metricas-abrir:focus-visible { border-color:var(--juego-oro); color:#fff; box-shadow:0 0 16px rgba(196,161,55,.2); outline:none; }
.metricas-grafico { width:19px; height:18px; display:flex; align-items:flex-end; justify-content:center; gap:2px; border-bottom:1px solid currentColor; }
.metricas-grafico i { width:4px; display:block; border-radius:1px 1px 0 0; background:currentColor; }
.metricas-grafico i:nth-child(1) { height:6px; opacity:.7; }
.metricas-grafico i:nth-child(2) { height:11px; opacity:.85; }
.metricas-grafico i:nth-child(3) { height:16px; }
.metricas-modal { position:fixed; inset:0; z-index:80; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.76); backdrop-filter:blur(8px); }
.metricas-dialogo { position:relative; width:min(520px,100%); max-height:calc(100vh - 40px); overflow:auto; padding:28px; border:1px solid rgba(217,117,72,.45); border-radius:22px; background:linear-gradient(145deg,#1b1816,#0e0e0e); box-shadow:0 30px 90px rgba(0,0,0,.65); outline:none; }
.metricas-cerrar { position:absolute; top:12px; right:12px; width:36px; height:36px; border:1px solid rgba(255,255,255,.15); border-radius:50%; background:#151515; color:#eee; cursor:pointer; font-size:1.35rem; }
.metricas-cerrar:hover,.metricas-cerrar:focus-visible { border-color:var(--juego-cobre); outline:none; }
.metricas-icono { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(196,161,55,.35); border-radius:50%; color:var(--juego-oro); }
.metricas-icono .metricas-grafico { width:23px; height:21px; gap:3px; }
.metricas-icono .metricas-grafico i { width:5px; }
.metricas-icono .metricas-grafico i:nth-child(1) { height:7px; }
.metricas-icono .metricas-grafico i:nth-child(2) { height:13px; }
.metricas-icono .metricas-grafico i:nth-child(3) { height:19px; }
.metricas-dialogo h2 { margin:8px 42px 6px 0; color:#fff; font-size:clamp(1.6rem,4vw,2.3rem); }
#metricas-vacio { margin:8px 0 0; color:#aaa39e; line-height:1.5; }
.metricas-grid { margin-top:22px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.metricas-grid div { padding:17px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:#121212; text-align:center; }
.metricas-grid strong { display:block; color:var(--juego-oro); font-size:1.65rem; }
.metricas-grid span { display:block; margin-top:4px; color:#96908b; font-size:.76rem; text-transform:uppercase; }
.metricas-historial { margin-top:20px; padding-top:17px; border-top:1px solid rgba(255,255,255,.1); }
.metricas-historial h3 { margin:0 0 10px; color:#ddd5cf; font-size:.95rem; }
.metricas-historial ul { margin:0; padding:0; display:grid; gap:7px; list-style:none; }
.metricas-historial li { display:flex; justify-content:space-between; gap:14px; color:#96908b; font-size:.82rem; }
.metricas-historial li strong { color:#e2d7cf; font-weight:600; }
.record-aviso { position:fixed; right:20px; bottom:20px; z-index:90; max-width:min(380px,calc(100% - 40px)); padding:14px 18px; border:1px solid rgba(196,161,55,.5); border-radius:14px; background:#17130e; color:#f4e6d8; box-shadow:0 18px 50px rgba(0,0,0,.55); }
.archivo-identidad .juego-disponible-glyph { color: var(--juego-oro); border-color: rgba(196,161,55,.55); }
.archivo-partida { padding: clamp(22px,4vw,42px); outline: none; }
.archivo-ayuda { margin: -14px 0 20px; color: #96908b; font-size: .9rem; line-height: 1.5; }
.archivo-linea {
    min-height: 100px; margin: 0 0 20px; padding: 16px; display: grid; gap: 10px; counter-reset: archivo;
    border: 1px dashed rgba(217,117,72,.38); border-radius: 16px; background: rgba(217,117,72,.035); list-style: none;
}
.archivo-linea:empty::before { content: "Aquí aparecerá el orden que elijas"; align-self: center; justify-self: center; color: #918a85; font-size: .86rem; }
[lang="en"] .archivo-linea:empty::before { content: "Your selected order will appear here"; }
.archivo-linea li { position: relative; }
.archivo-linea li:not(:last-child)::after { content: "↓"; position: absolute; left: 17px; bottom: -14px; z-index: 2; color: var(--juego-cobre); font-weight: 800; }
.archivo-reserva { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.archivo-evento {
    width: 100%; min-height: 64px; padding: 12px 14px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.13);
    border-radius: 13px; background: #121212; color: #ddd7d2; cursor: pointer; text-align: left; font: inherit; line-height: 1.4;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.archivo-evento:hover:not(:disabled), .archivo-evento:focus-visible { border-color: var(--juego-cobre); background: #1a1716; box-shadow: 0 0 18px rgba(217,117,72,.09); outline: none; }
.archivo-evento-marca { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(217,117,72,.12); color: var(--juego-cobre); font-weight: 800; }
.archivo-linea .archivo-evento { background: #191613; border-color: rgba(217,117,72,.32); }
.archivo-evento.correcta { border-color: #73bd91; background: rgba(49,108,72,.2); }
.archivo-evento.incorrecta { border-color: #be6c65; background: rgba(123,48,43,.2); }
.archivo-evento.correcta .archivo-evento-marca { color: #bff1d1; background: rgba(63,151,96,.35); }
.archivo-evento.incorrecta .archivo-evento-marca { color: #ffd5d1; background: rgba(163,67,59,.4); }
.archivo-controles { margin-top: 22px; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; }
.archivo-controles .juego-boton { min-width: 190px; }
.respuesta-confirmada { margin-top: 22px; }
.respuesta-confirmada .pregunta-retroalimentacion { margin-top: 0; }
.respuesta-confirmada > .juego-boton { margin-top: 16px; }
.constelaciones-identidad .juego-disponible-glyph { color: #f0d36a; border-color: rgba(240,211,106,.55); }
.constelaciones-partida { padding: clamp(22px,4vw,42px); outline: none; }
.constelaciones-tablero { display: grid; grid-template-columns: minmax(0,1fr) 58px minmax(0,1fr); align-items: stretch; gap: 12px; }
.constelaciones-columna { padding: 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(0,0,0,.16); }
.constelaciones-columna h3 { margin: 0 0 13px; color: #aaa39e; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.constelaciones-columna > div { display: grid; gap: 11px; }
.constelaciones-eje { position: relative; display: grid; place-items: center; color: #f0d36a; }
.constelaciones-eje::before { content: ""; position: absolute; top: 20px; bottom: 20px; width: 1px; background: linear-gradient(transparent,rgba(240,211,106,.55),transparent); }
.constelaciones-eje span { position: relative; z-index: 1; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(240,211,106,.45); border-radius: 50%; background: #151515; box-shadow: 0 0 20px rgba(240,211,106,.13); }
.constelacion-nodo { min-height: 68px; padding: 12px 14px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: #121212; color: #ddd7d2; cursor: pointer; text-align: left; font: inherit; line-height: 1.4; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.constelacion-nodo:hover:not(:disabled), .constelacion-nodo:focus-visible { border-color: #d9b84e; background: #1a1913; outline: none; }
.constelacion-pulso { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 50%; color: #d8bd65; background: rgba(240,211,106,.1); font-weight: 800; }
.constelacion-nodo.seleccionado { border-color: #f0d36a; box-shadow: 0 0 24px rgba(240,211,106,.18); }
.constelacion-nodo.conectado { border-color: rgba(217,117,72,.62); background: rgba(217,117,72,.09); }
.constelacion-nodo.conectado .constelacion-pulso { color: #f4d9cc; background: rgba(217,117,72,.3); }
.constelacion-nodo.correcta { border-color: #73bd91; background: rgba(49,108,72,.2); }
.constelacion-nodo.correcta .constelacion-pulso { color: #bff1d1; background: rgba(63,151,96,.35); }
.constelacion-nodo.incorrecta { border-color: #be6c65; background: rgba(123,48,43,.2); }
.constelacion-nodo.incorrecta .constelacion-pulso { color: #ffd5d1; background: rgba(163,67,59,.4); }
.constelaciones-leyenda { min-height: 24px; margin-top: 14px; color: #9f9994; text-align: center; font-size: .86rem; }
.juego-panel { scroll-margin-top: 88px; border: 1px solid var(--juego-borde); border-radius: 22px; background: linear-gradient(145deg, #181818, #101010); box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.juego-configuracion { padding: clamp(24px, 5vw, 48px); }
.juego-disponible { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:18px; margin-bottom:32px; padding:20px; border:1px solid rgba(196,161,55,.28); border-radius:17px; background:linear-gradient(135deg,rgba(217,117,72,.1),rgba(196,161,55,.05)); }
.juego-disponible-glyph { width:58px; height:58px; display:grid; place-items:center; border:1px solid rgba(217,117,72,.5); border-radius:50%; color:var(--juego-cobre); font-size:1.8rem; box-shadow:0 0 22px rgba(217,117,72,.14); }
.juego-disponible-kicker { color:#9d9690; font-size:.7rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.juego-disponible h2 { margin:3px 0 4px; color:#fff; font-size:clamp(1.45rem,3vw,2rem); }
.juego-disponible p { margin:0; color:#aca6a1; line-height:1.5; }
.panel-encabezado { max-width: 700px; }
.panel-encabezado h3 { margin: 0 0 10px; color: var(--juego-cobre); font-family:var(--font-primary); font-size: clamp(1.7rem, 3vw, 2.4rem); }
.panel-encabezado p { margin: 0; color: #aaa49f; line-height: 1.65; }
.juego-formulario { margin-top: 32px; }
.config-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.config-grupo { margin: 0; padding: 18px; border: 1px solid rgba(255,255,255,.11); border-radius: 15px; }
.config-grupo legend { padding: 0 7px; color: #e4ddd8; font-weight: 700; }
.config-opcion { display: flex; align-items: flex-start; gap: 10px; margin-top: 12px; color: #c8c2bd; cursor: pointer; line-height: 1.35; }
.config-opcion input { width: 18px; height: 18px; margin-top: 1px; accent-color: var(--juego-cobre); }
.config-opcion small { display: block; margin-top: 2px; color: #89847f; }
.config-opcion.no-disponible { opacity: .38; cursor: not-allowed; }
.config-opcion.opcion-oculta { display: none; }
.config-grupo.seleccion-unica .config-opcion { cursor: default; }
.config-grupo.seleccion-unica .config-opcion input { display: none; }
.config-grupo.seleccion-unica .config-opcion > span { color: #d9d2cd; }
.config-grupo.seleccion-unica .config-opcion > span::before { content: "✓ "; color: var(--juego-cobre); font-weight: 800; }
.juego-acciones { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 30px; }
.juego-boton {
    min-height: 48px; padding: 11px 19px; border: 1px solid rgba(217,117,72,.55); border-radius: 999px; background: linear-gradient(135deg,var(--juego-cobre),var(--juego-oro));
    color: #0a0a0a; cursor: pointer; font: inherit; font-weight: 800;
}
.juego-boton:hover, .juego-boton:focus-visible { filter: brightness(1.1); box-shadow: 0 0 24px rgba(217,117,72,.25); outline: none; }
.juego-boton:disabled { cursor: not-allowed; filter: grayscale(.65); opacity: .58; box-shadow: none; }
.juego-boton.secundario { color: #f3ece7; background: #191919; }
.juego-estado { margin: 0; color: #9f9994; font-size: .88rem; }
.juego-estado.error { color: #f39b8f; }
.estadisticas-locales { margin: 18px 0 0; color: #8f8984; font-size: .84rem; }

.juego-pregunta { padding: clamp(22px,4vw,42px); outline: none; }
.partida-volver { margin:0 0 20px; padding:8px 0; border:0; background:transparent; color:#aaa39d; cursor:pointer; font:inherit; }
.partida-volver:hover, .partida-volver:focus-visible { color:var(--juego-cobre); outline:none; }
.pregunta-superior { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.pregunta-contador { color: #aea8a3; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; }
.pregunta-marcador { display: flex; gap: 10px; }
.marcador-item { min-width: 86px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #9e9893; text-align: center; font-size: .72rem; text-transform: uppercase; }
.marcador-item strong { display: block; margin-top: 2px; color: #fff; font-size: 1.08rem; }
.pregunta-barra { position: relative; height: 4px; margin: 22px 0 28px; overflow: hidden; border-radius: 999px; background: #292929; }
.pregunta-barra::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--avance,0%); background: linear-gradient(90deg,var(--juego-cobre),var(--juego-oro)); transition: width .35s ease; }
.pregunta-meta { display: flex; gap: 10px; flex-wrap: wrap; }
.pregunta-etiqueta { padding: 6px 10px; border-radius: 999px; background: rgba(217,117,72,.12); color: #dd9878; font-size: .75rem; }
.pregunta-etiqueta:last-child { background: rgba(196,161,55,.1); color: #d6bd66; }
.pregunta-texto { max-width: 820px; margin: 22px 0 28px; color: #fff; font-family: var(--font-reading); font-size: clamp(1.35rem,3vw,2.15rem); line-height: 1.35; font-weight: 500; }
.pregunta-opciones { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.respuesta-opcion { min-height: 74px; padding: 13px 16px; display: flex; align-items: center; gap: 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: #121212; color: #ddd7d2; cursor: pointer; text-align: left; font: inherit; line-height: 1.4; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.respuesta-opcion:hover:not(:disabled), .respuesta-opcion:focus-visible { border-color: var(--juego-cobre); background: #1a1716; transform: translateY(-1px); outline: none; }
.respuesta-letra { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 50%; color: var(--juego-cobre); background: rgba(217,117,72,.12); font-weight: 800; }
.respuesta-opcion.correcta { border-color: #73bd91; background: rgba(49,108,72,.2); color: #effff5; }
.respuesta-opcion.correcta .respuesta-letra { color: #bff1d1; background: rgba(63,151,96,.35); }
.respuesta-opcion.incorrecta { border-color: #be6c65; background: rgba(123,48,43,.2); }
.respuesta-opcion:disabled { cursor: default; }
.pregunta-retroalimentacion { margin-top: 22px; padding: 20px; border-left: 3px solid var(--juego-cobre); border-radius: 0 13px 13px 0; background: rgba(255,255,255,.045); }
.respuesta-mensaje { margin: 0 0 8px; font-weight: 800; }
.pregunta-retroalimentacion .respuesta-mensaje:only-child { margin-bottom: 0; }
.respuesta-mensaje.acierto { color: #8fd4aa; }
.respuesta-mensaje.fallo { color: #e69b92; }
.respuesta-mensaje.avance { color: #e2c76d; }
.respuesta-mensaje.revision { color: #c9aaa3; }
.pregunta-retroalimentacion p { color: #cbc5c0; line-height: 1.6; }
.pregunta-siguiente { margin-top: 20px; }

.juego-resultado { padding: clamp(28px,6vw,58px); text-align: center; outline: none; }
.resultado-glyph { color: var(--juego-cobre); font-size: 3.6rem; filter: drop-shadow(0 0 18px rgba(217,117,72,.5)); }
.juego-resultado h2 { margin: 14px 0 10px; color: #fff; font-size: clamp(2rem,5vw,3.6rem); }
.resultado-resumen { margin: 0; color: #aaa39e; font-size: 1.05rem; }
.resultado-grid { width: min(620px,100%); margin: 30px auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.resultado-dato { padding: 18px 10px; border: 1px solid rgba(255,255,255,.11); border-radius: 14px; color: #918b87; font-size: .75rem; text-transform: uppercase; }
.resultado-dato strong { display: block; margin-bottom: 4px; color: var(--juego-oro); font-size: 1.7rem; }
.resultado-acciones { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.resultado-acciones .juego-boton { width: 210px; }
.juegos-footer { padding: 28px 20px; border-top: 1px solid rgba(196,161,55,.14); color: #77716d; text-align: center; font-size: .82rem; }

@media (min-width: 1200px) {
    .juegos-shell { width:min(1200px,calc(100% - 48px)); }
    .catalogo-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
    .modo-card { min-height:150px; padding:13px 42px 13px 13px; grid-template-columns:1fr; grid-template-rows:auto 1fr; align-items:start; gap:8px; }
    .modo-card-glyph { width:40px; height:40px; font-size:1.15rem; }
    .modo-card strong { font-size:1rem; }
    .modo-card-contenido > span:last-child { font-size:.79rem; line-height:1.35; }
}
@media (max-width: 780px) {
    .catalogo-grid { grid-template-columns: 1fr; }
    .modo-card { min-height: 0; }
    .config-grid { grid-template-columns: 1fr; }
    .pregunta-opciones { grid-template-columns: 1fr; }
    .archivo-reserva { grid-template-columns: 1fr; }
    .constelaciones-tablero { grid-template-columns: 1fr; }
    .constelaciones-eje { min-height: 42px; }
    .constelaciones-eje::before { top: 50%; right: 20px; bottom: auto; left: 20px; width: auto; height: 1px; background: linear-gradient(90deg,transparent,rgba(240,211,106,.55),transparent); }
    .juegos-nav-links a:first-child { display: none; }
    .juego-disponible { grid-template-columns:auto 1fr; }
}
@media (max-width: 520px) {
    .juegos-shell { width: min(100% - 24px,1040px); }
    .juegos-brand { letter-spacing: .08em; }
    .juegos-nav-links { gap: 2px; }
    .juegos-nav-links a { padding-inline: 8px; font-size: .8rem; }
    .juego-disponible { grid-template-columns:1fr; text-align:center; }
    .juego-disponible-glyph { grid-column:auto; justify-self:center; }
    .pregunta-superior { align-items: flex-start; flex-direction: column; }
    .pregunta-marcador { width: 100%; }
    .marcador-item { flex: 1; }
    .resultado-grid { grid-template-columns: 1fr; }
    .resultado-acciones .juego-boton { width: 100%; }
    .archivo-controles .juego-boton { width: 100%; }
    .metricas-grid { grid-template-columns:1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}