.gev-misterio{
--gev-misterio-lado:5;
margin:1.5rem 0; font-size:1.0625rem;
line-height:1.6; --gev-gris:#3A4F66;
--gev-borde:#4A5D73;
--gev-verde:#046A38; --gev-m-z0:#FFF4D6; --gev-m-z0t:#6B4A00;
--gev-m-z1:#E2F0FF; --gev-m-z1t:#0B4A86;
--gev-m-z2:#E6F5EA; --gev-m-z2t:#1E5A33;
--gev-m-z3:#F6E8F3; --gev-m-z3t:#6E2A5E; container-type:inline-size;
container-name:gevmis;
} html[data-gev-tema="oscuro"] .gev-misterio{
--gev-gris:#CBD6E1;
--gev-borde:#B8C7D6;
--gev-verde:#7DEBAF;
--gev-m-z0:#3A3120; --gev-m-z0t:#FFE2A1;
--gev-m-z1:#1D3350; --gev-m-z1t:#B9DBFF;
--gev-m-z2:#1E3A2A; --gev-m-z2t:#B6EBC6;
--gev-m-z3:#3A2140; --gev-m-z3t:#F3C4E6;
}
@media (prefers-color-scheme: dark){
html:not([data-gev-tema]) .gev-misterio{
--gev-gris:#CBD6E1;
--gev-borde:#B8C7D6;
--gev-verde:#7DEBAF;
--gev-m-z0:#3A3120; --gev-m-z0t:#FFE2A1;
--gev-m-z1:#1D3350; --gev-m-z1t:#B9DBFF;
--gev-m-z2:#1E3A2A; --gev-m-z2t:#B6EBC6;
--gev-m-z3:#3A2140; --gev-m-z3t:#F3C4E6;
}
} .gev-misterio .gev-misterio__tema{
font-weight:700;
margin:0 0 .25rem;
color:var(--gev-titulo,#0F2545);
} .gev-misterio__fecha{ font-weight:400; color:var(--gev-gris,#647385); } .gev-misterio .gev-misterio__caso{
margin:0 0 .25rem;
font-size:1.1em;
font-weight:600;
color:var(--gev-verde-oscuro,#046A38);
} .gev-misterio .gev-misterio__regla{
margin:.35rem 0 .6rem;
padding:.5rem .75rem;
border-radius:6px;
background:color-mix(in srgb, var(--gev-verde,#046A38) 10%, var(--gev-caja,#F7F9FA));
color:var(--gev-texto,#1C2B3A);
} .gev-misterio__ayuda-boton{
min-height:48px;
padding:.5rem .9rem;
margin:0 0 .5rem;
border:1px solid var(--gev-borde,#5B6B82); border-radius:var(--gev-radio,4px);
background:transparent;
color:var(--gev-texto,#3A4F66);
font-size:1em;
cursor:pointer;
}
.gev-misterio__ayuda-flecha::before{ content:"▸ "; } .gev-misterio__ayuda-boton:hover,
.gev-misterio__boton:hover:not(:disabled),
.gev-misterio__ficha:hover:not(:disabled),
.gev-misterio__pista:hover{ opacity:.85; }
.gev-misterio__ayuda-boton:active,
.gev-misterio__boton:active:not(:disabled),
.gev-misterio__ficha:active:not(:disabled),
.gev-misterio__pista:active{ opacity:.7; }
.gev-misterio__ayuda-boton:focus-visible,
.gev-misterio__boton:focus-visible,
.gev-misterio__ficha:focus-visible,
.gev-misterio__pista:focus-visible,
.gev-misterio__mas summary:focus-visible{
outline:3px solid var(--gev-verde-oscuro,#046A38);
outline-offset:2px;
}
.gev-misterio__ayuda-boton[aria-expanded="true"] .gev-misterio__ayuda-flecha::before{ content:"▾ "; }
.gev-misterio .gev-misterio__ayuda{
margin:0 0 1rem;
font-size:1em;
color:var(--gev-gris,#647385);
} .gev-misterio .gev-misterio__ayuda p{ margin:0 0 .5rem; color:var(--gev-gris,#647385); }
.gev-misterio .gev-misterio__ayuda p:last-child{ margin-bottom:0; } .gev-misterio__mas summary{
cursor:pointer;
color:var(--gev-verde-oscuro,#046A38); display:flex;
align-items:center;
min-height:48px;
} .gev-misterio__caja{
display:grid;
grid-template-columns:1fr;
gap:1.25rem;
align-items:start;
}
.gev-misterio__lado-pistas{ order:1; }
.gev-misterio__columna-mapa{ order:2; }
.gev-misterio__lado-fichas{ order:3; }
.gev-misterio__lado-resto{ order:4; }
@container gevmis (min-width:40rem){
.gev-misterio__caja{
grid-template-columns:minmax(0,22rem) minmax(0,1fr);
grid-template-areas:"mapa fichas" "mapa pistas" "mapa resto";
row-gap:0;
}
.gev-misterio__columna-mapa{ grid-area:mapa; }
.gev-misterio__lado-fichas{ grid-area:fichas; }
.gev-misterio__lado-pistas{ grid-area:pistas; margin-top:1rem; }
.gev-misterio__lado-resto{ grid-area:resto; }
} .gev-misterio__tablero{
display:grid;
grid-template-columns:1.4em minmax(0,1fr);
grid-template-rows:1.4em auto;
gap:2px; max-width:26rem;
}
.gev-misterio__esquina{
display:flex;
align-items:center;
justify-content:center;
font-size:1em;
color:var(--gev-gris,#647385);
} .gev-misterio__cols{
display:grid;
grid-template-columns:repeat(var(--gev-misterio-lado),minmax(0,1fr));
gap:2px;
}
.gev-misterio__filas{
display:grid;
grid-template-rows:repeat(var(--gev-misterio-lado),1fr);
gap:2px;
}
.gev-misterio__cols span,
.gev-misterio__filas span{
display:flex;
align-items:center;
justify-content:center;
font-size:1em;
color:var(--gev-gris,#647385);
}  .gev-misterio__mapa-caja{
position:relative;
container-type:inline-size;
container-name:gevmapa;
}
.gev-misterio__mapa{
display:grid;
grid-template-columns:repeat(var(--gev-misterio-lado),minmax(0,1fr));
gap:2px;
user-select:none;
-webkit-user-select:none;
}
.gev-misterio__celda{
position:relative; box-sizing:border-box;
aspect-ratio:1;
display:flex; align-items:flex-end;
justify-content:center;
padding:0 0 3px; font-size:clamp(1.3rem,6vw,2rem);
font-size:clamp(1.3rem,8cqw,2rem);
line-height:1; touch-action:manipulation;
background:var(--gev-caja,#F7F9FA); border:1px solid var(--gev-borde,#5B6B82);
border-radius:4px;
cursor:pointer; min-width:0;
overflow:hidden;
} @supports not (aspect-ratio:1){
.gev-misterio__celda{ height:clamp(2.8rem,15vw,4.2rem); }
} .gev-misterio__celda[data-gev-zona="0"]{ background:var(--gev-m-z0,#FFF4D6); }
.gev-misterio__celda[data-gev-zona="1"]{ background:var(--gev-m-z1,#E2F0FF); }
.gev-misterio__celda[data-gev-zona="2"]{ background:var(--gev-m-z2,#E6F5EA); }
.gev-misterio__celda[data-gev-zona="3"]{ background:var(--gev-m-z3,#F6E8F3); } .gev-misterio__celda[data-gev-raya-abajo="1"]{ border-bottom:3px solid var(--gev-titulo,#0F2545); }
.gev-misterio__celda[data-gev-raya-derecha="1"]{ border-right:3px solid var(--gev-titulo,#0F2545); } .gev-misterio__celda:focus-visible{
outline:3px solid var(--gev-verde,#00842B);
outline-offset:-3px;
} .gev-misterio__celda[data-gev-regalo="1"]:focus-visible{
outline-color:var(--gev-sobre-verde,#FFFFFF);
} .gev-misterio__celda[data-gev-suelto="1"]{
border-style:dotted;
border-color:var(--gev-borde,#5B6B82);
cursor:default;
}  .gev-misterio__celda[data-gev-objeto="1"]{
border-style:dashed;
border-color:var(--gev-verde,#00842B);
cursor:default;
} .gev-misterio__celda[data-gev-raya-abajo="1"]{ border-bottom-style:solid; border-bottom-color:var(--gev-titulo,#0F2545); }
.gev-misterio__celda[data-gev-raya-derecha="1"]{ border-right-style:solid; border-right-color:var(--gev-titulo,#0F2545); } .gev-misterio__celda[data-gev-tachada="1"]{ color:var(--gev-gris,#647385); }
.gev-misterio__celda[data-gev-tachada="2"]{
color:var(--gev-verde-oscuro,#046A38);
background:color-mix(in srgb, var(--gev-borde,#5B6B82) 20%, var(--gev-caja,#F7F9FA));
box-shadow:inset 0 0 0 2px var(--gev-borde,#5B6B82);
cursor:default;
}
.gev-misterio__equis{ font-size:.9em; }
.gev-misterio__celda[data-gev-tachada="2"] .gev-misterio__equis{ font-weight:900; }
.gev-misterio__celda[data-gev-tachada="3"]{ color:var(--gev-gris,#647385); }
.gev-misterio__celda[data-gev-tachada="3"] .gev-misterio__equis{ font-size:.5em; padding-bottom:.35em; } .gev-misterio__celda[data-gev-circulo="1"]{ color:var(--gev-gris,#647385); }
.gev-misterio__circulo{ font-size:.9em; } .gev-misterio__celda[data-gev-marcas="1"]{ padding-bottom:.55em; } .gev-misterio__marcas{
position:absolute;
left:2px;
right:2px;
bottom:1px;
display:flex;
justify-content:center;
gap:1px;
pointer-events:none;
line-height:1;
}
.gev-misterio__marca{
display:block;
width:.42em;
height:.42em;
flex:0 0 auto;
color:var(--gev-gris,#647385);
opacity:.9;
} .gev-misterio__celda[data-gev-regalo="1"] .gev-misterio__marca{ color:inherit; } .gev-misterio__celda[data-gev-regalo="1"]{
background:var(--gev-verde-oscuro,#046A38);
} .gev-misterio__celda[data-gev-regalo="1"]{
color:var(--gev-sobre-verde,#FFFFFF); cursor:default;
}
.gev-misterio__quien,.gev-misterio__objeto{ pointer-events:none; } .gev-misterio__celda .gev-misterio__quien{ width:1.25em; height:1.25em; } .gev-misterio__inicial{
position:absolute;
right:1px;
bottom:1px;
padding:1px 3px;
border-radius:3px;
background:var(--gev-titulo,#0F2545);
color:var(--gev-caja,#F7F9FA);
font-size:1rem;
font-weight:700;
line-height:1;
pointer-events:none;
} .gev-misterio__dibujos{
position:absolute;
width:0;
height:0;
overflow:hidden;
}
.gev-misterio__quien,
.gev-misterio__objeto,
.gev-misterio__suelto{
display:block;
width:1em;
height:1em;
pointer-events:none;
} .gev-misterio__objeto{ color:var(--gev-verde,#046A38); } .gev-misterio__nombres{
position:absolute; top:0;
right:0;
bottom:0;
left:0;
pointer-events:none;
}
.gev-misterio__nombre-zona{
position:absolute;
display:block; padding:3px; font-size:1rem;
font-weight:700;
line-height:1.2;
color:var(--gev-gris,#647385);
overflow:hidden; white-space:normal;
overflow-wrap:break-word;
hyphens:auto;
} .gev-misterio__nombre-texto{
padding:0 .2rem;
border-radius:3px;
background:var(--gev-caja,#F7F9FA);
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
} .gev-misterio__nombre-zona[data-gev-zona="0"]{ color:var(--gev-m-z0t,#6B4A00); }
.gev-misterio__nombre-zona[data-gev-zona="1"]{ color:var(--gev-m-z1t,#0B4A86); }
.gev-misterio__nombre-zona[data-gev-zona="2"]{ color:var(--gev-m-z2t,#1E5A33); }
.gev-misterio__nombre-zona[data-gev-zona="3"]{ color:var(--gev-m-z3t,#6E2A5E); }
.gev-misterio__nombre-zona[data-gev-zona="0"] .gev-misterio__nombre-texto{ background:var(--gev-m-z0,#FFF4D6); }
.gev-misterio__nombre-zona[data-gev-zona="1"] .gev-misterio__nombre-texto{ background:var(--gev-m-z1,#E2F0FF); }
.gev-misterio__nombre-zona[data-gev-zona="2"] .gev-misterio__nombre-texto{ background:var(--gev-m-z2,#E6F5EA); }
.gev-misterio__nombre-zona[data-gev-zona="3"] .gev-misterio__nombre-texto{ background:var(--gev-m-z3,#F6E8F3); } @container gevmapa (max-width:24rem){
.gev-misterio__nombre-zona{ font-size:.875rem; line-height:1.1; }
} .gev-misterio .gev-misterio__brujula{
margin:.45rem 0 0;
font-size:1em;
color:var(--gev-gris,#647385);
} .gev-misterio .gev-misterio__direcciones{
margin:.25rem 0 0;
font-size:1em;
color:var(--gev-gris,#647385);
} .gev-misterio__objetos{ margin:.6rem 0 0; }
.gev-misterio__titulo-objetos{
margin:0 0 .3rem;
font-size:1em;
color:var(--gev-titulo,#0F2545);
}
.gev-misterio__lista-objetos{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
gap:.3rem .6rem;
font-size:1em;
color:var(--gev-gris,#647385);
}
.gev-misterio__lista-objetos li{
display:flex;
align-items:center;
gap:.3rem;
margin:0;
} .gev-misterio__lista-objetos .gev-misterio__objeto,
.gev-misterio__lista-objetos .gev-misterio__suelto{
width:1.3em;
height:1.3em;
flex:0 0 auto;
opacity:1;
}
.gev-misterio__lista-objetos li[data-gev-objeto="1"]{
color:var(--gev-verde-oscuro,#046A38);
font-weight:600;
}
.gev-misterio__objeto-nota{
font-weight:400; font-size:1em;
color:var(--gev-gris,#647385);
} .gev-misterio__botones--anotar{ margin:.25rem 0 .2rem; }
.gev-misterio .gev-misterio__anotar-ayuda{
margin:0 0 .5rem;
font-size:.95em;
line-height:1.45;
color:var(--gev-gris,#647385);
} .gev-misterio__titulo-lista,.gev-misterio__titulo-pistas{
margin:0 0 .35rem;
font-size:1em;
color:var(--gev-titulo,#0F2545);
}
.gev-misterio__titulo-pistas{ margin-top:0; } .gev-misterio__fichas{
list-style:none;
margin:0 0 .5rem;
padding:0;
display:grid;
grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));
gap:.4rem;
}
.gev-misterio__fichas li{ margin:0; min-width:0; }
.gev-misterio__ficha{
display:flex;
align-items:center;
gap:.45rem;
width:100%;
text-align:left;
line-height:1.25;
padding:.35rem .5rem; min-height:48px;
background:var(--gev-caja,#F7F9FA); border:1px solid var(--gev-borde,#5B6B82);
border-radius:12px;
color:var(--gev-titulo,#0F2545);
font:inherit;
font-size:1em;
cursor:pointer;
touch-action:manipulation;
} .gev-misterio__ficha-dibujo{
flex:0 0 auto;
width:1.9em;
height:1.9em;
} .gev-misterio__ficha-texto{ display:flex; flex-direction:column; min-width:0; }
.gev-misterio__ficha-nombre{ font-weight:700; }
.gev-misterio__ficha-oficio{ color:var(--gev-gris,#647385); overflow-wrap:anywhere; }
.gev-misterio__ficha[data-gev-elegida="1"] .gev-misterio__ficha-oficio{ color:inherit; }
.gev-misterio__ficha[data-gev-elegida="1"]{
background:var(--gev-verde,#00842B);
border-color:var(--gev-verde,#00842B);
color:var(--gev-sobre-verde,#FFFFFF);
} .gev-misterio__ficha[data-gev-puesta="1"]{
background:transparent;
border-style:dashed;
border-color:var(--gev-borde,#5B6B82);
}
.gev-misterio__ficha[data-gev-puesta="1"] .gev-misterio__ficha-dibujo{ opacity:.45; } .gev-misterio__ficha:disabled,
.gev-misterio__celda[aria-disabled="true"]{ cursor:default; } .gev-misterio .gev-misterio__pistas-ayuda{
margin:0 0 .25rem;
font-size:1em;
color:var(--gev-gris,#647385);
}
.gev-misterio__pistas{
list-style:none;
margin:0 0 .35rem;
padding:0;
counter-reset:gevpista;
}
.gev-misterio__pistas li{ margin:0; counter-increment:gevpista; }
.gev-misterio__pista{
display:flex;
align-items:flex-start;
gap:.5rem;
width:100%;
min-height:48px;
padding:.35rem 0;
background:transparent;
border:0;
border-bottom:1px solid var(--gev-linea,#E1E8ED);
border-radius:0;
color:inherit;
font:inherit;
line-height:1.6;
text-align:left;
cursor:pointer;
touch-action:manipulation;
}
.gev-misterio__pista::before{
content:counter(gevpista);
flex:0 0 auto;
box-sizing:border-box;
width:1.75em;
height:1.75em;
display:flex;
align-items:center;
justify-content:center;
border:2px solid var(--gev-borde,#5B6B82);
border-radius:50%;
font-size:.95em;
font-weight:700;
line-height:1;
color:var(--gev-gris,#647385);
}
.gev-misterio__pista-texto{ flex:1 1 auto; min-width:0; }
.gev-misterio__pista b{ color:var(--gev-titulo,#0F2545); }
.gev-misterio__pista[aria-pressed="true"]{
color:var(--gev-gris,#647385);
text-decoration:line-through;
}
.gev-misterio__pista[aria-pressed="true"] b{ color:inherit; }
.gev-misterio__pista[aria-pressed="true"]::before{
content:"✓";
background:var(--gev-verde,#046A38);
border-color:var(--gev-verde,#046A38);
color:var(--gev-sobre-verde,#FFFFFF);
} .gev-misterio .gev-misterio__marcador{
margin:0 0 .2rem;
font-weight:700;
color:var(--gev-verde-oscuro,#046A38);
}
.gev-misterio .gev-misterio__rachas{
margin:0 0 .75rem;
font-size:1em;
color:var(--gev-gris,#647385);
}
.gev-misterio .gev-misterio__aviso{ margin:.35rem 0 0;
min-height:3.2em;
color:var(--gev-verde-oscuro,#046A38);
} .gev-misterio .gev-misterio__aviso--botones{ margin:0 0 .35rem; }
.gev-misterio .gev-misterio__aviso-trad{
display:block;
font-size:1em;
color:var(--gev-gris,#647385);
} .gev-misterio__botones{
display:flex;
flex-wrap:wrap;
gap:.4rem;
margin:.5rem 0;
} .gev-misterio__botones--fin{
margin:1.5rem 0 .5rem;
padding:1rem 0 0;
border-top:1px solid var(--gev-linea,#E1E8ED);
}
.gev-misterio__boton{
min-height:48px;
padding:.6rem 1rem;
background:transparent;
border:1px solid var(--gev-verde,#00842B);
border-radius:6px;
color:var(--gev-verde-oscuro,#046A38);
font:inherit;
cursor:pointer;
touch-action:manipulation;
}
.gev-misterio__boton--fuerte{
background:var(--gev-verde,#00842B);
border-color:var(--gev-verde,#00842B);
color:var(--gev-sobre-verde,#FFFFFF);
font-weight:700;
}
.gev-misterio__boton--flojo{
border-color:var(--gev-borde,#5B6B82);
color:var(--gev-gris,#647385);
} .gev-misterio__boton:disabled{
opacity:.4;
cursor:default;
}
.gev-misterio__boton[aria-pressed="true"]{
background:var(--gev-verde,#00842B);
border-color:var(--gev-verde,#00842B);
color:var(--gev-sobre-verde,#FFFFFF);
} .gev-misterio__boton[data-gev-confirmar="1"]{
background:var(--gev-verde-oscuro,#046A38);
border-color:var(--gev-verde-oscuro,#046A38);
color:var(--gev-sobre-verde,#FFFFFF);
font-weight:700;
}
.gev-misterio__mas{
margin:0 0 .5rem;
font-size:1em;
}
.gev-misterio__mas .gev-misterio__botones{ margin:.35rem 0 0; }
.gev-misterio .gev-misterio__parapegar{
margin:.5rem 0;
padding:.5rem;
border:1px solid var(--gev-linea,#E1E8ED);
border-radius:4px;
background:var(--gev-caja,#F7F9FA);
white-space:pre-wrap;
font-size:1em;
color:var(--gev-titulo,#0F2545);
}