.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}:root{--azul-fondo: #040a26;--azul-noche: #081239;--azul-panel: #0b1a55;--azul-mira: #1535a3;--azul-claro: #3b6ff0;--azul-texto: #14276f;--blanco: #ffffff;--dorado: #ffc527;--rojo: #e3192c;--plata: #e8ecf5;--fuente-display: "Goldman", sans-serif;--fuente-cuerpo: "Goldman", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--fuente-cuerpo);background:var(--azul-fondo);color:var(--blanco);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#root{position:relative}.fondo{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--azul-fondo) url(/assets/fondo.webp) center / cover no-repeat;z-index:0}@supports (height: 100lvh){.fondo{width:100lvw;height:100lvh}}.fondo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(2,6,26,.55) 100%)}.pantalla{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}canvas.particulas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.marca{display:flex;align-items:center;gap:14px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}.marca .logo-oficial{height:clamp(46px,8vh,72px);display:block}.marca.mini .logo-oficial{height:clamp(36px,6.5vh,52px)}.titulo-album{text-align:center}.titulo-album .linea-de{display:flex;align-items:center;gap:16px;justify-content:center;margin-bottom:-6px}.titulo-album .linea-de:before,.titulo-album .linea-de:after{content:"";height:2px;width:70px;background:linear-gradient(90deg,transparent,#cdd6ea)}.titulo-album .linea-de:after{background:linear-gradient(90deg,#cdd6ea,transparent)}.titulo-album .de{font-family:var(--fuente-display);font-style:italic;font-weight:700;letter-spacing:10px;font-size:clamp(16px,2.6vw,26px);color:#e7ecf7}.titulo-album .campeones{font-family:var(--fuente-display);font-style:italic;font-weight:900;font-size:clamp(54px,11vw,120px);letter-spacing:2px;line-height:1.04;background:linear-gradient(180deg,#fff 18%,#c9d4ea 38%,#8fa3c8,#fff 62%,#aebcd9 80%,#f2f5fb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 1px rgba(8,15,46,.9)) drop-shadow(0 8px 22px rgba(59,111,240,.45));position:relative}.btn{font-family:var(--fuente-display);font-weight:700;font-size:19px;letter-spacing:2.5px;text-transform:uppercase;border:none;border-radius:999px;padding:11px 38px 13px;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;display:inline-flex;align-items:center;gap:10px;justify-content:center}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default}.btn-blanco{background:linear-gradient(180deg,#fff,#dfe6f5);color:var(--azul-texto);box-shadow:0 4px 18px #00000073,inset 0 -2px #14276f40}.btn-blanco:hover{filter:brightness(1.05);box-shadow:0 6px 26px #78a0ff80}.btn-azul{background:linear-gradient(180deg,#142b88,#0c1c5e);color:#fff;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 4px 18px #00000080}.btn-azul:hover{box-shadow:0 0 24px #5a8cff8c}.btn .brillo{position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);animation:barrido 3.2s ease-in-out infinite;pointer-events:none}@keyframes barrido{0%,55%{left:-60%}85%,to{left:130%}}.btn-volver{position:absolute;top:18px;left:20px;z-index:30;font-size:15px;letter-spacing:1.5px;padding:7px 20px 8px 14px}.chip{position:absolute;top:18px;right:20px;z-index:30;background:linear-gradient(180deg,#fff,#e3e9f6);color:var(--azul-texto);font-family:var(--fuente-cuerpo);font-weight:700;font-size:12.5px;border-radius:999px;padding:8px 18px;box-shadow:0 3px 12px #0006}.inicio-marca{position:absolute;top:26px;left:0;right:0;display:flex;justify-content:center}.inicio-marca-home{top:clamp(44px,8.5vh,76px)}.inicio-marca-home .logo-oficial{height:clamp(70px,12vh,112px)}.panel{background:linear-gradient(165deg,#0a1646eb,#050b26f0);border:1px solid rgba(120,155,255,.35);border-radius:22px;padding:26px 30px;width:min(420px,92vw);box-shadow:0 12px 50px #0009,0 0 40px #2850c82e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:none}.panel::-webkit-scrollbar{width:0;display:none}.panel h2{font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:30px;letter-spacing:1.5px;text-align:center;margin-bottom:14px}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{flex:1;background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffbf;border-radius:999px;padding:8px 0;font-family:var(--fuente-display);font-weight:700;letter-spacing:2px;font-size:15px;text-transform:uppercase;cursor:pointer;transition:all .2s}.tabs button.activa{background:#fff;color:var(--azul-texto);border-color:#fff}.fila-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.campo{margin-bottom:13px}.campo label{display:block;font-size:11.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#aebbe4;margin-bottom:5px}.campo input[type=text],.campo input[type=password],.campo input[type=number],.campo select{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;font-family:var(--fuente-cuerpo);font-size:16px;font-weight:600;padding:11px 14px;outline:none;transition:border .2s,box-shadow .2s}.campo select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.campo select option{color:#14276f}.campo input:focus{border-color:var(--azul-claro);box-shadow:0 0 0 3px #3b6ff040}.campo select:focus{border-color:var(--azul-claro);box-shadow:0 0 0 3px #3b6ff040}.terminos{display:flex;gap:10px;align-items:flex-start;margin:14px 0 16px;font-size:12.5px;color:#c4cdec;line-height:1.45}.terminos input{margin-top:2px;accent-color:var(--azul-claro);width:16px;height:16px;flex-shrink:0}.terminos a{color:#7da2ff;cursor:pointer;text-decoration:underline}.error-msg{background:#e3192c26;border:1px solid rgba(227,25,44,.5);color:#ffb4bc;border-radius:10px;font-size:13px;padding:9px 12px;margin-bottom:12px;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020514bf;z-index:90;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:linear-gradient(165deg,#0d1d60,#060f38);border:1px solid rgba(120,155,255,.4);border-radius:18px;width:min(560px,92vw);max-height:80vh;display:flex;flex-direction:column;padding:22px 26px}.modal h3{font-family:var(--fuente-display);font-weight:800;font-size:24px;letter-spacing:1px;margin-bottom:10px}.modal .cuerpo{overflow-y:auto;font-size:13px;line-height:1.6;color:#c9d2ee;padding-right:8px}.modal .cuerpo p{margin-bottom:10px}.modal .acciones{display:flex;justify-content:center;margin-top:16px}.lobby-marca{position:absolute;top:clamp(42px,7vh,64px);left:0;right:0;z-index:25;display:flex;justify-content:center}.lobby-marca .marca.mini .logo-oficial{height:clamp(66px,10.4vh,98px)}.lobby{display:flex;gap:clamp(20px,5vw,70px);align-items:flex-end;justify-content:center;padding-top:clamp(54px,8vh,86px)}.lobby-item{display:flex;flex-direction:column;align-items:center;gap:18px;cursor:pointer}.lobby-item .arte{position:relative;height:clamp(160px,38vh,300px);display:flex;align-items:flex-end;justify-content:center;transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 14px 30px rgba(0,0,0,.65))}.lobby-item-principal .arte{height:clamp(184px,43vh,340px)}.lobby-item:hover .arte{transform:translateY(-10px) scale(1.04);filter:drop-shadow(0 22px 40px rgba(70,120,255,.45))}.lobby-item .arte img{position:relative;z-index:1;height:100%;object-fit:contain}.lobby-item .arte:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.78) 46%,rgba(255,255,255,.24) 54%,transparent 68%);background-size:250% 100%;background-position:140% 0;opacity:0;mix-blend-mode:screen;animation:brillo-lobby 4.8s ease-in-out infinite;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-size:contain;mask-size:contain}.lobby-item-fichas .arte:after{-webkit-mask-image:url(/assets/sobre.webp);mask-image:url(/assets/sobre.webp);animation-delay:.2s}.lobby-item-album .arte:after{-webkit-mask-image:url(/assets/portada.webp);mask-image:url(/assets/portada.webp);animation-delay:.75s}.lobby-item-abrir .arte:after{-webkit-mask-image:url(/assets/caja.webp);mask-image:url(/assets/caja.webp);animation-delay:1.3s}@keyframes brillo-lobby{0%,44%{opacity:0;background-position:140% 0}53%{opacity:.85}70%,to{opacity:0;background-position:-90% 0}}@media(prefers-reduced-motion:reduce){.lobby-item .arte:after{animation:none}}.lobby-item .badge{position:absolute;top:-8px;right:-10px;z-index:4;background:linear-gradient(180deg,var(--dorado),#e2a400);color:#3a2a00;min-width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;padding:0 8px;box-shadow:0 3px 10px #00000080;border:2px solid #fff}.lobby-item .badge-progreso{min-width:58px;padding:0 11px}.lobby-item .badge-porcentaje{min-width:46px}.lobby-item .badge-intentos{min-width:88px;padding:0 10px}.btn-lobby{color:#fff;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 4px 18px #00000080}.btn-lobby-amarillo{background:linear-gradient(180deg,#ffc527,#d99b00);color:#3a2a00}.btn-lobby-azul{background:linear-gradient(180deg,#1535a3,#0c1c5e)}.btn-lobby-rojo{background:linear-gradient(180deg,#e3192c,#98111e)}.btn-lobby-negro{background:linear-gradient(180deg,#1b1b1f,#030305);border-color:#ffffffc7}.btn-lobby:hover{box-shadow:0 0 24px #ffffff59,0 6px 22px #0000008c}.top-mundial-accion{position:absolute;bottom:20px;left:0;right:0;z-index:24;display:flex;justify-content:center}.top-mundial-accion .btn-lobby{min-width:190px}.lobby-estado{position:absolute;bottom:78px;left:50%;transform:translate(-50%);width:min(92vw,720px);text-align:center;padding:7px 16px;border-radius:999px;background:#03081e6b;color:#fffffff0;font-size:clamp(16px,2.6vh,22px);font-weight:800;letter-spacing:.4px;text-shadow:0 3px 12px rgba(0,0,0,.62);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.boton-ayuda{position:absolute;top:18px;left:20px;z-index:30;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);background:linear-gradient(180deg,var(--dorado),#d99b00);color:#3a2a00;font-family:var(--fuente-display);font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #0000006b}.boton-ayuda:hover{filter:brightness(1.08)}.tutorial-popover{max-width:min(330px,88vw);border-radius:14px;background:linear-gradient(165deg,#0d1d60,#060f38);border:1px solid rgba(120,155,255,.45);color:#fff;box-shadow:0 14px 44px #0009}.tutorial-popover .driver-popover-title{color:var(--dorado);font-family:var(--fuente-display);font-size:22px;font-weight:800;letter-spacing:1px}.tutorial-popover .driver-popover-description{color:#dbe4ff;font-family:var(--fuente-cuerpo);font-size:13px;line-height:1.45}.tutorial-popover .driver-popover-progress-text{color:#9fb1ea;font-family:var(--fuente-cuerpo);font-weight:700}.tutorial-popover .driver-popover-prev-btn,.tutorial-popover .driver-popover-next-btn{border-radius:999px;border:none;font-family:var(--fuente-display);font-weight:800;letter-spacing:1px;text-transform:uppercase}.tutorial-popover .driver-popover-prev-btn{background:#ffffff1f;color:#fff}.tutorial-popover .driver-popover-next-btn{background:linear-gradient(180deg,var(--dorado),#d99b00);color:#3a2a00}.tutorial-popover .driver-popover-close-btn{color:#fff}.top-panel{width:min(860px,92vw);max-height:82vh;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:24px 26px 22px;border-radius:18px;background:linear-gradient(165deg,#0a1646f0,#050b26f5);border:1px solid rgba(120,155,255,.38);box-shadow:0 14px 52px #0000009e}.top-panel h1{font-family:var(--fuente-display);font-weight:800;font-size:clamp(30px,5vw,52px);color:var(--dorado);text-align:center;letter-spacing:2px;line-height:1}.tabla-top{display:flex;flex-direction:column;gap:7px;overflow-y:auto;padding-right:4px}.tabla-top-head,.tabla-top-row{display:grid;grid-template-columns:46px minmax(140px,1.1fr) minmax(180px,1fr) 110px;align-items:center;gap:12px}.tabla-top-head{color:#9fb1ea;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:0 12px}.tabla-top-row{min-height:48px;padding:8px 12px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.11)}.tabla-top-row .posicion{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--dorado);color:#3a2a00;font-weight:800}.tabla-top-row .nombre{font-weight:800;color:#fff}.tabla-top-row .territorio{color:#c9d2ee;font-size:13px}.tabla-top-row .avance{display:flex;flex-direction:column;align-items:flex-end;color:#fff}.tabla-top-row .avance b{color:var(--dorado);font-size:18px}.tabla-top-row .avance small{color:#9fb1ea;font-size:11px}.top-paginacion{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:4px}.top-paginacion span{min-width:58px;text-align:center;color:#dbe4ff;font-weight:800}.top-vacio{padding:36px 0}.pregunta-caja{width:min(720px,92vw);text-align:center}.pregunta-caja h1{font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:clamp(26px,4.5vw,44px);line-height:1.15;margin-bottom:clamp(16px,4vh,34px);text-shadow:0 3px 14px rgba(0,0,0,.7)}.opciones{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(16px,4vh,30px)}.opcion{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,#0d1b54e6,#070f32e6);border:1.5px solid rgba(255,255,255,.75);border-radius:999px;padding:12px 22px;cursor:pointer;font-weight:600;font-size:clamp(13.5px,1.6vw,16px);text-align:left;color:#fff;transition:all .18s ease}.opcion:hover{border-color:#fff;box-shadow:0 0 18px #6491ff66}.opcion .radio{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.8);flex-shrink:0;position:relative}.opcion.elegida{border-color:var(--dorado);box-shadow:0 0 22px #ffc52773}.opcion.elegida .radio{border-color:var(--dorado)}.opcion.elegida .radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--dorado)}.opcion.correcta{border-color:#38d96e;box-shadow:0 0 22px #38d96e80}.opcion.incorrecta{border-color:var(--rojo);box-shadow:0 0 22px #e3192c80;animation:sacudida .4s}@keyframes sacudida{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.mensaje-grande{font-family:var(--fuente-display);font-style:italic;font-weight:900;font-size:clamp(40px,8vw,84px);text-align:center;background:linear-gradient(180deg,#fff 25%,#c9d4ea,#fff 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 2px rgba(8,15,46,.9)) drop-shadow(0 0 30px rgba(255,197,39,.35))}.sobre-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3.5vh,30px)}.sobre-img{height:clamp(200px,48vh,380px);filter:drop-shadow(0 18px 40px rgba(0,0,0,.7)) drop-shadow(0 0 35px rgba(80,130,255,.35))}.halo{position:absolute;top:50%;left:50%;width:130%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(120,165,255,.4) 0%,rgba(255,197,39,.12) 40%,transparent 65%);z-index:-1;animation:pulso 2.4s ease-in-out infinite}@keyframes pulso{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.rayos{position:absolute;top:50%;left:50%;width:4px;height:4px;z-index:-1}.rayos span{position:absolute;left:0;top:0;width:3px;height:130px;background:linear-gradient(180deg,rgba(255,255,255,.95),transparent);transform-origin:top center;animation:rayo .9s ease-out forwards}@keyframes rayo{0%{transform:rotate(var(--ang)) scaleY(0);opacity:1}to{transform:rotate(var(--ang)) scaleY(2.4);opacity:0}}.fichas-fila{display:flex;gap:clamp(10px,2vw,24px);justify-content:center;align-items:center;flex-wrap:wrap;width:min(94vw,1120px);max-height:62vh;padding:6px 2px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.fichas-fila::-webkit-scrollbar{width:0;height:0;display:none}.fichas-fila-revelar{max-height:none;overflow:visible}.fichas-fila-historial{align-content:flex-start;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.ficha-carta{height:clamp(150px,36vh,290px);aspect-ratio:579 / 768;perspective:900px;cursor:pointer}.ficha-carta .interior{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.35,1.4,.5,1)}.ficha-carta.volteada .interior{transform:rotateY(180deg)}.ficha-cara{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:8px;overflow:hidden;box-shadow:0 10px 26px #0009}.ficha-cara img{width:100%;height:100%;object-fit:cover;display:block}.ficha-dorso{background:linear-gradient(150deg,#16307f,#0a1748 55%,#16307f);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.35)}.ficha-dorso img{width:55%;height:auto;opacity:.9}.ficha-frente{transform:rotateY(180deg)}.ficha-carta .destello{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 62%);background-size:260% 100%;background-position:110% 0;pointer-events:none;transform:rotateY(180deg)}.ficha-carta.volteada .destello{animation:destello 1.1s ease-out .45s}@keyframes destello{0%{background-position:110% 0}to{background-position:-60% 0}}.ficha-nueva{position:absolute;top:8px;left:8px;background:var(--dorado);color:#3a2a00;font-size:10px;font-weight:800;letter-spacing:1px;border-radius:99px;padding:3px 9px;z-index:3;transform:rotateY(180deg);backface-visibility:hidden}.album-zona{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;justify-content:center}.libro{position:relative;height:min(76vh,620px);aspect-ratio:1800 / 1218;perspective:2400px}.libro.cerrado{aspect-ratio:900 / 1218;height:min(72vh,560px)}.pagina-base{position:absolute;top:0;width:50%;height:100%;background:url(/assets/pagina.webp) center / cover no-repeat;border-radius:6px;box-shadow:0 16px 50px #000000a6;overflow:hidden}.pagina-base.izq{left:0;border-radius:10px 3px 3px 10px}.pagina-base.der{right:0;border-radius:3px 10px 10px 3px}.libro .lomo{position:absolute;left:50%;top:1%;bottom:1%;width:14px;transform:translate(-50%);background:linear-gradient(90deg,#0000,#00000073,#0000);z-index:5;pointer-events:none}.portada-libro{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;overflow:hidden;cursor:pointer;box-shadow:0 18px 60px #000000b3,0 0 50px #3c6ef040}.portada-libro img{width:100%;height:100%;object-fit:cover;display:block}.pagina-contenido{position:absolute;top:0;right:0;bottom:0;left:0;padding:8.5% 8% 9%;display:flex;flex-direction:column}.pagina-contenido h3{font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:clamp(13px,2.1vh,22px);letter-spacing:3px;color:#fff;text-align:center;margin:8% 0 5.5%;text-shadow:0 2px 8px rgba(0,0,0,.8)}.cuadricula{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5% 7%;flex:1;align-content:start}.cuadricula.pocas{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;justify-content:center;padding:0 15% 8%;gap:8% 12%}.hueco{aspect-ratio:579 / 768;background:linear-gradient(165deg,#fff,#e9edf6);border-radius:7%/5.5%;box-shadow:0 3px 9px #00000073,inset 0 0 0 1px #0000000f;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hueco img.vacia{width:52%;opacity:.5;filter:grayscale(1) brightness(.92)}.hueco img.pegada{width:100%;height:100%;object-fit:cover}.hueco .num{position:absolute;bottom:3%;right:6%;font-size:clamp(7px,1.1vh,11px);font-weight:800;color:#9aa6c3}.hueco.con-ficha{box-shadow:0 4px 14px #0000008c}.hueco .brillo-pegada{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);background-size:240% 100%;background-position:115% 0;animation:destello .9s ease-out;animation-fill-mode:forwards}.hoja-giro{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;z-index:20}.hoja-giro .cara{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:url(/assets/pagina.webp) center / cover no-repeat;border-radius:3px 10px 10px 3px;overflow:hidden}.hoja-giro .cara.reverso{transform:rotateY(180deg);border-radius:10px 3px 3px 10px}.album-controles{display:flex;gap:16px;align-items:center;z-index:25}.flecha{width:52px;height:40px;border-radius:999px;background:linear-gradient(180deg,#fff,#dfe6f5);color:var(--azul-texto);border:none;font-size:19px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #00000080;transition:transform .15s,box-shadow .15s}.flecha:hover{transform:scale(1.08);box-shadow:0 6px 20px #6e96ff80}.flecha:disabled{opacity:.35;transform:none;cursor:default}.progreso-album{display:flex;align-items:center;gap:12px;z-index:25;background:#050b26cc;border:1px solid rgba(120,155,255,.35);border-radius:999px;padding:7px 18px;font-size:12.5px;font-weight:700}.progreso-album .barra{width:clamp(90px,18vw,220px);height:8px;background:#ffffff26;border-radius:99px;overflow:hidden}.progreso-album .barra div{height:100%;background:linear-gradient(90deg,var(--dorado),#ffe084);border-radius:99px;transition:width .6s ease}.rotar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background:var(--azul-fondo) url(/assets/fondo.webp) center / cover no-repeat;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;text-align:center;padding:30px}@supports (height: 100lvh){.rotar-overlay{width:100lvw;height:100lvh}}.rotar-overlay .telefono{width:54px;height:92px;border:4px solid #fff;border-radius:12px;position:relative;animation:girar-tel 1.8s ease-in-out infinite}@keyframes girar-tel{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(90deg)}to{transform:rotate(90deg)}}.rotar-overlay h2{font-family:var(--fuente-display);font-style:italic;font-weight:800;font-size:28px;letter-spacing:1px}.rotar-overlay p{color:#b9c4e8;font-size:14px;max-width:280px}@media(orientation:portrait)and (max-width:600px){.titulo-album .campeones{font-size:clamp(38px,12.5vw,64px);letter-spacing:1px}.titulo-album .de{font-size:clamp(13px,4vw,18px);letter-spacing:6px}.titulo-album .linea-de:before,.titulo-album .linea-de:after{width:42px}.inicio-marca-home{top:clamp(34px,7vh,60px)}.inicio-marca-home .logo-oficial{height:clamp(58px,9vh,92px)}.pantalla{padding-top:max(env(safe-area-inset-top),12px)}.panel{width:min(440px,94vw);max-height:calc(100dvh - 120px);overflow-y:auto;padding:22px 20px}.btn-volver{top:max(env(safe-area-inset-top),12px);left:12px}.inicio-marca:not(.inicio-marca-home){top:max(env(safe-area-inset-top),14px);justify-content:flex-end;padding-right:16px}.inicio-marca:not(.inicio-marca-home) .logo-oficial{height:clamp(30px,5vh,42px)}.boton-sonido{right:14px;bottom:max(env(safe-area-inset-bottom),14px)}}@media(orientation:portrait)and (max-width:420px){.fila-campos{grid-template-columns:1fr;gap:0}}.fila-acciones{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.texto-suave{color:#b9c4e8;font-size:14px;text-align:center}.timer-reinicio{display:inline-flex;align-items:center;justify-content:center;min-width:150px;margin:0 0 24px;padding:8px 18px;border-radius:999px;background:#050b26c7;border:1px solid rgba(120,155,255,.38);color:var(--dorado);font-family:var(--fuente-display);font-weight:800;font-size:22px;letter-spacing:2px;box-shadow:0 4px 18px #00000073}.cargando{width:38px;height:38px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.boton-sonido{position:absolute;right:18px;bottom:16px;z-index:40;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#050b26b3;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.boton-sonido.en-lobby{top:18px;bottom:auto;left:66px;right:auto}.boton-sonido:hover{background:#142878d9}.boton-sonido.sin-sonido{color:#fff;border-color:#e3192ce6;background:linear-gradient(180deg,#e3192cf2,#780812eb);box-shadow:0 0 18px #e3192c61,0 4px 16px #0000007a}.boton-sonido.sin-sonido svg{color:#fff;stroke:#fff}.boton-sonido.sin-sonido:hover{background:linear-gradient(180deg,#ff263a,#98111e)}.boton-salir{position:absolute;top:18px;right:20px;z-index:30;background:transparent;border:1px solid rgba(255,255,255,.45);color:#d6def5;border-radius:999px;font-family:var(--fuente-display);font-weight:600;letter-spacing:1.5px;font-size:13px;text-transform:uppercase;padding:7px 18px;cursor:pointer;transition:all .2s}.boton-salir:hover{background:#ffffff1f}@media(max-height:480px){.inicio-marca{top:10px}.inicio-marca .marca{transform:scale(.7)}.inicio-marca-home{top:18px}.inicio-marca-home .marca{transform:scale(.82)}.lobby-marca{top:18px}.lobby-marca .marca{transform:scale(.78)}.lobby{padding-top:46px}.panel{padding:16px 22px;max-height:92vh;overflow-y:auto}.panel h2{font-size:22px;margin-bottom:8px}.campo{margin-bottom:8px}.campo input[type=text],.campo input[type=password],.campo select{padding:7px 12px;font-size:14px}.pregunta-caja{padding-top:46px}.pregunta-caja h1{font-size:clamp(17px,3.6vh,24px);margin-bottom:10px}.opciones{gap:7px;margin-bottom:12px}.opcion{padding:7px 16px}.boton-ayuda{top:10px;left:12px;transform:scale(.88)}.boton-sonido{right:12px;bottom:10px}.boton-sonido.en-lobby{top:10px;left:56px;right:auto;bottom:auto;transform:scale(.88)}.btn-volver{top:10px;left:12px}.chip{top:10px;right:12px}.mensaje-grande{font-size:clamp(28px,9vh,48px)}}