:root{--fuente-principal: "Poppins", "Segoe UI", "Trebuchet MS", Arial, sans-serif}.app-cargando{display:flex;justify-content:center;align-items:center;min-height:100vh;color:#fff;background:#0f0f1a}.app-buscando-partida{flex-direction:column;gap:16px;padding:24px;box-sizing:border-box;text-align:center}.app-buscando-partida-gif{display:block;width:160px;height:160px;max-width:100%;object-fit:contain}.app-motion-paused *,.app-motion-paused *:before,.app-motion-paused *:after{animation-play-state:paused!important}html{scroll-behavior:smooth;scroll-padding-top:76px}.app-scrolling .loading-image-skeleton:after,.app-scrolling .brillo,.app-scrolling .mis-sobres-por-abrir-badge,.app-scrolling .menu-nav-links .badge{animation-play-state:paused}.app-scrolling .carta:hover{transform:none;transition:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{padding:0;margin:0;font-family:var(--fuente-principal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:var(--fuente-principal)}:root{--size-width-mini-pico: 20px;--size-height-mini-pico: 20px;--size-width-pico: 250px;--size-height-pico: 250px;--size-width-nano: 35px;--size-height-nano: 35px;--size-width-micro: 45px;--size-height-micro: 63px;--size-width-mini: 60px;--size-height-mini: 85px;--size-width-pequeña: 90px;--size-height-pequeña: 125px;--size-width-mediana: 100px;--size-height-mediana: 140px;--size-width-grande: 150px;--size-height-grande: 210px;--size-width-gigante: 450px;--size-height-gigante: 630px;--size-width-energia: 25px;--size-height-energia: 25px;--size-width-trainer: 40px;--size-height-trainer: 40px;--size-width-hp-label: 100px;--size-height-hp-label: 30px;--size-width-energia-mini: 25px;--size-height-energia-mini: 25px}.ingreso{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);min-height:100vh;min-height:100dvh;background:#eceef3;color:#14173d;font-family:var(--fuente-principal)}.ingreso-portada{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:32px;box-sizing:border-box;background:radial-gradient(circle at 50% 48%,#171c541a,#080a28db 72%),linear-gradient(160deg,#1b2070,#0a0c2e 70%);color:#fff}.ingreso-portada:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,transparent 4px,rgba(255,255,255,.11) 4.5px,rgba(255,255,255,.11) 6px,transparent 6.5px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 55%);mask-image:linear-gradient(to bottom,#000,transparent 55%)}.ingreso-portada:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle 280px at var(--luz-x, 50%) var(--luz-y, 50%),rgba(255,214,102,.24),transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s}.ingreso-portada-activa:after{opacity:1}.ingreso-energias{position:absolute;inset:0;pointer-events:none}.ingreso-energia{position:absolute;width:var(--tam);height:var(--tam);margin:calc(var(--tam) / -2) 0 0 calc(var(--tam) / -2);border-radius:50%;box-shadow:0 8px 18px #0006;opacity:.9;transform:translate(calc(var(--mouse-x, 0) * var(--profundidad) * var(--movimiento, 1) * 1px),calc(var(--mouse-y, 0) * var(--profundidad) * var(--movimiento, 1) * 1px)) rotate(var(--giro));transition:transform .25s ease-out;will-change:transform}.ingreso-sobres{position:absolute;inset:0}.ingreso-sobres-3d{position:absolute;inset:0;opacity:0;touch-action:none;transition:opacity .6s}.ingreso-sobres-3d canvas{display:block}.ingreso-portada-3d .ingreso-sobres-3d{opacity:1}.ingreso-portada-3d .ingreso-sobres{display:none}.ingreso-sobre{position:absolute;width:24%;aspect-ratio:593 / 1024;transform:translate(calc(var(--mouse-x, 0) * var(--profundidad) * var(--movimiento, 1) * 1px),calc(var(--mouse-y, 0) * var(--profundidad) * var(--movimiento, 1) * 1px)) rotate(var(--giro));transition:transform .25s ease-out}.ingreso-sobre-foto{position:absolute;inset:0;filter:drop-shadow(0 16px 20px rgba(0,0,0,.55))}.ingreso-sobre-foto img{display:block;width:100%;height:100%;clip-path:inset(.4% 1.2% round 3px)}.ingreso-sobre-brillo{position:absolute;inset:0;overflow:hidden;opacity:0;clip-path:inset(.4% 1.2% round 3px);transition:opacity .3s}.ingreso-sobre-brillo:before{content:"";position:absolute;inset:-20% -100%;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.1) 44%,rgba(255,255,255,.42) 50%,rgba(255,255,255,.1) 56%,transparent 62%);transform:translate(calc(var(--mouse-x, 0) * 12%));transition:transform .25s ease-out}.ingreso-portada-activa .ingreso-sobre-brillo{opacity:1}.ingreso-sobre-rojo{left:0;top:35%;--giro: -13deg;--profundidad: 26}.ingreso-sobre-azul{left:42%;top:26%;width:18%;--giro: -3deg;--profundidad: -12}.ingreso-sobre-amarillo{right:0;top:43%;--giro: 11deg;--profundidad: 34}.ingreso-sobre-azul .ingreso-sobre-foto{filter:brightness(.42) drop-shadow(0 16px 20px rgba(0,0,0,.55))}.ingreso-sobre-azul .ingreso-sobre-brillo{display:none}.ingreso-portada-contenido{position:relative;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;max-width:520px;text-align:center}.ingreso-portada-contenido:before{content:"";position:absolute;inset:-70px -60px;z-index:-1;background:radial-gradient(closest-side,#060822e6 55%,#06082200)}.ingreso-logo{width:96px;height:96px;border-radius:50%;object-fit:contain}.ingreso-titulo{margin:12px 0 10px;font-size:clamp(40px,5vw,64px);font-weight:900;line-height:1.05;letter-spacing:-.02em;text-shadow:0 3px 16px rgba(0,0,0,.6)}.ingreso-lema{margin:0 0 22px;max-width:400px;font-size:16px;line-height:1.5;text-shadow:0 1px 8px rgba(0,0,0,.7)}.ingreso-secciones{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.ingreso-secciones li{display:flex;align-items:center;gap:7px;padding:5px 11px 5px 7px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#0a0b24c7;font-size:12px;font-weight:700}.ingreso-seccion-icono{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10px}.ingreso-seccion-fuego{background:#f4611f;color:#fff}.ingreso-seccion-estrella{background:#e9ecf5;color:#27306f}.ingreso-seccion-agua{background:#2f7de1;color:#fff}.ingreso-seccion-trofeo{background:#f5c518;color:#4d3800}.ingreso-version{position:absolute;z-index:2;pointer-events:none;left:0;right:0;bottom:22px;margin:0;font-size:11px;font-weight:600;text-align:center}.ingreso-panel{display:flex;align-items:center;justify-content:center;padding:32px 24px;box-sizing:border-box}.ingreso-columna{width:100%;max-width:400px}.ingreso-tarjeta{display:flex;flex-direction:column;padding:28px;border-radius:14px;background:#fff;box-shadow:0 10px 30px #14173d17}.ingreso-tarjeta h2{margin:0;font-size:24px;font-weight:800;line-height:1.25}.ingreso-saludo{margin:2px 0 20px;color:#565b78;font-size:14px}.ingreso-etiqueta{margin-bottom:8px;font-size:14px;font-weight:600}.ingreso-input{width:100%;height:46px;box-sizing:border-box;margin-bottom:18px;padding:0 14px;border:1px solid #d5d9ec;border-radius:9px;background:#fff;color:#14173d;font-family:inherit;font-size:16px}.ingreso-input::placeholder{color:#666c8b}.ingreso-input::-ms-reveal{display:none}.ingreso-input:focus-visible{border-color:#2b37a6;outline:2px solid rgba(43,55,166,.25)}.ingreso-input-clave{position:relative}.ingreso-input-clave .ingreso-input{padding-right:46px}.ingreso-ojo{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:0;background:transparent;color:#565b78;cursor:pointer}.ingreso-ojo:hover{color:#14173d}.ingreso-olvido{align-self:flex-end;margin-bottom:18px;color:#27309a;font-size:13px;font-weight:600}.ingreso-mensaje{margin:0 0 14px;padding:9px 12px;border-radius:8px;background:#fdecea;color:#a3211b;font-size:14px;font-weight:600}.ingreso-boton{height:48px;border:0;border-bottom:3px solid #d29f00;border-radius:9px;background:#fc0;color:#14173d;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.ingreso-boton:hover:not(:disabled){background:#ffb700}.ingreso-boton:disabled{opacity:.6;cursor:default}.ingreso-olvido:focus-visible,.ingreso-ojo:focus-visible,.ingreso-boton:focus-visible,.ingreso-registro a:focus-visible{outline:2px solid #2b37a6;outline-offset:2px}.ingreso-registro{margin:22px 0 28px;color:#4c5170;font-size:14px;text-align:center}.ingreso-registro a{margin-left:4px;color:#27309a;font-weight:700;text-decoration:none}.ingreso-registro a:hover{text-decoration:underline}.ingreso-legal{margin:0;color:#5a5f7c;font-size:11px;line-height:1.6;text-align:center}@media(prefers-reduced-motion:reduce){.ingreso-portada{--movimiento: 0}.ingreso-sobre,.ingreso-energia,.ingreso-portada:after{transition:none}.ingreso-portada:after,.ingreso-sobre-brillo{display:none}}@media(max-width:860px){.ingreso{display:flex;flex-direction:column}.ingreso-portada{padding:24px 16px 40px}.ingreso-sobres-3d{display:none}.ingreso-portada-3d .ingreso-sobres{display:block}.ingreso-energia{width:calc(var(--tam) * .62);height:calc(var(--tam) * .62);margin:calc(var(--tam) * -.31) 0 0 calc(var(--tam) * -.31);opacity:.55}.ingreso-energia:nth-child(2n){display:none}.ingreso-sobre{width:24%}.ingreso-sobre-rojo{left:-6%;top:22%}.ingreso-sobre-azul{left:41%;top:4%;width:18%}.ingreso-sobre-amarillo{right:-6%;top:30%}.ingreso-sobre-brillo{display:none}.ingreso-logo{width:72px;height:72px}.ingreso-lema{margin-bottom:14px;font-size:14px}.ingreso-version{bottom:12px}.ingreso-panel{align-items:flex-start;padding:20px 16px 28px}.ingreso-tarjeta{padding:22px}}.modal-bienvenida-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-bienvenida-contenido{position:relative;background:linear-gradient(135deg,#0a1628,#1a2f4d);border:2px solid rgba(168,213,255,.4);border-radius:16px;padding:30px 35px;max-width:560px;width:92%;color:#fff;box-shadow:0 12px 48px #0009}.modal-bienvenida-cerrar{position:absolute;top:12px;right:16px;background:none;border:none;color:#a8d5ff;font-size:20px;cursor:pointer}.modal-bienvenida-titulo{margin:0 0 6px;font-size:24px;background:linear-gradient(135deg,#fff,#a8d5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:24px}.modal-bienvenida-subtitulo{margin:0 0 20px;color:#b0d4ff;font-size:14px}.modal-bienvenida-beneficios{display:flex;flex-direction:column;gap:14px;margin-bottom:26px}.modal-bienvenida-beneficio{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#1e325ae6,#142346e6);border:1px solid rgba(168,213,255,.3);border-radius:12px;padding:12px 16px}.modal-bienvenida-beneficio-icono{font-size:26px}.modal-bienvenida-beneficio div{display:flex;flex-direction:column}.modal-bienvenida-beneficio-titulo{font-weight:700;font-size:15px;color:#fff}.modal-bienvenida-beneficio-detalle{font-size:12px;color:#a8d5ff;margin-top:2px}.modal-bienvenida-botones{display:flex;flex-direction:column;gap:10px}.modal-bienvenida-btn-principal{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none;border-radius:30px;padding:14px 20px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.modal-bienvenida-btn-principal:hover{background:linear-gradient(135deg,#66bb6a,#2e7d32)}.modal-bienvenida-btn-secundario{background:none;color:#a8d5ff;border:1px solid rgba(168,213,255,.4);border-radius:30px;padding:10px 20px;font-size:13px;cursor:pointer}.modal-bienvenida-btn-secundario:hover{border-color:#a8d5ffcc;color:#fff}