/* Retos en la tablet: botones grandes, poco texto, colores tranquilos. Sin fuentes externas. */
:root{
  --fondo:#eef0f4; --hoja:#fff; --tinta:#1a1d24; --tinta2:#434a59; --gris:#5d6474; --linea:#d5dae3; --suave:#f5f6f8;
  --azul:#2c5bbf; --azul2:#cfe0fb; --verde:#257f46; --verde2:#e3f4e8; --rojo:#c8382f; --rojo2:#fdecea; --naranja:#ad5b12; --amarillo:#f5c518;
  --r:16px; --sombra:0 2px 4px rgba(20,24,33,.06),0 10px 26px -14px rgba(20,24,33,.3);
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--fondo);color:var(--tinta)}
body{font:500 18px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
svg{display:block}
[hidden]{display:none!important}
.barra{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:var(--tinta);color:#fff;min-height:68px}
.barra h1{flex:1;margin:0;font-size:clamp(1.05rem,2.6vw,1.45rem);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inicio{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.14)}
.inicio svg{width:28px;height:28px;fill:#fff}
.estrellas{font-weight:800;font-size:1.05rem;display:flex;align-items:center;gap:6px;white-space:nowrap}
.estrellas svg{width:24px;height:24px}
.pc{display:flex;align-items:center;gap:8px;height:52px;padding:0 16px;border:0;border-radius:14px;background:var(--amarillo);color:var(--tinta);font-weight:800}
.pc svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pc[aria-pressed="true"]{background:rgba(255,255,255,.16);color:#fff}
.pc.instalar,.pc.escuchar{background:#fff}
.pista-teclado{grid-column:1/-1;margin:2px 0 0;color:var(--gris);font-size:.92rem}
@media (max-width:620px){.pc span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pc{padding:0 14px}}
main{padding:16px max(16px,env(safe-area-inset-left)) 32px;max-width:1280px;margin:0 auto}
:focus-visible{outline:4px solid var(--amarillo);outline-offset:2px}

/* pantalla de entrada */
.entrada{position:fixed;inset:0;z-index:50;background:rgba(26,29,36,.92);display:grid;place-items:center;padding:24px}
.entrada-caja{background:var(--hoja);border-radius:24px;padding:32px 28px;max-width:560px;width:100%;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}
.entrada-pre{margin:0;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);font-weight:700}
.entrada-tit{margin:0;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800;line-height:1.15}
.entrada-nota{margin:0;color:var(--tinta2);font-size:1rem}
.grande{min-height:72px;padding:0 30px;border:0;border-radius:18px;background:var(--azul);color:#fff;font-size:1.3rem;font-weight:800;box-shadow:var(--sombra)}
.enlace{border:0;background:none;color:var(--azul);font-weight:700;text-decoration:underline;padding:10px}

/* menú de actividades */
.menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.tarjeta{display:flex;flex-direction:column;gap:8px;text-align:left;border:0;border-radius:var(--r);background:var(--hoja);padding:18px;box-shadow:var(--sombra);border-top:8px solid var(--c,var(--azul));min-height:170px}
.tarjeta small{color:var(--gris);font-weight:700;letter-spacing:.06em}
.tarjeta b{font-size:1.35rem;line-height:1.2}
.tarjeta span{color:var(--tinta2)}
.tarjeta .est{margin-top:auto;display:flex;gap:4px}
.tarjeta .est svg{width:22px;height:22px}
.pie{margin-top:22px;color:var(--gris);font-size:.95rem;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.pie button{border:2px solid var(--linea);background:var(--hoja);border-radius:12px;padding:10px 14px;font-weight:700}

/* niveles */
.niveles{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.nivel{min-height:56px;padding:6px 16px;border:2px solid var(--linea);border-radius:14px;background:var(--hoja);font-weight:750;display:flex;align-items:center;gap:8px}
.nivel[aria-current="true"]{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.nivel .est{display:flex;gap:1px}.nivel .est svg{width:16px;height:16px}
.nivel.corto{flex-direction:column;gap:2px;min-width:64px;justify-content:center;padding:4px 10px}
.e3{display:inline-flex;gap:2px;vertical-align:middle}.e3 svg{display:inline-block}

/* zona de juego */
.juego{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:820px),(orientation:portrait){.juego{grid-template-columns:minmax(0,1fr)}}
.panel{background:var(--hoja);border-radius:var(--r);box-shadow:var(--sombra);padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0}
.panel>h2{margin:0;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.enunciado{margin:0;font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:750;line-height:1.25}
.enunciado b{color:var(--azul)}
.dibujo{display:block;width:100%;height:auto;touch-action:manipulation}
.dibujo.tab{max-height:calc(100vh - 200px);width:auto;max-width:100%;margin:0 auto}
@media (orientation:portrait){.dibujo.tab{max-height:46vh}}
.ronda{color:var(--gris);font-weight:700}
.estado{margin:0;min-height:58px;border-radius:14px;padding:12px 16px;font-weight:700;font-size:1.15rem;display:flex;gap:10px;align-items:center;background:var(--suave)}
.estado svg{width:30px;height:30px;flex:none}
.estado.bien{background:var(--verde2);color:#17602f}
.estado.mal{background:var(--rojo2);color:#8f2a22}
.estado.pista{background:#fff4d6;color:#6b4300}
.fila{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.boton{min-height:60px;padding:0 22px;border:2px solid var(--linea);border-radius:16px;background:var(--hoja);font-weight:800;font-size:1.1rem}
.boton.primario{background:var(--azul);border-color:var(--azul);color:#fff}
.boton.verde{background:var(--verde);border-color:var(--verde);color:#fff}
.boton:disabled{opacity:.4}

/* teclado numérico */
.respuesta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:750;font-size:1.3rem}
.casilla{min-width:3.6em;min-height:64px;padding:0 14px;border:3px solid var(--linea);border-radius:14px;background:var(--hoja);display:grid;place-items:center;font-size:1.8rem;font-weight:800}
.casilla.activa{border-color:var(--azul);box-shadow:0 0 0 4px var(--azul2)}
.teclado{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:420px}
.tecla{min-height:64px;border:0;border-radius:14px;background:var(--suave);font-size:1.6rem;font-weight:800;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08)}
.tecla:active{transform:translateY(1px)}
.tecla.ok{background:var(--verde);color:#fff;font-size:1.25rem}
.tecla.borra{font-size:1.2rem}
.teclado.letras{grid-template-columns:repeat(10,minmax(0,1fr));max-width:640px;gap:6px}
.teclado.letras .tecla{min-height:54px;font-size:1.2rem}
.teclado.letras .tecla.borra{grid-column:span 3}.teclado.letras .tecla.ok{grid-column:span 4}
.grupo{margin:20px 0 10px;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.grupo:first-child{margin-top:4px}

/* robot */
.bloques{display:flex;flex-wrap:wrap;gap:10px}
.bq{min-height:64px;padding:0 16px;border:0;border-radius:12px;color:#fff;font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:8px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18)}
.bq svg{width:30px;height:30px;fill:#fff}
.bq:disabled{opacity:.35}
.bq.mov{background:#2c5bbf}.bq.gir{background:#257f46}.bq.repb{background:#b65c06}
.programa{min-height:120px;border:3px dashed var(--linea);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.programa .vacio{color:var(--gris);font-weight:600;margin:auto}
.pb{display:flex;align-items:center;gap:8px;border:0;border-radius:10px;color:#fff;font-weight:750;padding:8px 12px;min-height:48px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.pb svg{width:24px;height:24px;fill:#fff}
.pb.mov{background:#2c5bbf}.pb.gir{background:#257f46}
.pb.on{outline:4px solid var(--amarillo);outline-offset:1px}
.rep{border-radius:12px;background:#b65c06;padding:6px 6px 10px;display:flex;flex-direction:column;gap:6px;min-width:220px}
.rep.destino{box-shadow:0 0 0 4px var(--amarillo)}
.rep-cab{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;padding:2px 4px}
.rep-cab button{min-width:44px;min-height:44px;border:0;border-radius:10px;background:rgba(255,255,255,.25);color:#fff;font-size:1.4rem;font-weight:800}
.rep-cab b{min-width:1.4em;text-align:center;font-size:1.3rem}
.rep-cab .quitar{margin-left:auto;font-size:1rem;padding:0 10px}
.rep-in{background:var(--hoja);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-height:56px}
.rep-in .vacio{color:var(--gris);font-size:.95rem;margin:auto 4px}
.ayuda{margin:0;color:var(--tinta2);font-size:1rem}

/* cubos y vistas */
.ops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.op{border:4px solid var(--linea);border-radius:14px;background:#fbfcfe;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px}
.op b{font-size:1.2rem}
.op svg{width:100%;max-width:150px;height:auto}
.op.bien{border-color:var(--verde);background:var(--verde2)}
.op.mal{border-color:var(--rojo);background:var(--rojo2)}

/* traza de variables */
.prog{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-weight:650;font-size:1.15rem}
.b{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;color:#fff;padding:9px 14px;border-radius:8px}
.b.ev{border-radius:16px 16px 8px 8px}
.v{background:#fff;color:#1a1d24;border-radius:999px;padding:1px 10px;font-weight:800}
.r{border-radius:999px;padding:2px 10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.c{display:inline-flex;flex-direction:column;min-width:240px}
.c-cab{color:#fff;padding:9px 14px;border-radius:8px 8px 8px 0;display:flex;gap:8px;align-items:center}
.c-in{border-left:22px solid var(--bc);padding:4px 0 4px 0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.c-pie{height:18px;width:120px;border-radius:0 0 8px 8px}
.traza{border-collapse:collapse;font-size:1.05rem}
.traza th,.traza td{border-bottom:1px solid var(--linea);padding:6px 10px;text-align:left}
.traza td:last-child{font-weight:800;text-align:right}

.anim-sale{animation:sale .35s ease-out}
@keyframes sale{from{transform:scale(.96);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.anim-sale{animation:none}}

/* ---- segunda tanda de retos ---- */
.panel-tit{margin:0;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);font-weight:700}
.dato{margin:0;font-size:1.2rem;font-weight:650}
.dato b{color:var(--azul)}
/* cartas binarias */
.cartas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.carta{border:0;background:none;padding:0;width:min(110px,15vw);display:flex;flex-direction:column;align-items:center;gap:4px}
.carta svg{width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15))}
.carta b{font-size:1.4rem;min-height:1.4em}
.carta:disabled{opacity:1;cursor:default}
.bits{margin:0;text-align:center;font:800 2rem/1 ui-monospace,Consolas,monospace;letter-spacing:.15em;min-height:1em}
/* mensajes secretos */
.cifra{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.cifra .cod{min-width:52px;min-height:58px;display:grid;place-items:center;border:3px solid var(--tinta);border-radius:12px;background:#fff;color:var(--tinta);font:800 1.7rem/1 system-ui,sans-serif;padding:0 8px;cursor:pointer}
.cifra .cod.on{background:#fff4d6;border-color:var(--naranja);box-shadow:0 0 0 3px #f5c518}
.llave>span.on,.tira span.on{background:#fff4d6;border-color:var(--naranja);box-shadow:0 0 0 3px #f5c518}
.cifra-marca{margin:0;font-size:1.3rem;font-weight:800;letter-spacing:.12em}
.cifra-marca:empty{display:none}
.l-ok{color:#17602f}
.l-no{color:#8f2a22;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.llave{display:flex;flex-wrap:wrap;gap:4px}
.llave>span{display:flex;flex-direction:column;align-items:center;min-width:38px;border:1.5px solid var(--linea);border-radius:8px;padding:3px 2px;font-weight:700;background:#fff}
.llave>span b{font-size:1.15rem;color:var(--azul)}
.tira{display:flex;flex-wrap:wrap;gap:3px}
.tira span{width:32px;height:38px;display:grid;place-items:center;border:1.5px solid var(--linea);border-radius:6px;background:#fff;font-weight:800}
.casilla.ancha{min-width:12ch;letter-spacing:.12em;justify-content:start}
.cifra-prueba{margin:0;font-size:1.25rem}
.cifra-prueba span{font-weight:800;letter-spacing:.12em;color:var(--azul)}
/* tortuga */
.lienzo{min-height:240px;display:grid;place-items:center;background:#fbfcfe;border-radius:12px}
.con-pisos>.dibujo{max-height:min(40vh,320px);width:auto;max-width:100%;margin:0 auto}
.dibujo.tortuga{max-height:min(48vh,420px);width:auto;max-width:100%}
/* píxel art */
.pix{display:grid;gap:2px;background:#c3c8d2;padding:2px;border-radius:8px;max-width:min(560px,100%);margin:0 auto;width:100%;touch-action:none}
.px{aspect-ratio:1;border-radius:3px;cursor:pointer}
.px.mal{outline:3px solid #c8382f;outline-offset:-3px}
.px.sel{box-shadow:inset 0 0 0 3px #f5c518,inset 0 0 0 5px #1a1d24}
.pixcod{margin:0;padding-left:1.8em;display:flex;flex-direction:column;gap:3px;font-weight:700}
.pixcod li{display:flex;flex-wrap:wrap;gap:4px}
.pixcod li button{display:flex;flex-wrap:wrap;gap:4px;border:2px solid transparent;border-radius:8px;background:none;padding:2px 4px;font:inherit;color:inherit;text-align:left;cursor:pointer}
.pixcod li button.on{border-color:var(--naranja);background:#fff4d6}
.pixcod span{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--linea);border-radius:6px;padding:0 6px;background:#fff}
.pixcod i{width:14px;height:14px;border-radius:3px;border:1px solid #8a92a3;display:inline-block}
.color{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 14px;border:3px solid var(--linea);border-radius:14px;background:#fff;font-weight:750}
.color i{width:24px;height:24px;border-radius:6px;background:var(--c);border:1.5px solid #8a92a3}
.color.on{border-color:var(--tinta);box-shadow:0 0 0 3px var(--amarillo)}
/* opciones de texto */
.ops-txt{display:flex;flex-direction:column;gap:10px}
.op-txt{display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 14px;border:3px solid var(--linea);border-radius:14px;background:#fff;text-align:left;font-size:1.05rem}
.op-txt.bien{border-color:var(--verde);background:var(--verde2)}
.op-txt small{display:block;font-weight:600;color:var(--tinta2);font-size:.92rem}
.op-txt.mal{border-color:var(--rojo);background:var(--rojo2)}
/* regla secreta */
.nums{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.num{min-height:58px;border:3px solid var(--linea);border-radius:12px;background:#fff;font-size:1.4rem;font-weight:800}
.num.si{background:var(--verde);border-color:var(--verde);color:#fff}
.num.no{background:#e4e6eb;border-color:#c3c8d2;color:#5d6474}
/* balanza */
.balanza{background:#fbfcfe;border-radius:12px}
.cajas{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.caja{display:flex;flex-direction:column;gap:6px;align-items:center}
.caja-b{width:84px;height:84px;border:3px solid var(--tinta);border-radius:14px;background:#b65c06;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.caja-b b{font-size:2rem}.caja-b small{font-weight:800}
.caja.en .caja-b{box-shadow:0 0 0 5px var(--amarillo)}
.flechas{display:flex;gap:6px}
.flechas button{min-width:38px;min-height:44px;border:2px solid var(--linea);border-radius:10px;background:#fff;font-size:1.1rem}
.flechas button:disabled{opacity:.3}
.pesadas{margin:0;padding-left:1.4em;font-weight:650;min-height:1.4em}
.pisos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:10px}
.pisos figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.pisos svg{width:100px;height:auto;display:block}
.pisos figcaption{font-weight:750;font-size:.95rem;color:var(--tinta2)}
/* Adivina el número: ¿dónde se esconde Robi? */
.adv-cuenta{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;font-weight:700;color:var(--tinta2)}
.adv-cuenta b{color:var(--azul);font-size:1.2em}
.adv-caja{position:relative}
.adv-tab{display:grid;gap:6px}
.adv-tab.veinte{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.adv-tab.cien{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}
.adv-f{aspect-ratio:1;border:0;border-radius:10px;padding:0;display:grid;place-items:center;background:#dfe9fb;color:#1b3f8f;font-weight:800;font-size:clamp(.8rem,2.1vw,1.15rem);box-shadow:inset 0 -3px 0 rgba(27,63,143,.2);cursor:pointer;transition:opacity .35s,transform .35s,background-color .35s,color .35s,box-shadow .35s}
.adv-tab.veinte .adv-f{font-size:clamp(1.3rem,3.6vw,2.1rem);border-radius:16px}
.adv-f:hover:not(:disabled){background:#c9dbfa}
.adv-f.fuera{background:#eceef2;color:#a5abb8;transform:scale(.84);box-shadow:none;cursor:default}
.adv-f.probado{box-shadow:inset 0 0 0 3px #5d6474}
.adv-f.mitad{background:#fff4d6;color:#6b4300;box-shadow:0 0 0 4px #f5c518;animation:adv-latido 1s ease-in-out infinite}
.adv-f.robi{background:#fff4d6;box-shadow:0 0 0 4px #f5c518;transform:scale(1.1);position:relative;z-index:1}
.adv-f.robi svg{width:78%;height:auto}
.adv-tab.mil{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 8px}
.adv-bloque{display:flex;flex-direction:column;align-items:center;gap:3px}
.adv-rej{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:1px;width:100%}
.adv-c{aspect-ratio:1;border-radius:1.5px;background:#7fa2e8;transition:opacity .35s,background-color .35s}
.adv-c.fuera{background:#e4e6eb}
.adv-c.probado{background:#5d6474}
.adv-c.mitad{background:#f5c518;outline:2px solid #b8860b}
.adv-c.robi{background:#f5c518;outline:2px solid #1a1d24}
.adv-bloque small{font-size:.75rem;font-weight:700;color:var(--gris)}
.adv-revela{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.adv-revela[hidden]{display:none}
.adv-revela>div{position:relative;display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:26px;padding:14px 26px 10px;box-shadow:0 10px 40px rgba(20,24,33,.28);animation:adv-sale .5s cubic-bezier(.2,1.5,.4,1)}
.adv-revela>div>svg{width:min(120px,24vw);height:auto}
.chispas svg{width:22px;height:22px;display:block}
.adv-revela b{font-size:2rem;line-height:1.1}
.chispas{position:absolute;left:50%;top:44%;width:0;height:0}
.chispas i{position:absolute;left:-11px;top:-11px;transform:rotate(calc(var(--k)*45deg)) translateY(-92px);animation:adv-chispa .7s ease-out both}
@keyframes adv-sale{from{transform:scale(.2);opacity:0}to{transform:none;opacity:1}}
@keyframes adv-chispa{from{transform:rotate(calc(var(--k)*45deg)) translateY(-20px) scale(.2);opacity:0}to{transform:rotate(calc(var(--k)*45deg)) translateY(-92px) scale(1);opacity:1}}
@keyframes adv-latido{50%{transform:scale(1.08)}}
.adv-lista{display:flex;flex-wrap:wrap;gap:6px}
.adv-lista:empty{display:none}
.adv-int{border-radius:999px;padding:4px 12px;font-weight:800;background:var(--suave);border:2px solid var(--linea)}
.adv-int.mas{border-color:#9db8ef}.adv-int.menos{border-color:#f0b37a}.adv-int.si{background:#fff4d6;border-color:#f5c518}
@media (prefers-reduced-motion:reduce){.adv-f,.adv-c{transition:none}.adv-f.mitad,.adv-revela>div,.chispas i{animation:none}}
/* Aparca el coche Nezha */
.vel-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.vd{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;background:var(--suave);border:2px solid transparent;border-radius:14px;padding:8px 12px}
.vd-ico{grid-row:span 2;width:32px;height:32px;color:var(--azul)}
.vd-ico svg{width:100%;height:100%;display:block}
.vd-nom{font-size:.8rem;font-weight:800;color:var(--gris);text-transform:uppercase;letter-spacing:.06em}
.vd b{font-size:1.3rem}
.vd.incog{border-color:var(--naranja);background:#fff4d6}
.vd.incog .vd-ico{color:var(--naranja)}
.vel-escena svg{display:block;width:100%;height:auto}
.juego.ancho{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
@media (max-width:820px),(orientation:portrait){.juego.ancho{grid-template-columns:minmax(0,1fr)}}