@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--fondo:#11151e;--panel:#191f2b;--celda:#252d3c;--borde:#313a49;--texto:#f2f4f8;--muted:#99a5b8;--acento:#b2f778;--sombra:#080b1240}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:'DM Sans',sans-serif;min-height:100dvh;-webkit-tap-highlight-color:transparent}body.claro{color-scheme:light;--fondo:#eef2f8;--panel:#fff;--celda:#dce3ed;--borde:#c3cede;--texto:#182334;--muted:#5d6c82;--acento:#487c1e;--sombra:#66788b20}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--acento);outline-offset:4px}button:disabled{opacity:.35;cursor:default}.cabecera{max-width:1440px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center}.marca{display:flex;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;letter-spacing:-1.8px;text-decoration:none;color:var(--texto)}.marca-punto{color:var(--acento)}.logo{width:26px;height:26px;display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-right:10px}.logo i{background:var(--acento);border-radius:3px}.controles{display:flex;gap:9px}.icono{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--borde);border-radius:50%;background:transparent;font-size:21px}.icono[aria-pressed="true"]{color:var(--acento);border-color:var(--acento)}main{max-width:1320px;margin:18px auto 0;padding:0 36px;display:grid;grid-template-columns:1fr minmax(300px,440px) .8fr;gap:50px;align-items:center}.etiqueta{font-size:12px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}h1{font:600 clamp(30px,3.1vw,46px)/1.13 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin:22px 0}h1 span{color:var(--acento)}.introduccion>p{font-size:17px;line-height:1.8;color:var(--muted)}.nota{margin-top:30px;font-size:14px}.nota>span{color:var(--acento);margin-right:12px;font-size:24px}.reglas-breve{margin-top:70px;display:grid;grid-template-columns:24px 1fr;gap:16px 12px;align-items:center;font-size:14px;color:var(--muted)}.reglas-breve span{font-size:12px;color:var(--acento)}.reglas-breve p{margin:0}.juego{width:100%;max-width:440px;margin:auto}.marcadores{display:flex;justify-content:space-between;align-items:center;padding:0 5px 18px}.marcadores strong{display:block;font:600 46px/1.15 'Space Grotesk',sans-serif;letter-spacing:-2px;margin-top:6px}.marcadores .record{text-align:right}.record strong{font-size:28px;letter-spacing:-1px}.corona{color:var(--acento);font-size:20px;vertical-align:-1px;margin-right:4px}.tablero-marco{position:relative;padding:10px;border-radius:17px;background:var(--panel);box-shadow:0 16px 45px var(--sombra);border:1px solid var(--borde)}#tablero{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;aspect-ratio:1;touch-action:none}.celda{padding:0;min-width:0;position:relative;border:0;border-radius:5px;background:var(--celda);transition:background .12s,filter .12s;aspect-ratio:1}.llena,.bloque{background:var(--color);box-shadow:inset 0 2px 0 #ffffff35,inset 0 -3px 0 #00000017}.celda.previa{background:var(--color);opacity:.55;outline:2px solid var(--color);outline-offset:-2px}.celda.linea{filter:brightness(1.3);box-shadow:inset 0 0 0 2px #fff;opacity:1}.celda.limpia{animation:eliminar .3s ease-in forwards}.celda.nueva{animation:colocar .2s ease-out}.bandeja-titulo{display:flex;justify-content:space-between;align-items:center;margin:23px 2px 8px;font-size:12px;letter-spacing:1px;font-weight:600;color:var(--muted)}#indicacion{font-size:12px;letter-spacing:0;font-weight:400}#piezas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:112px}.pieza-slot{display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:12px;touch-action:none;padding:10px}.pieza-slot:hover{background:var(--panel)}.pieza-slot.seleccionada{border-color:var(--acento);background:var(--panel)}.pieza-slot.gastada:after{content:'✓';color:var(--borde);font-size:22px}.pieza-slot.no-cabe{opacity:.35}.forma{display:grid;gap:3px;pointer-events:none}.bloque{border-radius:4px;width:23px;height:23px}.hueco{visibility:hidden}.barra-inferior{display:flex;justify-content:space-between;border-top:1px solid var(--borde);padding-top:16px;gap:8px}.boton-suave{border:0;border-radius:8px;background:var(--panel);display:flex;align-items:center;gap:9px;padding:11px 13px;font-size:20px;min-height:44px}.boton-suave span{font-size:14px}.boton-suave b{font-size:12px;background:var(--celda);border-radius:5px;padding:3px 7px;color:var(--acento)}.siguiente{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.siguiente .etiqueta{font-size:11px;letter-spacing:1px}#proximas{display:flex;gap:22px;align-items:center;height:40px}#proximas .forma{gap:2px}#proximas .bloque{width:10px;height:10px;border-radius:2px}.consejo{padding-left:6px}.consejo .etiqueta{font-size:10px;line-height:1.8}.consejo>p{font:500 22px/1.5 'Space Grotesk',sans-serif;margin:14px 0 30px}.puntuacion-info{border-top:1px solid var(--borde);padding-top:20px;color:var(--muted);font-size:12px;line-height:2.8}.puntuacion-info span{color:var(--acento);font-weight:600;margin-right:6px}footer{text-align:center;color:var(--muted);font-size:10px;letter-spacing:2px;margin:38px 0 22px}#mensaje{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;font:700 27px 'Space Grotesk',sans-serif;color:#fff;text-shadow:0 2px 18px #000;white-space:nowrap;opacity:0}#mensaje.visible{animation:mensaje 1.2s ease-out}#fantasma{position:fixed;z-index:20;pointer-events:none;display:none;opacity:.85;filter:drop-shadow(0 9px 10px #0005)}#fantasma .forma{gap:5px}dialog{border:1px solid var(--borde);border-radius:22px;background:var(--panel);color:var(--texto);max-width:calc(100% - 36px);width:380px;padding:40px 28px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#090e1aca;backdrop-filter:blur(7px)}.cerrar{position:absolute;right:12px;top:12px;width:32px;height:32px}.modal-etiqueta{color:var(--acento);font-size:12px;letter-spacing:2px}dialog h2{font:600 32px 'Space Grotesk',sans-serif;letter-spacing:-1px}dialog p,dialog li{font-size:15px;color:var(--muted);line-height:1.7}dialog ul{padding-left:20px}.principal{width:100%;padding:15px;border:0;border-radius:10px;background:#b2f778;color:#1d2b16;font-weight:700;font-size:16px;margin-top:14px}.total-final{font:600 60px 'Space Grotesk',sans-serif;color:var(--texto)}@keyframes eliminar{40%{transform:scale(1.1);filter:brightness(1.8)}100%{transform:scale(.1) rotate(15deg);opacity:0}}@keyframes colocar{0%{transform:scale(.8)}70%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes mensaje{0%{opacity:0;translate:0 14px}15%,65%{opacity:1}100%{opacity:0;translate:0 -25px}}@media(min-width:1450px){main{margin-top:45px}}@media(max-width:1100px){main{grid-template-columns:1fr minmax(300px,420px);max-width:900px;gap:45px}.consejo{display:none}}@media(max-width:700px){.cabecera{padding:16px 20px}.marca{font-size:26px}.icono{width:38px;height:38px}.introduccion{display:none}main{display:block;margin:8px auto 0;padding:0 16px;max-width:460px}.marcadores{padding-bottom:14px}.marcadores strong{font-size:39px}.record strong{font-size:26px}.tablero-marco{padding:8px;border-radius:14px}#tablero{gap:4px}.celda{border-radius:4px}.bandeja-titulo{margin-top:19px}#piezas{height:108px}.siguiente{margin-top:16px}footer{margin:24px 12px 16px;font-size:9px;letter-spacing:1.2px}.bloque{width:22px;height:22px}}@media(max-height:750px) and (max-width:700px){.cabecera{padding-top:10px;padding-bottom:8px}main{max-width:390px}.marcadores strong{font-size:32px}.marcadores{padding-bottom:10px}.bandeja-titulo{margin-top:12px}#piezas{height:90px}.barra-inferior{padding-top:10px}.siguiente{margin-top:10px}footer{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important}}
:root{--fondo:#101326;--panel:#191f38;--celda:#29324e;--borde:#364261}body{background-image:radial-gradient(ellipse at 48% 25%,#5641b71c,transparent 65%)}.tablero-marco{border-color:#7187be45;box-shadow:0 16px 60px #0004,0 0 45px #7170ff0b}.llena,.bloque{box-shadow:inset 0 2px 0 #ffffff70,inset 0 -4px 0 #00000025,0 2px 4px #0002;background-image:linear-gradient(145deg,#ffffff22,transparent 70%)}.llena:after,.bloque:not(.hueco):after{content:'';display:block;width:50%;height:2px;background:#ffffff40;border-radius:2px;position:relative;top:4px;left:5px}.celda.previa{box-shadow:inset 0 0 0 2px #fff9,0 0 15px var(--color)}.celda.linea{filter:brightness(1.3);box-shadow:inset 0 0 0 2px #fff,0 0 15px var(--color);animation:respira .7s ease-in-out infinite alternate}.combo-barra{display:flex;justify-content:space-between;align-items:center;margin:0 5px 12px;font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}#racha{transition:color .2s}#racha.activa{color:#ffbd60;text-shadow:0 0 18px #ff9f4380}.en-racha .tablero-marco{border-color:#ffbd6070;box-shadow:0 0 40px #ff9d4315,0 16px 60px #0004}.objetivo{margin-top:18px}.objetivo>div:first-child{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:8px}#meta{height:5px;background:var(--celda);border-radius:8px;overflow:hidden}#meta-relleno{display:block;height:100%;width:0;background:linear-gradient(90deg,#7ee2e6,#b2f778);border-radius:8px;transition:width .5s ease;box-shadow:0 0 10px #b2f778}.pieza-slot{transition:background .18s,transform .18s}.pieza-slot.seleccionada{transform:translateY(-5px);box-shadow:0 6px 24px #0002}.pieza-slot.entrada{animation:repartir .45s cubic-bezier(.2,.8,.2,1.3) both;animation-delay:var(--entrada,0ms)}.celda.nueva{animation:rebote .3s cubic-bezier(.2,.8,.2,1.3)}.celda.limpia{animation:romper .34s ease-in both;animation-delay:var(--demora,0ms)}.destello{animation:destello .45s ease-out}.super-limpieza{animation:sacudida .4s ease-out, destello .65s ease-out}.rechazo{animation:rechazo .2s ease-out}.record-nuevo{animation:record-brilla 1s ease-out}#mensaje{font-size:clamp(24px,5vw,38px);z-index:3;letter-spacing:-1px;color:#fff9db;text-shadow:0 3px 0 #56316b,0 0 30px #9c5dff;max-width:100%}#mensaje.visible{animation:combo-pop 1.2s ease-out}#efectos{position:fixed;inset:0;pointer-events:none;z-index:35;overflow:hidden}.particula{position:absolute;width:7px;height:7px;border-radius:2px;box-shadow:0 0 7px currentColor;animation:particula .8s ease-out both}.puntos-flotantes{position:absolute;font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-1px;color:#fff;text-shadow:0 2px 3px #101326,0 0 12px #262744;animation:sumar .9s ease-out both}.rayo{position:absolute;background:#fff;box-shadow:0 0 9px 3px #b5b3ff;animation:rayo .5s ease-out both}.rayo.vertical{transform-origin:top}.siguiente{margin-top:15px}.siguiente .etiqueta{font-size:10px}.claro .tablero-marco{box-shadow:0 12px 40px #5363a025}.claro .combo-barra #racha.activa{color:#995107}.claro #meta-relleno{background:linear-gradient(90deg,#4386be,#64a22c)}@keyframes respira{to{filter:brightness(1.55)}}@keyframes repartir{from{opacity:0;transform:translateY(25px) scale(.65)}to{opacity:1;transform:none}}@keyframes rebote{0%{transform:scale(.65);filter:brightness(1.4)}65%{transform:scale(1.13)}100%{transform:scale(1)}}@keyframes romper{0%{filter:brightness(1.8);transform:scale(1.04)}35%{transform:scale(1.13)}100%{opacity:0;transform:scale(.2) rotate(25deg)}}@keyframes destello{20%{box-shadow:0 0 45px #a79aff70;border-color:#ded0ff}100%{}}@keyframes sacudida{20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,0)}80%{transform:translate(2px,0)}}@keyframes rechazo{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes record-brilla{30%{color:#ffcf77;transform:scale(1.12)}100%{transform:scale(1)}}@keyframes combo-pop{0%{opacity:0;scale:.55;rotate:-7deg}18%{opacity:1;scale:1.1;rotate:2deg}30%,65%{opacity:1;scale:1;rotate:0deg}100%{opacity:0;translate:0 -35px;scale:1.05}}@keyframes particula{0%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--giro)) scale(.1)}}@keyframes sumar{0%{opacity:0;transform:translate(-50%,0) scale(.7)}15%,55%{opacity:1}100%{opacity:0;transform:translate(-50%,-65px) scale(1.15)}}@keyframes rayo{0%{opacity:0;scale:.2}20%{opacity:1;scale:1}100%{opacity:0;scale:1.05}}@media(max-width:700px){.combo-barra{margin-bottom:9px}.objetivo{margin-top:14px}.siguiente{margin-top:13px}}@media(max-height:750px) and (max-width:700px){main{max-width:365px}#piezas{height:80px}.combo-barra{font-size:10px;margin-bottom:7px}.objetivo{margin-top:10px}.siguiente{margin-top:8px}.marcadores{padding-bottom:8px}}@media(prefers-reduced-motion:reduce){.particula,.rayo{display:none}.puntos-flotantes{animation:none;transform:translate(-50%,-20px)}#mensaje.visible{animation:none;opacity:1}*,*::before,*::after{animation-duration:.01ms!important;transition:none!important}}
:root{--fondo:#293c61;--panel:#344b75;--celda:#405b87;--borde:#739bd066;--texto:#f8fbff;--muted:#d1deef;--acento:#bbf780}body{background-image:radial-gradient(ellipse at 5% 20%,#9a7cf53b,transparent 55%),radial-gradient(ellipse at 95% 90%,#3edac529,transparent 55%)}body.claro{--fondo:#eff9ff;--panel:#ffffff;--celda:#dceaf8;--borde:#b9d6ee;--texto:#23395b;--muted:#4c6787;--acento:#476cd8;--sombra:#7297ba25;background-image:radial-gradient(ellipse at 0% 5%,#ddceff90,transparent 48%),radial-gradient(ellipse at 100% 20%,#b8efff90,transparent 45%),radial-gradient(ellipse at 65% 100%,#ffe8be80,transparent 45%)}.cabecera{gap:10px}.controles{align-items:center}.idioma-selector{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--borde);border-radius:24px;padding:0 11px;height:42px;color:var(--texto)}.idioma-selector>span{font-size:22px;color:var(--acento)}#idioma{font:500 14px 'DM Sans',sans-serif;background:transparent;color:var(--texto);border:0;width:99px;min-height:38px;cursor:pointer;outline-offset:2px}#idioma option{background:var(--panel);color:var(--texto)}.icono{background:var(--panel);box-shadow:0 3px 9px var(--sombra)}#sonido{color:#a262ce}#tema{color:#bb710a}#ayuda{color:#168da2}.claro .marca-punto{color:#ee7a73}.logo i:first-child{background:#8e79ef}.logo i:nth-child(2){background:#ffb851}.logo i:nth-child(3){background:#4acdb9}.introduccion h1{max-width:300px;line-height:1.18}.claro .introduccion h1{color:#5b50b4}.etiqueta{font-size:12px}.claro .nota>span{color:#486bc6}.marcadores{gap:14px;padding:0 0 15px}.marcadores>div{flex:1;background:#bbdcff1c;border:1px solid var(--borde);padding:12px 17px;border-radius:17px}.claro .marcadores>div:first-child{background:#e0f4ff;border-color:#a7d5f4}.claro .marcadores>.record{background:#fff0d7;border-color:#f1d7a4}.claro .marcadores strong{color:#3976b4}.claro .record strong{color:#9d631c}.corona{color:#dc971b}.tablero-marco{padding:11px;border-radius:21px;border:2px solid #8fb0e88a;box-shadow:0 15px 40px #162b472b,0 0 0 5px #b7c8ff18}.claro .tablero-marco{border-color:#a1cbed;box-shadow:0 15px 38px #638dbd20,0 0 0 5px #ffffff70;background:linear-gradient(135deg,#ffffff,#f3faff)}.claro .celda:not(.llena):not(.previa){background:linear-gradient(145deg,#e2edfa,#d5e5f5);box-shadow:inset 0 1px 3px #7fa4c022}.llena,.bloque{border-radius:6px;box-shadow:inset 0 2px 0 #ffffff80,inset 0 -4px 0 #00000020,0 2px 3px #30466624}.claro .celda.previa{opacity:.8;box-shadow:inset 0 0 0 2px #2b5ba7,0 0 10px var(--color)}.claro .celda.linea{filter:brightness(1.08);box-shadow:inset 0 0 0 2px #fff,0 0 13px #598feb}.claro .pieza-slot:nth-child(1){background:#fff0dba6}.claro .pieza-slot:nth-child(2){background:#eee5ffa6}.claro .pieza-slot:nth-child(3){background:#d6f5f3a6}.pieza-slot{border:1px solid var(--borde)}.pieza-slot.gastada{border-style:dashed;background:transparent!important}.claro .pieza-slot.seleccionada{border-color:#6081e8;background:#e3edff;box-shadow:0 5px 18px #6d8fe92b}.bandeja-titulo{margin-top:18px}.bandeja-titulo>span:first-child{color:var(--acento)}.barra-inferior{border:0;margin-top:7px}.claro #deshacer{background:#e6e2ff;color:#5946a6}.claro #reiniciar{background:#ddf3ed;color:#277363}.claro .boton-suave b{background:#ffffffb0;color:#5646ac}.objetivo{background:var(--panel);padding:11px 13px;border-radius:13px;border:1px solid var(--borde)}.objetivo>div:first-child{font-size:11px}.claro #meta{background:#e4ebf4}.claro #meta-relleno{background:linear-gradient(90deg,#9981ef,#52bed8,#74cd96)}.siguiente .etiqueta{font-size:11px}.consejo .etiqueta{font-size:11px}.detalle-puntos{color:var(--muted)!important;font-weight:400!important}.claro .puntuacion-info>span:not(.detalle-puntos){color:#8760bf}.claro .reglas-breve span{color:#7754b6}.claro .en-racha{color:#995107}#fantasma{will-change:transform;filter:drop-shadow(0 12px 12px #264a6966);transition:filter .12s}#fantasma.encajable{filter:drop-shadow(0 6px 6px #355d7d55) drop-shadow(0 0 3px #fff)}#fantasma .bloque{border-radius:6px}#reto{margin:0 0 12px;padding:11px 12px;border:1px solid #dbb54c;border-radius:12px;background:linear-gradient(100deg,#fff1ac,#ffe4ae,#ffe1dc);color:#755118;text-align:center;font-size:12px;font-weight:700;letter-spacing:.4px;animation:reto-aparece .5s ease-out}.todo-limpio{animation:limpio-arcoiris 1s ease-out}#mensaje{white-space:normal;width:92%;line-height:1.15;text-wrap:balance}.claro #mensaje{color:#fff;text-shadow:0 3px 0 #7353b2,0 0 20px #9d73ee}.claro .en-racha .tablero-marco{border-color:#e8b060}.principal{background:linear-gradient(100deg,#9678ed,#647fdf);color:white}.claro dialog{box-shadow:0 25px 100px #3e679044}dialog{max-height:85dvh;overflow-y:auto}.puntos-flotantes{color:#fff;text-shadow:0 2px 2px #445b90,0 0 8px #374987}.claro footer{color:#607796}.reglas-breve{margin-top:45px}@keyframes reto-aparece{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes limpio-arcoiris{20%{box-shadow:0 0 50px #ef96e3,0 0 0 6px #f7c666}50%{box-shadow:0 0 65px #6ee7d4,0 0 0 10px #b3a1f590}100%{}}@media(max-width:700px){.cabecera{padding:13px 14px;gap:6px}.marca{font-size:25px}.logo{width:23px;height:23px;margin-right:6px}.controles{gap:6px}.icono{width:34px;height:34px;font-size:19px}.idioma-selector{height:36px;padding:0 7px;gap:3px}#idioma{width:88px;font-size:13px;min-height:34px}.idioma-selector>span{display:none}main{margin-top:6px}.marcadores>div{padding:10px 13px}.marcadores .etiqueta{font-size:11px;letter-spacing:1.2px}.tablero-marco{padding:8px;border-radius:17px}.bandeja-titulo{gap:8px}.bandeja-titulo>span:first-child{white-space:nowrap}#indicacion{text-align:right}.siguiente .etiqueta{max-width:51%;font-size:10px}.objetivo>div:first-child{font-size:10px}.barra-inferior{gap:7px}.boton-suave{padding:10px}.boton-suave span{font-size:13px}.objetivo{padding:9px 11px}footer{line-height:1.7}.claro .en-racha .tablero-marco{box-shadow:0 0 30px #e8b06040}}@media(max-width:360px){.marca{font-size:23px}.cabecera{padding-inline:10px}.controles{gap:4px}#idioma{width:79px}.idioma-selector{padding-inline:5px}.icono{width:32px;height:32px}.logo{width:20px;height:20px}.siguiente{gap:7px}#proximas{gap:15px}.boton-suave{gap:6px}}@media(max-height:750px) and (max-width:700px){.marcadores>div{padding:6px 11px}.marcadores{padding-bottom:10px}.objetivo{padding:7px 10px}.cabecera{padding-top:8px;padding-bottom:8px}#reto{font-size:11px;padding:8px;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important}}
[hidden]{display:none!important}body:not(.jugando) .cabecera .marca{visibility:hidden}#ayuda,.introduccion,.consejo,footer,.objetivo{display:none!important}body:not(.jugando) .cabecera{max-width:1100px}#inicio{min-height:calc(100svh - 115px);display:grid;place-items:center;padding:24px 22px 100px}.inicio-contenido{text-align:center;width:min(100%,550px);animation:inicio-aparece .6s ease-out}.titulo-inicio{display:flex;justify-content:center;font:700 clamp(58px,12vw,100px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-6px;margin:24px 0 44px;filter:drop-shadow(0 5px 0 #60719418)}.titulo-inicio span:nth-child(1){color:#8870dc}.titulo-inicio span:nth-child(2){color:#f29844}.titulo-inicio span:nth-child(3){color:#43afdc}.titulo-inicio span:nth-child(4){color:#e97eb3}.titulo-inicio span:nth-child(5){color:#7ab94c}.titulo-inicio span:nth-child(6){color:#43b4a7}.emblema-inicio{width:94px;height:94px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 auto;transform:rotate(-9deg)}.emblema-inicio i{border-radius:11px;box-shadow:inset 0 3px 0 #ffffff66,inset 0 -5px 0 #00000015,0 7px 14px #536b8222}.emblema-inicio i:nth-child(1){background:#a58af3}.emblema-inicio i:nth-child(2){background:#ffc65b;transform:translateY(-8px)}.emblema-inicio i:nth-child(3){background:#64ccec}.emblema-inicio i:nth-child(4){background:#ed92be}.play{width:min(280px,85%);height:76px;border:1px solid #ffffff80;border-radius:24px;font:700 26px 'Space Grotesk',sans-serif;letter-spacing:3px;color:white;background:linear-gradient(120deg,#9872e7,#667bdc);box-shadow:0 7px 0 #6752b4,0 19px 35px #7967ca30;transition:transform .15s,box-shadow .15s}.play span{font-size:20px;margin-left:14px}.play:hover{transform:translateY(-3px);box-shadow:0 10px 0 #6752b4,0 23px 40px #7967ca40}.play:active{transform:translateY(5px);box-shadow:0 2px 0 #6752b4}.jugando .cabecera{max-width:510px;padding:18px 25px 8px}.jugando .marca{font-size:23px;letter-spacing:-1.1px}.jugando main{display:block;max-width:470px;padding:0 18px;margin:10px auto 24px}.jugando .marcadores{padding-bottom:13px}.jugando .marcadores>div{padding:9px 14px}.jugando .combo-barra{margin-bottom:9px}.jugando .siguiente{margin-top:12px}.jugando .barra-inferior{padding-top:8px}.jugando .bandeja-titulo{margin-top:16px}.jugando .siguiente .etiqueta{font-size:10px}.destello-pieza{position:absolute;inset:0;animation:destello-colocar .6s ease-out both;pointer-events:none}.destello-pieza i{position:absolute;border:3px solid var(--brillo);border-radius:7px;box-shadow:0 0 8px 2px var(--brillo),inset 0 0 6px var(--brillo)}@keyframes destello-colocar{0%{opacity:.2;filter:brightness(1.1)}18%{opacity:1;filter:brightness(1.6)}45%{opacity:.8}100%{opacity:0;filter:blur(3px)}}@keyframes inicio-aparece{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(max-width:700px){#inicio{min-height:calc(100svh - 75px);padding-bottom:90px}.titulo-inicio{letter-spacing:-4px;margin-top:28px;margin-bottom:40px}.jugando .cabecera{padding:12px 19px 6px;max-width:450px}.jugando main{margin-top:6px;max-width:440px}.jugando #piezas{height:98px}.play{height:70px}.jugando .marcadores strong{font-size:34px}.jugando .record strong{font-size:25px}}@media(max-height:750px) and (max-width:700px){.jugando main{max-width:370px;padding-inline:14px}.jugando .cabecera{max-width:375px;padding-top:8px}.jugando .marcadores>div{padding:6px 11px}.jugando .marcadores strong{font-size:29px}.jugando .record strong{font-size:23px}.jugando #piezas{height:78px}.jugando .bandeja-titulo{margin-top:11px}.jugando .barra-inferior{padding-top:6px}.jugando .siguiente{margin-top:8px}}@media(prefers-reduced-motion:reduce){.destello-pieza{animation:none;opacity:.65}*,*::before,*::after{animation-duration:.01ms!important;transition:none!important}}
.jugando .cabecera{display:flex;max-width:470px;justify-content:space-between}.jugando .cabecera .marca{display:none}.jugando .marcadores{justify-content:center}.jugando .marcadores>div{flex:0 1 100%;text-align:center;border:0;background:transparent!important;box-shadow:none;padding:5px 10px}.jugando .marcadores strong{font-size:52px;margin-top:4px}.jugando .marcadores .etiqueta{font-size:12px}.jugando .bandeja-titulo{margin-top:24px}.jugando #piezas{height:126px;gap:12px}.pieza-slot.arrastrando{opacity:.22;transform:none!important}.pieza-slot,.celda{transition:none}.pieza-slot.seleccionada{transform:none!important}#fantasma{transition:none;filter:drop-shadow(0 5px 6px #25415c40);will-change:transform;contain:layout style}#fantasma.encajable{filter:drop-shadow(0 4px 5px #25415c40)}.secundaria{background:var(--celda);color:var(--texto);font-size:14px}.nota-anuncio{font-size:12px!important;line-height:1.5!important}.anuncio-marca{font:700 42px 'Space Grotesk',sans-serif;color:#8974da;text-align:center;margin:26px 0}.ad-count{font:600 42px 'Space Grotesk',sans-serif;text-align:center}.boton-cancelar{display:block;margin:18px auto 0;background:transparent;border:0;text-decoration:underline;color:var(--muted)}@media(min-width:900px){.jugando main{max-width:530px}.jugando .cabecera{max-width:530px}.jugando #piezas{height:135px}.jugando .bloque{width:27px;height:27px}}@media(max-height:750px) and (max-width:700px){.jugando .marcadores strong{font-size:38px}.jugando #piezas{height:100px}.jugando .bandeja-titulo{margin-top:15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important}}
.resultados{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.resultados>div{border:1px solid var(--borde);border-radius:15px;padding:19px 9px;text-align:center;background:var(--celda)}.resultados span{font-size:11px;letter-spacing:1px;display:block;min-height:30px}.resultados strong{display:block;font:600 clamp(26px,7vw,37px) 'Space Grotesk',sans-serif;overflow-wrap:anywhere}.claro .resultados>div:first-child{background:#e0f4ff}.claro .resultados>div:last-child{background:#fff0d7}.resultado-record{text-align:center;margin:25px 0 30px}.resultado-record>span{font-size:55px;color:#eeb546;text-shadow:0 3px 0 #bd84192b}.resultado-record h2{font-size:26px;margin:10px 0;color:var(--acento)}.resultado-record strong{font:700 54px 'Space Grotesk',sans-serif;overflow-wrap:anywhere}

#piezas .bloque{width:var(--tile,23px);height:var(--tile,23px)}
.side-ad{display:none}.side-ad-label{display:block;font-size:12px;color:var(--muted);text-align:center;margin-bottom:12px;font-weight:400;letter-spacing:0}.side-ad .adsbygoogle{width:160px;min-height:600px}
@media(min-width:1100px){.jugando main{max-width:1100px;display:grid;grid-template-columns:160px minmax(300px,440px) 160px;column-gap:80px;justify-content:center;align-items:start}.jugando main>.juego{grid-column:2;grid-row:1}.jugando .side-ad{display:block;width:160px;min-height:630px;margin-top:90px;grid-row:1}.jugando .side-ad-left{grid-column:1}.jugando .side-ad-right{grid-column:3}}