html{font-size:62.5%;font-family:"Chewy",sans-serif;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit;padding:0;margin:0}body{min-height:100vh;background:linear-gradient(135deg,#48b1bf,#06beb6);overflow-x:hidden;color:#102f3a}button{font:inherit}div.contenedor-general{width:min(1400px,100%);min-height:100vh;margin:auto;padding:1rem clamp(1rem,2vw,2.5rem) 3rem}h1.titulo{text-align:center;font-size:clamp(2.8rem,4vw,4.2rem);margin:1rem 0 2rem;color:#092f3a;text-shadow:0 2px rgba(255,255,255,.35)}
.selector-modos{max-width:1000px;margin:2rem auto;padding:clamp(1.5rem,3vw,3rem);background:rgba(255,255,255,.9);border-radius:2.4rem;box-shadow:0 15px 40px rgba(0,0,0,.18)}.selector-modos h2{text-align:center;font-size:clamp(2.4rem,4vw,3.5rem);margin-bottom:2rem}.modos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.modo-btn{border:0;border-radius:1.8rem;padding:1.7rem;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.13);cursor:pointer;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:1.2rem;transition:.18s transform,.18s box-shadow}.modo-btn:last-child{grid-column:1/-1}.modo-btn:hover{transform:translateY(-3px);box-shadow:0 9px 22px rgba(0,0,0,.18)}.modo-btn span{font-size:3.4rem;grid-row:1/3}.modo-btn b{font-size:2.2rem}.modo-btn small{font-family:Arial,sans-serif;font-size:1.35rem;line-height:1.35;color:#46616a}.zona-juego[hidden],.selector-modos[hidden]{display:none}.barra-juego{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.volver-menu{border:0;background:rgba(255,255,255,.9);padding:.8rem 1.2rem;border-radius:1rem;cursor:pointer;font-size:1.6rem;box-shadow:0 3px 10px rgba(0,0,0,.12)}.nombre-modo{font-size:clamp(1.8rem,3vw,2.7rem);text-align:right}.estado-superior{position:sticky;top:.5rem;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin:0 auto 1.5rem;padding:.7rem}.estado-superior span{background:rgba(255,255,255,.92);border-radius:999px;padding:.55rem 1rem;box-shadow:0 3px 10px rgba(0,0,0,.13);font-size:clamp(1.45rem,2vw,1.9rem)}.estado-superior[data-aviso]::after{content:attr(data-aviso);position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#102f3a;color:#fff;padding:1.4rem 2rem;border-radius:1.4rem;font-size:clamp(2.5rem,6vw,5rem);z-index:8;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.35)}.turno.jugador-1{outline:3px solid #1887ff}.turno.jugador-2{outline:3px solid #f04444}
.contenedor-tarjetas{--columnas:4;--gap:1.8rem;--ancho-max-carta:12rem;width:100%;display:grid;grid-template-columns:repeat(var(--columnas),minmax(0,var(--ancho-max-carta)));gap:var(--gap);justify-content:center;align-items:center;margin:auto}.tarjeta{border:0;background:url(../img/cover.jpg) center/contain no-repeat #11bbb7;width:100%;aspect-ratio:9/11;min-width:0;display:flex;justify-content:center;align-items:center;box-shadow:4px 6px 17px -4px rgba(0,0,0,.75);border-radius:clamp(.6rem,1vw,1rem);padding:clamp(.25rem,.6vw,.5rem);cursor:pointer;overflow:hidden;transition:transform .16s,box-shadow .16s}.tarjeta-img{display:none;width:100%;height:100%;object-fit:contain;border-radius:inherit;pointer-events:none}.tarjeta.volteada,.tarjeta.acertada{background:#fff}.tarjeta.volteada .tarjeta-img,.tarjeta.acertada .tarjeta-img{display:block}.tarjeta.acertada{cursor:default;box-shadow:0 0 0 3px rgba(255,255,255,.65),4px 6px 17px -4px rgba(0,0,0,.45)}@media(hover:hover){.tarjeta:not(.acertada):hover{transform:translateY(-2px)}}.contenedor-tarjetas[data-cards="32"]{--gap:1.25rem}.contenedor-tarjetas[data-cards="64"]{--gap:.85rem}
.pantalla-bloqueada{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:20;display:none;align-items:center;justify-content:center;padding:2rem}.modal-resultado{width:min(600px,100%);background:linear-gradient(145deg,#fff,#eaffff);border-radius:2.4rem;padding:3rem;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}h2.mensaje{font-size:clamp(4rem,8vw,7rem);color:#0a7c82}.submensaje{font-family:Arial,sans-serif;font-weight:bold;font-size:clamp(1.8rem,3vw,2.4rem);margin:1rem 0 2rem}.accion-modal{border:0;border-radius:999px;padding:1rem 2rem;background:#0a7c82;color:#fff;font-size:2rem;cursor:pointer}.accion-modal[hidden]{display:none}
@media(max-width:768px){div.contenedor-general{padding:.8rem .7rem 2rem}.modos-grid{grid-template-columns:1fr}.modo-btn:last-child{grid-column:auto}.contenedor-tarjetas{--gap:.8rem}.contenedor-tarjetas[data-cards="32"],.contenedor-tarjetas[data-cards="64"]{--gap:.5rem}.barra-juego{align-items:flex-start}.nombre-modo{font-size:1.8rem}.estado-superior{top:0}.estado-superior span{font-size:1.4rem;padding:.45rem .75rem}}@media(max-width:420px){.contenedor-tarjetas{--gap:.45rem}.contenedor-tarjetas[data-cards="64"]{--gap:.3rem}.modo-btn{padding:1.3rem}.modo-btn b{font-size:1.9rem}}