:root{--fondo: #0b0b0c;--panel: #151517;--panel2: #1e1e22;--texto: #f3f0e8;--suave: #9a968d;--tenue: #8a867e;--decor: #5f5c57;--acento: #c8ff2e;--tinta: #0b0b0c;--acento2: #c8ff2e;--ok: #2ecc71;--mal: #ff4d4d;--oro: #ffd23f;--borde: #26262b;--radio: 18px;--sans: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono: ui-monospace,"SF Mono","Cascadia Code","Roboto Mono",Menlo,Consolas,monospace;--suave-curva: cubic-bezier(.2,.8,.2,1);color-scheme: dark}@view-transition{navigation: auto}::view-transition-old(root),::view-transition-new(root){animation-duration: .22s}*{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth}body{margin: 0;background: var(--fondo);color: var(--texto);font: 16px/1.6 var(--sans);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}::selection{background: var(--acento);color: var(--tinta)}a{color: var(--texto);text-decoration-color: var(--tenue);text-underline-offset: 3px}a:hover{text-decoration-color: var(--acento)}[hidden]{display: none !important}:focus-visible{outline: 2px solid var(--acento);outline-offset: 3px;border-radius: 6px}.envoltura{max-width: 1240px;margin: 0 auto;padding: 0 16px}@media (min-width: 760px){.envoltura{padding: 0 28px}}.cabecera{position: sticky;top: 0;z-index: 20;background: rgba(11,11,12,.78);backdrop-filter: saturate(1.4) blur(14px);-webkit-backdrop-filter: saturate(1.4) blur(14px);border-bottom: 1px solid var(--borde)}.cabecera .envoltura{display: flex;align-items: center;gap: 12px;height: 60px}.logo{display: inline-flex;align-items: center;gap: 8px;font-weight: 800;font-size: 18px;color: var(--texto);text-decoration: none;letter-spacing: -.035em;white-space: nowrap}.logo-icono{width: 26px;height: 26px;--ia: var(--acento);transition: transform .6s var(--suave-curva)}.logo:hover .logo-icono{transform: rotate(-360deg)}.logo b{color: var(--acento);font-weight: inherit}.nav{margin-left: auto;display: flex;align-items: center;gap: 22px}.nav a{color: var(--suave);text-decoration: none;font: 500 12px/1 var(--mono);text-transform: uppercase;letter-spacing: .08em;transition: color .2s}.nav a:hover{color: var(--texto)}.perfil{display: flex;align-items: center;gap: 10px;padding: 7px 12px;border-radius: 999px;background: var(--panel);border: 1px solid var(--borde);color: var(--texto) !important;font: 600 12px/1 var(--mono) !important;letter-spacing: 0 !important;text-transform: none !important;position: relative;overflow: hidden;white-space: nowrap}.perfil::after{content: "";position: absolute;left: 0;bottom: 0;height: 2px;width: var(--pct,0%);background: var(--acento)}.sonido{display: grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--borde);background: transparent;cursor: pointer;padding: 0;color: var(--texto);--ia: var(--texto)}.sonido[aria-pressed="true"] .off,.sonido[aria-pressed="false"] .on{display: none}.sonido[aria-pressed="false"]{color: var(--tenue);--ia: var(--tenue)}.icono-mini{width: 18px;height: 18px;flex: none}.racha{display: inline-flex;align-items: center;gap: 4px;--ia: #ff8a2b}main{padding: 28px 0 64px}h1{font-size: clamp(30px,5.4vw,56px);line-height: 1;margin: 10px 0 14px;letter-spacing: -.04em;font-weight: 800;text-wrap: balance}h2{letter-spacing: -.025em;text-wrap: balance}.lead{color: var(--suave);max-width: 640px;margin: 0;font-size: 17px;text-wrap: pretty}.migas{font: 500 12px/1.4 var(--mono);color: var(--suave);margin: 0;text-transform: uppercase;letter-spacing: .06em}.migas ol{list-style: none;display: flex;flex-wrap: wrap;gap: 8px;padding: 0;margin: 0}.migas li + li::before{content: "/";margin-right: 8px;color: var(--decor)}.migas a{color: var(--suave);text-decoration: none}.migas a:hover{color: var(--texto)}.kicker{display: inline-flex;align-items: center;gap: 10px;margin: 0;font: 500 12px/1.4 var(--mono);color: var(--suave);text-transform: uppercase;letter-spacing: .08em}.kicker::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--acento);box-shadow: 0 0 0 4px rgba(200,255,46,.14)}.pie{border-top: 1px solid var(--borde);padding: 40px 0 28px;color: var(--suave);font-size: 14px;overflow: hidden}.pie .columnas{display: flex;flex-wrap: wrap;gap: 12px 40px}.pie nav{display: flex;flex-direction: column;gap: 8px}.pie nav b{font: 500 11px/1 var(--mono);text-transform: uppercase;letter-spacing: .08em;color: var(--tenue);margin-bottom: 4px}.pie a{color: var(--suave);text-decoration: none}.pie a:hover{color: var(--texto)}.pie p{margin: 28px 0 0;font-size: 13px}.pie .marca{display: block;margin-top: 24px;font-size: clamp(48px,13vw,190px);font-weight: 800;letter-spacing: -.06em;line-height: .8;color: var(--panel2);white-space: nowrap;user-select: none}.hero{display: grid;grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);gap: 24px 48px;align-items: end;padding: 20px 0 36px}.hero>div:first-child,.lateral{align-self: start}.lateral{margin-top: 30px}.hero h1{font-size: clamp(46px,7.6vw,108px);line-height: .9;letter-spacing: -.055em;margin: 18px 0 22px}.hero h1 em{font-style: normal;color: var(--tenue)}.hero .lead{font-size: 18px}.hero-acciones{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 22px;margin-top: 26px}.enlace{font: 500 13px/1 var(--mono);text-transform: uppercase;letter-spacing: .08em;color: var(--suave);text-decoration: none}.enlace:hover{color: var(--texto)}.reto-dia{display: flex;flex-direction: column;gap: 14px;padding: 22px;border-radius: 24px;background: var(--acento);color: var(--tinta)}.reto-dia .etiqueta{font: 600 11px/1.4 var(--mono);text-transform: uppercase;letter-spacing: .08em;opacity: .75}.reto-juego{display: flex;align-items: center;gap: 14px}.reto-juego .icono{width: 52px;height: 52px;flex: none;--ia: var(--tinta)}.reto-juego strong{font-size: 24px;letter-spacing: -.03em;line-height: 1.1}.reto-juego p{margin: 2px 0 0}.reto-dia .boton{background: var(--tinta);color: var(--acento);text-align: center;text-decoration: none}.reto-dia .boton.secundario{background: transparent;color: var(--tinta);border-color: rgba(11,11,12,.35)}.lateral{display: flex;flex-direction: column;gap: 10px}.destacados{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--borde)}.destacados li{border-bottom: 1px solid var(--borde)}.destacados a{display: flex;align-items: center;gap: 14px;padding: 12px 4px;text-decoration: none;transition: padding .3s var(--suave-curva)}.destacados a:hover{padding-left: 12px}.destacados .icono{width: 30px;height: 30px;flex: none;--ia: var(--acento)}.destacados strong{display: block;font-size: 17px;letter-spacing: -.02em;line-height: 1.2}.destacados small{color: var(--suave);font-size: 13px}.destacados .flecha{margin-left: auto;font-family: var(--mono);color: var(--tenue);transition: color .2s,transform .3s var(--suave-curva)}.destacados a:hover .flecha{color: var(--acento);transform: translateX(4px)}.resumen{display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));gap: 10px;margin: 24px 0 0}.dato{background: var(--panel);border: 1px solid var(--borde);border-radius: 14px;padding: 12px 14px;display: grid;grid-template-columns: auto 1fr;column-gap: 10px;align-items: center}.dato .icono{grid-row: span 2;width: 24px;height: 24px;font-size: 22px;--ia: var(--acento)}.dato b{font-size: 18px;line-height: 1.2;letter-spacing: -.02em;font-variant-numeric: tabular-nums}.dato small{color: var(--suave);font-size: 12px;line-height: 1.3}.dato .barra{grid-column: 1 / -1;margin-top: 8px}.cinta{overflow: hidden;border-block: 1px solid var(--borde);margin: 0 -16px 8px;padding: 14px 0;mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.cinta div{display: flex;width: max-content;gap: 28px;animation: cinta 60s linear infinite;font-weight: 800;font-size: clamp(22px,3vw,34px);letter-spacing: -.035em;color: var(--decor);white-space: nowrap}.cinta span::after{content: "✦";margin-left: 28px;color: var(--acento);font-size: .6em;vertical-align: middle}@keyframes cinta{to{transform: translateX(-50%)}}.seccion-cab{display: flex;align-items: end;justify-content: space-between;gap: 16px;flex-wrap: wrap;margin: 44px 0 16px}.seccion-cab h2,.seguir h2,.mas-juegos h2{font-size: clamp(24px,3vw,34px);margin: 0;line-height: 1.05}.seguir h2{margin: 36px 0 16px}.chips,.opciones{display: flex;flex-wrap: wrap;gap: 6px;margin: 0}.opciones{justify-content: center}.chip{background: transparent;border: 1px solid var(--borde);color: var(--suave);padding: 8px 14px;border-radius: 999px;cursor: pointer;font: 500 12px/1 var(--mono);text-transform: uppercase;letter-spacing: .06em;transition: color .2s,border-color .2s,background .2s}.chip:hover{color: var(--texto);border-color: var(--tenue)}.chip[aria-pressed="true"]{background: var(--texto);border-color: var(--texto);color: var(--tinta)}.rejilla{display: grid;grid-template-columns: repeat(auto-fill,minmax(210px,1fr));gap: 10px}.tarjeta{--tono: hsl(var(--h,250) 92% 64%);position: relative;display: grid;grid-template-rows: auto 1fr auto;gap: 4px;min-height: 236px;padding: 16px 18px 18px;background: var(--panel);border: 1px solid var(--borde);border-radius: var(--radio);color: var(--texto);text-decoration: none;overflow: hidden;isolation: isolate;transition: color .35s var(--suave-curva),border-color .35s,transform .35s var(--suave-curva)}.tarjeta::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--tono);clip-path: inset(100% 0 0 0 round var(--radio));transition: clip-path .45s var(--suave-curva)}.tarjeta .cab{min-height: 18px;display: flex;justify-content: space-between;align-items: center;font: 500 11px/1 var(--mono);text-transform: uppercase;letter-spacing: .08em;color: var(--tenue);transition: color .35s}.tarjeta .icono{align-self: center;justify-self: start;width: 60px;height: 60px;margin: 6px 0;--ia: var(--acento);transition: transform .5s var(--suave-curva)}.tarjeta strong{font-size: 22px;letter-spacing: -.035em;line-height: 1.05}.tarjeta small{color: var(--suave);font-size: 13px;line-height: 1.4;transition: color .35s}.tarjeta .rec{display: block;font: 600 11px/1.3 var(--mono);color: var(--oro);min-height: 1.3em;margin-top: 6px;transition: color .35s}.tarjeta:active{transform: scale(.985)}@media (hover: hover){.tarjeta:hover,.tarjeta:focus-visible{color: var(--tinta);border-color: var(--tono)}.tarjeta:hover::before,.tarjeta:focus-visible::before{clip-path: inset(0 0 0 0 round var(--radio))}.tarjeta:hover .icono,.tarjeta:focus-visible .icono{--ia: var(--tinta);transform: scale(1.12) rotate(-6deg)}.tarjeta:hover .cab,.tarjeta:hover small,.tarjeta:hover .rec,.tarjeta:focus-visible .cab,.tarjeta:focus-visible small,.tarjeta:focus-visible .rec{color: rgba(11,11,12,.72)}}.insignia{padding: 4px 8px;border-radius: 999px;background: var(--acento);color: var(--tinta);font: 700 10px/1 var(--mono);text-transform: uppercase;letter-spacing: .06em}.anuncio{margin: 40px auto;min-height: 280px;max-width: 728px;display: flex;align-items: center;justify-content: center}.anuncio>ins{width: 100%}.anuncio.vacio{min-height: 100px;border: 1px dashed var(--borde);border-radius: 14px;color: var(--tenue);font: 500 11px/1 var(--mono);text-transform: uppercase;letter-spacing: .12em}.cab-juego{display: flex;flex-direction: column;align-items: center;text-align: center}.cab-juego h1{margin-bottom: 0}.zona-juego{position: relative;display: flex;flex-direction: column;align-items: center;gap: 12px;margin-top: 20px}.juego{position: relative;width: 100%;max-width: var(--ancho,480px);user-select: none;-webkit-user-select: none;touch-action: manipulation}.juego[style*="--proporcion"]{aspect-ratio: var(--proporcion);max-height: calc(100svh - 200px)}.juego[style*="--proporcion"] canvas{max-height: 100%}.juego:not([style*="--proporcion"]){min-height: 340px;display: grid;align-content: center}.juego canvas{display: block;margin: 0 auto;width: auto;height: auto;max-width: 100%;max-height: calc(100svh - 200px);border-radius: var(--radio);background: #121214;touch-action: none}.pista{color: var(--tenue);font: 500 12px/1.5 var(--mono);text-align: center;margin: 0;max-width: 520px}.banner{display: flex;align-items: center;gap: 10px;width: 100%;max-width: 640px;padding: 10px 14px;border-radius: 14px;background: var(--panel);border: 1px solid var(--borde);font-size: 14px}.banner .icono{width: 22px;height: 22px;flex: none;--ia: var(--acento)}.banner .banner-texto{flex: 1}.banner b{color: var(--tinta);background: var(--acento);border-radius: 999px;padding: 3px 8px;font: 700 11px/1 var(--mono);white-space: nowrap}.banner.hecho{border-color: rgba(46,204,113,.5)}.banner.hecho b{background: var(--ok)}.banner.amigo{border-color: rgba(255,210,63,.5)}.banner.amigo b{background: var(--oro)}.marcador{display: flex;width: 100%;max-width: var(--ancho,480px);border: 1px solid var(--borde);border-radius: 14px;overflow: hidden}.marcador div{flex: 1;padding: 8px 12px;text-align: left;transition: background .25s}.marcador div + div{border-left: 1px solid var(--borde)}.marcador small{display: block;font: 500 10px/1.2 var(--mono);color: var(--tenue);text-transform: uppercase;letter-spacing: .1em}.marcador b{display: inline-block;font-size: 24px;font-weight: 700;letter-spacing: -.03em;line-height: 1.15;font-variant-numeric: tabular-nums}.marcador .superado{background: rgba(255,210,63,.1)}.marcador .superado b{color: var(--oro)}.flotante{position: absolute;z-index: 30;pointer-events: none;white-space: nowrap;font-weight: 900;font-size: 20px;color: #fff;text-shadow: 0 2px 8px rgba(0,0,0,.7)}.capa{position: absolute;inset: 0;z-index: 5;overflow: hidden auto;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: var(--borde) transparent;display: flex;flex-direction: column;align-items: center;gap: 10px;padding: 20px;text-align: center;background: rgba(11,11,12,.86);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: var(--radio);border: 1px solid var(--borde);animation: capa .3s var(--suave-curva)}@keyframes capa{from{opacity: 0}}.capa>:first-child{margin-top: auto}.capa>:last-child{margin-bottom: auto}.capa h2{margin: 0;font-size: 24px;line-height: 1.15}.capa p{margin: 0;color: var(--suave);max-width: 340px}.capa .grande{font-size: 76px;font-weight: 800;line-height: .95;letter-spacing: -.05em;font-variant-numeric: tabular-nums}.capa .unidad{margin-top: -6px;font: 500 12px/1 var(--mono);text-transform: uppercase;letter-spacing: .1em;color: var(--tenue)}.capa .nuevo{color: var(--acento);font-weight: 700}.capa .mejor{color: var(--oro);font-family: var(--mono);font-size: 13px}.capa .atajo{color: var(--tenue);font: 500 11px/1 var(--mono);text-transform: uppercase;letter-spacing: .08em}.capa .cerca{width: 100%;max-width: 300px;display: flex;flex-direction: column;gap: 6px}.acciones{display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;margin-top: 6px}.siguiente{font-size: 14px;font-weight: 600;color: var(--texto)}.confeti{position: absolute;left: 50%;top: 35%;width: 8px;height: 12px;border-radius: 2px;pointer-events: none}.barra{display: block;width: 100%;height: 6px;background: var(--panel2);border-radius: 99px;overflow: hidden}.barra i{display: block;height: 100%;background: var(--acento);border-radius: 99px;transition: width .6s var(--suave-curva)}.barra.nivel i{background: var(--oro)}.medallas{display: flex;align-items: center;gap: 6px;flex-wrap: wrap;justify-content: center}.medalla{font-size: 26px;filter: grayscale(1) opacity(.3);transition: filter .3s}.medalla.on{filter: none}.medalla.nueva{animation: medalla .7s ease-out}.medallas small{color: var(--suave);font-size: 13px;width: 100%}@keyframes medalla{0%{transform: scale(.2) rotate(-40deg)}60%{transform: scale(1.5) rotate(10deg)}}.xp{display: grid;grid-template-columns: auto auto;gap: 2px 10px;align-items: baseline;justify-content: center;width: 100%;max-width: 260px;font-family: var(--mono);font-size: 13px}.xp b{color: var(--oro)}.xp small{color: var(--suave)}.xp .barra{grid-column: 1 / -1;height: 4px}.boton{display: inline-flex;align-items: center;justify-content: center;gap: 8px;background: var(--acento);color: var(--tinta);border: 1px solid transparent;border-radius: 999px;padding: 14px 26px;min-width: 160px;font: inherit;font-weight: 700;letter-spacing: -.01em;cursor: pointer;text-decoration: none;transition: transform .18s var(--suave-curva),opacity .2s,background .2s}.boton:hover{transform: translateY(-2px)}.boton:active{transform: scale(.97)}.boton.secundario{background: transparent;color: var(--texto);border-color: var(--borde)}.boton.secundario:hover{border-color: var(--tenue)}.boton:disabled{opacity: .45;cursor: default;transform: none}.controles{display: flex;gap: 8px;justify-content: center;flex-wrap: wrap}.controles button{width: 64px;height: 56px;border-radius: 16px;font-size: 22px;background: var(--panel);color: var(--texto);border: 1px solid var(--borde);touch-action: none;cursor: pointer;transition: background .15s,transform .1s}.controles button:active{background: var(--acento);color: var(--tinta);transform: scale(.96)}.controles button:disabled{opacity: .35;cursor: default}.avisos{position: fixed;top: 70px;left: 50%;transform: translateX(-50%);z-index: 50;display: flex;flex-direction: column;gap: 8px;width: min(360px,calc(100% - 32px));pointer-events: none}.aviso{display: flex;align-items: center;gap: 12px;padding: 12px 16px;border-radius: 16px;background: rgba(30,30,34,.92);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid var(--borde);box-shadow: 0 18px 40px rgba(0,0,0,.5);animation: entra .4s var(--suave-curva)}.aviso .icono{font-size: 28px}.aviso strong{display: block;font-size: 15px;letter-spacing: -.01em}.aviso small{color: var(--suave);font-size: 13px}.aviso.sale{opacity: 0;transform: translateY(-10px);transition: .35s}@keyframes entra{from{opacity: 0;transform: translateY(-14px) scale(.96)}}.texto{max-width: 720px;margin: 56px auto 0;content-visibility: auto;contain-intrinsic-size: auto 800px}.texto h2{font-size: clamp(24px,3vw,30px);margin: 44px 0 12px;line-height: 1.1}.texto h3{font-size: 18px;margin: 20px 0 6px}.texto p,.texto li{color: #cfcbc2}.texto li{margin: 6px 0}.texto li::marker{color: var(--tenue);font-family: var(--mono)}.texto details{border-top: 1px solid var(--borde);padding: 14px 0}.texto details:last-of-type{border-bottom: 1px solid var(--borde)}.texto summary{font-weight: 700;cursor: pointer;list-style: none;display: flex;justify-content: space-between;gap: 12px}.texto summary::-webkit-details-marker{display: none}.texto summary::after{content: "+";font-family: var(--mono);color: var(--suave);transition: transform .25s}.texto details[open] summary::after{transform: rotate(45deg)}.texto details p{margin: 10px 0 0;color: var(--suave)}.mas-juegos{margin-top: 64px;content-visibility: auto;contain-intrinsic-size: auto 600px}.mas-juegos h2{margin-bottom: 18px}.legal{max-width: 720px}.legal h2{font-size: 22px;margin-top: 32px}.legal p,.legal li{color: #cfcbc2}.perfil-grande{display: flex;align-items: center;gap: 16px;padding: 22px;border-radius: 24px;background: var(--acento);color: var(--tinta)}.perfil-grande .icono{width: 48px;height: 48px;font-size: 48px;--ia: var(--tinta)}.perfil-grande div{flex: 1;display: flex;flex-direction: column;gap: 6px}.perfil-grande b{font-size: 32px;letter-spacing: -.04em;line-height: 1}.perfil-grande small{opacity: .75;font-family: var(--mono);font-size: 12px}.perfil-grande .barra{background: rgba(11,11,12,.15)}.perfil-grande .barra i{background: var(--tinta)}.estadisticas h2{font-size: 26px;margin: 40px 0 14px}.logros{display: grid;grid-template-columns: repeat(auto-fill,minmax(230px,1fr));gap: 10px}.logro{display: flex;align-items: center;gap: 12px;padding: 12px 14px;background: var(--panel);border: 1px solid var(--borde);border-radius: 14px}.logro .icono{font-size: 28px}.logro small{display: block;color: var(--suave);font-size: 12px}.logro.bloqueado{opacity: .45}.tabla{width: 100%;border-collapse: collapse;font-size: 15px}.tabla th,.tabla td{text-align: left;padding: 10px;border-bottom: 1px solid var(--borde)}.tabla th{color: var(--tenue);font: 500 11px/1 var(--mono);text-transform: uppercase;letter-spacing: .08em}.tabla td{font-variant-numeric: tabular-nums}.nota{color: var(--suave);font-size: 14px}.tubos{--bola: clamp(30px,9vw,46px);display: flex;flex-wrap: wrap;justify-content: center;align-content: center;gap: 14px 12px;min-height: calc(var(--bola) * 4 + 36px);padding: 18px 8px;background: var(--panel);border: 1px solid var(--borde);border-radius: var(--radio)}.tubos.m{--bola: clamp(26px,7.4vw,42px)}.tubos.p{--bola: clamp(24px,6.4vw,38px);gap: 12px 8px}.tubo{display: flex;flex-direction: column-reverse;align-items: center;gap: 3px;width: calc(var(--bola) + 12px);height: calc(var(--bola) * 4 + 30px);padding: 6px 0;background: rgba(255,255,255,.03);border: 2px solid #34343b;border-top: 0;border-radius: 0 0 999px 999px;cursor: pointer;transition: transform .2s var(--suave-curva),border-color .2s,box-shadow .2s}.tubo:hover{border-color: #4a4a52}.tubo.sel{transform: translateY(-14px);border-color: var(--texto)}.tubo.sel .bola:last-child{transform: translateY(-14px)}.tubo.lleno{border-color: var(--acento);box-shadow: 0 0 22px rgba(200,255,46,.22);animation: latido .35s ease-out}.bola{flex: none;display: grid;place-items: center;width: var(--bola);height: var(--bola);border-radius: 50%;background: radial-gradient(circle at 34% 30%,rgba(255,255,255,.55),transparent 42%),var(--c);color: rgba(0,0,0,.38);font-size: calc(var(--bola) * .42);line-height: 1;font-weight: 900;transition: transform .18s var(--suave-curva)}.bola.cae{animation: cae .26s var(--suave-curva)}@keyframes cae{from{transform: translateY(-60px);opacity: .3}}.t2048{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;padding: 10px;aspect-ratio: 1;background: var(--panel);border: 1px solid var(--borde);border-radius: var(--radio);touch-action: none}.t2048 .ficha{display: flex;align-items: center;justify-content: center;border-radius: 12px;background: var(--panel2);font-weight: 800;letter-spacing: -.04em;font-size: clamp(22px,7vw,38px);color: #fff}.ficha.nueva{animation: aparecer .15s ease-out}.ficha.fusion{animation: latido .18s ease-out}@keyframes aparecer{from{transform: scale(.4);opacity: 0}}@keyframes latido{50%{transform: scale(1.15)}}.v2{background: #2c2c33 !important}.v4{background: #3a3a44 !important}.v8{background: #ff8a2b !important;color: var(--tinta) !important}.v16{background: #ff6a2b !important}.v32{background: #ff4d4d !important}.v64{background: #e0303a !important}.v128{background: #ffd23f !important;color: var(--tinta) !important;font-size: clamp(20px,6vw,32px) !important;box-shadow: 0 0 14px rgba(255,210,63,.45)}.v256{background: #f2b90f !important;color: var(--tinta) !important;font-size: clamp(20px,6vw,32px) !important;box-shadow: 0 0 16px rgba(242,185,15,.5)}.v512{background: #2ecc71 !important;color: var(--tinta) !important;font-size: clamp(20px,6vw,32px) !important;box-shadow: 0 0 18px rgba(46,204,113,.5)}.v1024{background: #14c8b8 !important;color: var(--tinta) !important;font-size: clamp(16px,5vw,26px) !important;box-shadow: 0 0 20px rgba(20,200,184,.55)}.v2048{background: var(--acento) !important;color: var(--tinta) !important;font-size: clamp(16px,5vw,26px) !important;box-shadow: 0 0 28px rgba(200,255,46,.6)}.v4096{background: #f3f0e8 !important;color: var(--tinta) !important;font-size: clamp(16px,5vw,26px) !important}.minas{display: grid;gap: 2px;background: var(--borde);padding: 2px;border-radius: 12px;overflow: hidden}.minas button{aspect-ratio: 1;border: 0;padding: 0;border-radius: 3px;cursor: pointer;background: #33333b;color: #fff;font: 700 clamp(11px,3.4vw,18px)/1 var(--sans)}.minas button:not(.abierta):hover{background: #44444e}.minas button.abierta{background: #141416;cursor: default;animation: abrir .15s ease-out}.minas button.boom{background: var(--mal)}@keyframes abrir{from{transform: scale(.7)}}.minas .n1{color: #5aa2ff}.minas .n2{color: #4ade80}.minas .n3{color: #ff6b6b}.minas .n4{color: #c084fc}.minas .n5{color: #ff9f43}.minas .n6{color: #2ee6d6}.minas .n7{color: #ff7ac6}.minas .n8{color: #e5e7eb}.memoria{display: grid;gap: 8px}.carta{aspect-ratio: 3 / 4;perspective: 600px;border: 0;padding: 0;background: none;cursor: pointer}.carta .cara{position: relative;display: block;width: 100%;height: 100%;transition: transform .35s;transform-style: preserve-3d}.carta .dorso,.carta .frente{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;border-radius: 12px;backface-visibility: hidden}.carta .dorso{background: var(--panel2);border: 1px solid var(--borde);font-size: 22px;color: var(--tenue)}.carta .frente{background: var(--texto);transform: rotateY(180deg);font-size: clamp(22px,7vw,40px)}.carta.vista .cara{transform: rotateY(180deg)}.carta.hecha .frente{background: var(--acento);animation: latido .3s ease-out}.topos{display: grid;grid-template-columns: repeat(3,1fr);gap: 12px;padding: 14px;background: #24522d;border-radius: var(--radio)}.agujero{position: relative;aspect-ratio: 1;border-radius: 50%;overflow: hidden;border: 0;padding: 0;cursor: pointer;background: radial-gradient(ellipse at 50% 70%,#1a1206 55%,#3b2a12 56%)}.agujero span{position: absolute;left: 0;right: 0;bottom: -10%;font-size: clamp(36px,12vw,64px);text-align: center;transform: translateY(110%);transition: transform .12s ease-out}.agujero.arriba span{transform: translateY(0)}.agujero.golpe span{filter: brightness(1.8);transform: translateY(0) scale(.85)}.barra-tiempo{width: 100%;max-width: var(--ancho,480px);height: 6px;background: var(--panel2);border-radius: 99px;overflow: hidden}.barra-tiempo i{display: block;height: 100%;background: var(--acento);width: 100%}.barra-tiempo.urgente i{background: var(--mal);animation: parpadeo .5s infinite alternate}@keyframes parpadeo{to{opacity: .55}}.simon{position: relative;display: grid;grid-template-columns: 1fr 1fr;gap: 12px;aspect-ratio: 1;padding: 12px;background: var(--panel);border-radius: 50%}.simon button{border: 0;cursor: pointer;opacity: .4;transition: opacity .08s,filter .08s}.simon button:nth-child(1){background: #2ecc71;border-top-left-radius: 100%}.simon button:nth-child(2){background: #ff4d4d;border-top-right-radius: 100%}.simon button:nth-child(3){background: #ffd23f;border-bottom-left-radius: 100%}.simon button:nth-child(4){background: #3d8bff;border-bottom-right-radius: 100%}.simon button.encendido{opacity: 1;filter: brightness(1.2) drop-shadow(0 0 18px currentColor)}.simon .centro{position: absolute;inset: 33%;border-radius: 50%;background: var(--fondo);border: 6px solid var(--panel);display: flex;flex-direction: column;align-items: center;justify-content: center;pointer-events: none}.simon .centro b{font-size: clamp(26px,8vw,44px);line-height: 1;letter-spacing: -.04em}.simon .centro small{color: var(--suave);font: 500 10px/1.2 var(--mono);text-transform: uppercase;letter-spacing: .08em}.cuatro{display: grid;grid-template-columns: repeat(7,1fr);gap: 6px;padding: 10px;background: #2f5bff;border-radius: var(--radio);cursor: pointer}.cuatro div{aspect-ratio: 1;border-radius: 50%;background: var(--fondo);transition: background .15s}.cuatro div.sombra{background: rgba(255,77,77,.35)}.cuatro div.j1{background: #ff4d4d}.cuatro div.j2{background: #ffd23f}.cuatro div.gana{box-shadow: 0 0 0 4px #fff inset;animation: latido .5s ease-in-out 3}.cuatro div.cae{animation: caer .25s ease-in}@keyframes caer{from{transform: translateY(-300%)}}.sudoku{display: grid;grid-template-columns: repeat(9,1fr);background: #3a3a42;gap: 1px;border: 2px solid #5a5a63;border-radius: 10px;overflow: hidden}.sudoku div{aspect-ratio: 1;display: flex;align-items: center;justify-content: center;cursor: pointer;background: var(--panel);font-size: clamp(16px,5vw,26px);font-weight: 600;color: var(--acento)}.sudoku div.fija{color: var(--texto)}.sudoku div.zona{background: #1c1c20}.sudoku div.igual{background: #2a2a31}.sudoku div.sel{background: var(--acento);color: var(--tinta)}.sudoku div.error{color: var(--mal)}.sudoku div.bd{border-right: 2px solid #5a5a63}.sudoku div.bb{border-bottom: 2px solid #5a5a63}.sudoku div.con-notas{display: grid;grid-template-columns: repeat(3,1fr);font-size: clamp(7px,2.2vw,11px);font-weight: 500;color: var(--suave);line-height: 1;padding: 1px}.sudoku div.con-notas span{display: flex;align-items: center;justify-content: center}.sudoku div.destello{animation: destello .6s ease-out}@keyframes destello{0%{background: var(--oro);color: var(--tinta)}}.teclado{display: grid;grid-template-columns: repeat(5,1fr);gap: 8px;width: 100%;max-width: var(--ancho,480px)}.teclado button{height: 50px;border-radius: 12px;border: 1px solid var(--borde);background: var(--panel);color: var(--texto);font: 700 20px var(--sans);cursor: pointer}.teclado button:active{background: var(--panel2)}.teclado .notas-boton{grid-column: 1 / -1;font: 500 12px/1 var(--mono);text-transform: uppercase;letter-spacing: .08em}.teclado .notas-boton[aria-pressed="true"]{background: var(--acento);color: var(--tinta)}.colores{display: flex;flex-direction: column;align-items: center;gap: 18px;padding: 28px 16px;background: var(--panel);border: 1px solid var(--borde);border-radius: var(--radio)}.colores .palabra{font-size: clamp(40px,13vw,76px);font-weight: 900;letter-spacing: -.03em;line-height: 1}.colores .botones{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;width: 100%}.colores .botones button{height: 64px;border: 0;border-radius: 16px;cursor: pointer}.colores .botones button:active{transform: scale(.96)}.reaccion{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;min-height: 340px;padding: 24px;border-radius: var(--radio);text-align: center;cursor: pointer;background: #2f5bff;font-size: clamp(22px,6vw,34px);font-weight: 800;letter-spacing: -.03em}.reaccion small{font-size: 16px;font-weight: 400;opacity: .85;letter-spacing: 0}.reaccion.espera{background: #e0303a}.reaccion.ya{background: #22b35e}.intentos{display: flex;gap: 8px}.intentos i{width: 12px;height: 12px;border-radius: 50%;border: 2px solid rgba(255,255,255,.7)}.intentos i.hecho{background: #fff}.escritura{display: flex;flex-direction: column;gap: 12px}.escritura .palabras{height: 132px;overflow: hidden;padding: 12px 14px;background: var(--panel);border: 1px solid var(--borde);border-radius: var(--radio);font: 22px/36px var(--mono);color: var(--suave)}.escritura .palabras span{margin-right: 10px;border-radius: 4px}.escritura .palabras .actual{background: var(--panel2);color: var(--texto)}.escritura .palabras .bien{color: var(--ok)}.escritura .palabras .mal{color: var(--mal);text-decoration: line-through}.escritura .palabras .actual.mal{text-decoration: none;background: rgba(255,77,77,.2)}.escritura input{width: 100%;padding: 14px;font: 20px var(--mono);border-radius: 14px;border: 1px solid var(--borde);background: var(--panel);color: var(--texto)}.escritura input:focus{outline: none;border-color: var(--acento)}.escritura input.urgente{border-color: var(--mal)}@media (max-width: 860px){.hero{grid-template-columns: 1fr;align-items: start}}@media (max-width: 560px){.nav{gap: 10px}.nav a.opcional{display: none}.controles button{width: 58px}.rejilla{grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px}.tarjeta{min-height: 196px;padding: 12px 14px 14px}.tarjeta .icono{width: 46px;height: 46px}.tarjeta strong{font-size: 18px}.tarjeta small{font-size: 12px}.capa .grande{font-size: 56px}.boton{min-width: 140px;padding: 12px 20px}.capa{gap: 6px;padding: 14px 10px}.capa h2{font-size: 20px}.marcador b{font-size: 20px}.hero{padding: 0 0 20px;gap: 20px}.lateral{margin-top: 0}.hero h1{font-size: clamp(38px,11.5vw,52px);margin: 12px 0 14px}.hero .lead{font-size: 16px}.hero-acciones{margin-top: 18px}.hero .resumen,.cinta{display: none}.reto-dia{flex-direction: row;flex-wrap: wrap;align-items: center;gap: 10px;padding: 14px 16px;border-radius: 18px}.reto-dia .etiqueta{width: 100%}.reto-juego{flex: 1;gap: 10px}.reto-juego .icono{width: 36px;height: 36px}.reto-juego strong{font-size: 18px}.reto-dia .boton{min-width: 0;padding: 10px 16px}.destacados a{padding: 10px 2px}}@media (hover: none){.capa .atajo{display: none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation: none !important}.cinta div{animation: none}}