:root{--fondo:#000;--papel:#131313;--tinta:#fff;--tinta-suave:#9b9b9b;--amarillo:#ffed00;--morado:#a600ff;--linea:#2a2a24;--sobre-amarillo:#141400;--radio:18px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--tinta);min-height:100dvh;font-family:Libre Franklin,system-ui,sans-serif;line-height:1.45}.com-envoltura{max-width:640px;margin:0 auto;padding:0 20px 96px}.com-cabecera{justify-content:space-between;align-items:center;padding:18px 0 10px;display:flex}.com-cabecera img{display:block}.com-cabecera a{color:var(--tinta-suave);font-size:14px;text-decoration:none}h1.com-titulo{text-transform:uppercase;letter-spacing:.5px;font-family:Bebas Neue,Libre Franklin,sans-serif;font-size:clamp(44px,11vw,72px);line-height:.92}h1.com-titulo em{color:var(--amarillo);font-style:normal}.com-sub{color:var(--tinta-suave);max-width:46ch;margin-top:14px;font-size:17px}.com-boton{background:var(--amarillo);color:var(--sobre-amarillo);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 28px;font-size:17px;font-weight:800;text-decoration:none;transition:transform 80ms;display:inline-flex}.com-boton:active{transform:scale(.97)}.com-boton.fantasma{color:var(--tinta);border:1.5px solid var(--linea);background:0 0;font-weight:600}.com-boton.negro{background:var(--papel);color:var(--tinta);border:1.5px solid var(--tinta);font-weight:800}.com-boton[disabled]{opacity:.45;cursor:default}.com-tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:20px}.com-puntos{align-items:baseline;gap:10px;display:flex}.com-puntos strong{color:var(--amarillo);font-family:Bebas Neue,sans-serif;font-size:56px;line-height:1}.com-barra{background:#1f1f1a;border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.com-barra i{background:linear-gradient(90deg, var(--amarillo), #fff45c);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.com-mision{border-radius:var(--radio);background:var(--papel);border:1px solid var(--linea);color:var(--tinta);align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.com-mision+.com-mision{margin-top:10px}.com-mision .pts{color:var(--amarillo);text-align:center;min-width:52px;font-family:Bebas Neue,sans-serif;font-size:26px}.com-mision.hecha{opacity:.55}.com-mision.hecha .pts{color:var(--tinta-suave)}.com-mision .info{flex:1}.com-mision .info small{color:var(--tinta-suave);margin-top:2px;display:block}.com-mision .palomita{color:var(--amarillo);font-size:20px}.runner-progreso{gap:5px;margin:14px 0 26px;display:flex}.runner-progreso i{background:#22221c;border-radius:2px;flex:1;height:4px}.runner-progreso i.va{background:var(--amarillo)}.runner-pregunta h2{margin-bottom:6px;font-size:24px;line-height:1.2}.runner-pregunta .ayuda{color:var(--tinta-suave);margin-bottom:20px;font-size:15px}.runner-pregunta .nota{border-left:3px solid var(--morado);color:var(--tinta-suave);background:#17111d;border-radius:0 10px 10px 0;margin:0 0 18px;padding:8px 12px;font-size:14px}.opcion{text-align:left;background:var(--papel);width:100%;color:var(--tinta);border:1.5px solid var(--linea);cursor:pointer;border-radius:14px;margin-bottom:10px;padding:14px 16px;font-size:16px;display:block}.opcion.activa{border-color:var(--amarillo);background:#1c1a00}.chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--amarillo);color:var(--amarillo);cursor:pointer;background:#1c1a00;border-radius:999px;padding:8px 14px;font-size:14px}.chip.neutro{background:var(--papel);border-color:var(--linea);color:var(--tinta)}input.com-campo,.com-campo{background:var(--papel);width:100%;color:var(--tinta);border:1.5px solid var(--linea);border-radius:14px;outline:none;padding:14px 16px;font-size:16px}.com-campo:focus{border-color:var(--amarillo)}.runner-pie{gap:10px;margin-top:24px;display:flex}.runner-pie .com-boton{flex:1}.credencial{color:#141400;background:linear-gradient(160deg,#ffed00 0%,#fd0 55%,#e6c700 100%);border-radius:22px;padding:24px;position:relative;overflow:hidden}.credencial:after{content:"ELIOTITO";opacity:.12;letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:96px;position:absolute;bottom:-14px;right:-18px}.credencial .quien{font-family:Bebas Neue,sans-serif;font-size:40px;line-height:1}.credencial .handle{opacity:.75;font-weight:700}.credencial .folio{letter-spacing:1px;opacity:.85;margin-top:18px;font-family:ui-monospace,monospace;font-size:14px}.credencial .fila-nota{opacity:.75;max-width:40ch;margin-top:6px;font-size:12.5px}.celebracion{text-align:center;padding:40px 0}.celebracion .grande{color:var(--amarillo);font-family:Bebas Neue,sans-serif;font-size:88px;line-height:1}.com-error{color:#ffb4be;background:#2a0f13;border:1px solid #7a2733;border-radius:12px;margin:14px 0;padding:12px 14px;font-size:14px}.oculto{display:none!important}.com-pie{border-top:1px solid var(--linea);color:var(--tinta-suave);margin-top:40px;padding-top:16px;font-size:13px}.com-pie a{color:var(--tinta-suave)}.sticker{letter-spacing:1.5px;border-radius:999px;padding:6px 14px;font-family:Bebas Neue,sans-serif;font-size:18px;display:inline-block;transform:rotate(-2deg)}.sticker-morado{background:var(--morado);color:#fff;box-shadow:3px 3px 0 var(--amarillo)}.pasos{grid-template-columns:1fr 1fr;gap:12px;display:grid}.paso{background:var(--papel);border:1.5px solid var(--linea);border-radius:var(--radio);gap:2px;padding:18px 14px 14px;display:grid;position:relative}.paso-1{border-color:#3a3200;transform:rotate(-1.2deg)}.paso-2{transform:rotate(1deg)}.paso-3{border-color:#2a1140;transform:rotate(.8deg)}.paso-4{transform:rotate(-.8deg)}.paso-num{background:var(--amarillo);color:var(--sobre-amarillo);border-radius:999px;place-items:center;width:24px;height:24px;font-family:Bebas Neue,sans-serif;font-size:15px;display:grid;position:absolute;top:-10px;left:12px}.paso-3 .paso-num{background:var(--morado);color:#fff}.paso-emoji{font-size:30px;line-height:1.1}.paso strong{font-size:15.5px;line-height:1.15}.paso small{color:var(--tinta-suave);font-size:12.5px}.credencial-teaser{box-shadow:6px 6px 0 var(--morado);transform:rotate(-1.5deg)}.hero-dos{padding:22px 0 30px}.hero-botones{gap:10px;margin-top:24px;display:grid}.teaser-nota{color:var(--tinta-suave);text-align:center;margin-top:14px;font-size:15px}.hero-der{margin-top:30px}@media (width>=900px){.com-envoltura.ancha{max-width:1150px}.com-envoltura.ancha .com-cabecera{padding:26px 0 14px}.hero-dos{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:64px;min-height:calc(100dvh - 210px);padding:48px 0 56px;display:grid}.hero-der{margin-top:0}h1.com-titulo{font-size:clamp(64px,7vw,104px)}.com-sub{font-size:19px}.hero-botones{grid-template-columns:auto auto;justify-content:start;gap:12px}.hero-botones .com-boton{width:auto;padding:16px 34px}.hero-der .credencial-teaser{box-shadow:10px 10px 0 var(--morado);transform:rotate(-2.5deg)scale(1.06)}.hero-der .credencial .quien{font-size:52px}.pasos{grid-template-columns:repeat(4,1fr);gap:16px}.paso{padding:24px 18px 18px}.paso-emoji{font-size:36px}.paso strong{font-size:17px}.paso small{font-size:13.5px}.hero-der .teaser-nota{margin-top:34px}}.com-pie-logo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pie-fco{color:var(--tinta-suave);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.pie-fco img{opacity:.75;display:block}.pie-fco:hover img{opacity:1}@keyframes com-subir{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes com-flotar{0%,to{transform:rotate(-2.5deg)translateY(0)}50%{transform:rotate(-1.2deg)translateY(-10px)}}@keyframes com-brillo{0%{transform:translate(-130%)rotate(18deg)}55%,to{transform:translate(240%)rotate(18deg)}}@keyframes com-vibrar{0%,92%,to{transform:rotate(-2deg)}94%{transform:rotate(2.5deg)}96%{transform:rotate(-3deg)}98%{transform:rotate(1.5deg)}}@keyframes com-deriva{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-50px)scale(1.15)}}.hero-izq .sticker{animation:.55s cubic-bezier(.22,1,.36,1) both com-subir}.hero-izq h1{animation:.65s cubic-bezier(.22,1,.36,1) 80ms both com-subir}.hero-izq .com-sub{animation:.65s cubic-bezier(.22,1,.36,1) .18s both com-subir}.hero-izq .hero-botones{animation:.65s cubic-bezier(.22,1,.36,1) .28s both com-subir}.hero-der{animation:.7s cubic-bezier(.22,1,.36,1) .35s both com-subir}.sticker-morado{animation:.55s cubic-bezier(.22,1,.36,1) both com-subir,5s 1.4s infinite com-vibrar}.hero-der .credencial-teaser{will-change:transform;animation:5.5s ease-in-out 1s infinite com-flotar}.credencial-teaser:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff8c,#0000);width:34%;animation:4.2s ease-in-out 2s infinite com-brillo;position:absolute;inset:-30% auto -30% 0}.com-envoltura.ancha{position:relative}.com-envoltura.ancha:before,.com-envoltura.ancha:after{content:"";z-index:-1;filter:blur(90px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.com-envoltura.ancha:before{background:var(--morado);width:380px;height:380px;animation:11s ease-in-out infinite com-deriva;top:40px;right:-60px}.com-envoltura.ancha:after{background:#7a6f00;width:300px;height:300px;animation:14s ease-in-out 2s infinite reverse com-deriva;top:320px;left:-120px}.com-boton{transition:transform .12s,box-shadow .12s}.com-boton:hover{transform:translateY(-2px)scale(1.015);box-shadow:0 10px 28px #ffed0038}.com-boton.negro:hover{box-shadow:0 10px 28px #ffffff1f}.revela{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}.revela.visto{opacity:1;transform:translateY(0)}.paso{transition:transform .18s,border-color .18s,box-shadow .18s}.paso:hover{border-color:var(--amarillo);transform:rotate(0)translateY(-6px);box-shadow:0 14px 30px #0000008c}.paso:hover .paso-emoji{animation:.6s ease-in-out com-vibrar;display:inline-block}@media (prefers-reduced-motion:reduce){.hero-izq .sticker,.hero-izq h1,.hero-izq .com-sub,.hero-izq .hero-botones,.hero-der,.sticker-morado,.hero-der .credencial-teaser,.credencial-teaser:before,.com-envoltura.ancha:before,.com-envoltura.ancha:after{animation:none!important}.revela{opacity:1;transition:none;transform:none}}.priv-tarjeta h2{align-items:center;gap:10px;margin-bottom:8px;font-size:17px;display:flex}.priv-tarjeta h2 span{font-size:24px}.priv-tarjeta p{color:var(--tinta-suave);font-size:15px;line-height:1.55}.priv-tarjeta{transition:transform .18s,border-color .18s}.priv-tarjeta:hover{border-color:var(--amarillo);transform:rotate(0)!important}.com-mision.bloqueada{opacity:.75;border-style:dashed}.com-mision.bloqueada .pts{font-size:20px}.com-mision.bloqueada .info small{color:var(--amarillo)}.com-utilidad{justify-content:space-between;align-items:center;padding:16px 0 4px;font-size:14px;display:flex}.com-utilidad a{color:var(--tinta-suave);text-decoration:none}.com-utilidad a:hover{color:var(--tinta)}.relampago{border:1.5px solid var(--amarillo);border-radius:var(--radio);background:linear-gradient(150deg,#1c1a00,#131313 70%);padding:18px}.relampago-cabeza{justify-content:space-between;align-items:center;display:flex}.relampago-sello{letter-spacing:1.5px;color:var(--amarillo);font-family:Bebas Neue,sans-serif;font-size:15px}.relampago-racha{font-size:15px;font-weight:800}.relampago-opcion{margin-bottom:8px}.relampago-opcion[disabled]{opacity:.55}.fila-renglon{background:var(--papel);border:1px solid var(--linea);border-radius:12px;align-items:center;gap:12px;margin-bottom:6px;padding:11px 14px;font-size:15px;display:flex}.fila-lugar{text-align:center;min-width:30px;color:var(--tinta-suave);font-family:Bebas Neue,sans-serif;font-size:18px}.fila-handle{flex:1;font-weight:600}.fila-puntos{color:var(--tinta-suave);font-variant-numeric:tabular-nums}.fila-yo{border-color:var(--amarillo);background:#1c1a00}.fila-yo .fila-puntos{color:var(--amarillo)}.misiones-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=700px){.misiones-grid{grid-template-columns:1fr 1fr}}.carta{border-radius:var(--radio);background:linear-gradient(160deg, #1a1a14, var(--papel) 65%);border:1.5px solid var(--linea);color:var(--tinta);transform:rotate(var(--giro,0deg));align-content:start;gap:6px;min-height:128px;padding:18px 16px 16px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative}.carta:hover{border-color:var(--amarillo);transform:rotate(0)translateY(-5px);box-shadow:0 14px 30px #0000008c}.carta-emoji{font-size:34px;line-height:1}.carta-pts{letter-spacing:.5px;background:var(--amarillo);color:var(--sobre-amarillo);border-radius:999px;padding:4px 11px;font-family:Bebas Neue,sans-serif;font-size:16px;position:absolute;top:12px;right:12px;transform:rotate(3deg)}.carta-titulo{margin-top:2px;font-size:17.5px;line-height:1.15}.carta-nota{color:var(--tinta-suave);font-size:13px}.carta-cta{color:var(--amarillo);justify-self:start;margin-top:6px;font-size:13.5px;font-weight:800}.carta:hover .carta-cta{text-decoration:underline}.carta-premium{background:linear-gradient(160deg, #1d1226, var(--papel) 70%);border-color:#3d1a55}.carta-etiqueta{letter-spacing:1.5px;background:var(--morado);color:#fff;border-radius:999px;padding:2px 10px;font-family:Bebas Neue,sans-serif;font-size:12px;position:absolute;top:-9px;left:14px;transform:rotate(-2deg)}.carta-bloqueada .carta-pts{background:var(--morado);color:#fff}.carta-progreso{background:#241631;border-radius:999px;height:7px;margin-top:4px;overflow:hidden}.carta-progreso i{background:linear-gradient(90deg, var(--morado), #c766ff);border-radius:999px;height:100%;display:block}.carta-bloqueada .carta-nota{color:#c99aee}.carta-hecha{opacity:.62}.carta-hecha .carta-pts{color:var(--amarillo);border:1.5px solid var(--amarillo);background:0 0}.carta-sello{letter-spacing:2px;color:var(--amarillo);border:2.5px solid var(--amarillo);opacity:.9;border-radius:8px;padding:1px 10px;font-family:Bebas Neue,sans-serif;font-size:22px;position:absolute;bottom:12px;right:10px;transform:rotate(-9deg)}.seccion-misiones{margin-top:22px}@media (width>=980px){.tablero-grid{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:56px;padding-top:10px;display:grid}.col-identidad{position:sticky;top:84px}.col-identidad .com-puntos strong{font-size:84px}.col-juego .seccion-misiones{margin-top:0}.col-juego .seccion-misiones h2,.col-juego #zona-fila h2{font-size:22px}}.pase{margin:18px 0 8px;padding:10px 0 44px;position:relative}.pase-linea{background:#1f1f1a;border-radius:999px;height:9px;margin:0 10px;overflow:hidden}.pase-linea i{background:linear-gradient(90deg, var(--amarillo), #fff45c);border-radius:999px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);display:block}.pase-nodos{position:absolute;inset:0 10px}.pase-nodo{text-align:center;position:absolute;top:0;transform:translate(-50%)}.pase-punto{background:var(--papel);border:2px solid var(--linea);filter:grayscale()opacity(.7);border-radius:999px;place-items:center;width:34px;height:34px;margin:-3px auto 0;font-size:16px;transition:transform .2s;display:grid}.pase-nodo.logrado .pase-punto{border-color:var(--amarillo);filter:none;background:#241f00;box-shadow:0 0 12px #ffed0059}.pase-nodo.siguiente .pase-punto{filter:none;border-color:var(--morado);animation:1.6s ease-in-out infinite pase-late}@keyframes pase-late{0%,to{transform:scale(1);box-shadow:0 0 #a600ff66}50%{transform:scale(1.12);box-shadow:0 0 14px #a600ff8c}}.pase-etiqueta{color:var(--tinta-suave);white-space:nowrap;margin-top:6px;font-size:11px;font-weight:700;line-height:1.15;display:block}.pase-etiqueta small{font-size:10px;font-weight:400;display:block}.pase-nodo.logrado .pase-etiqueta{color:var(--amarillo)}@media (prefers-reduced-motion:reduce){.pase-nodo.siguiente .pase-punto{animation:none}}.quiz-main{position:relative}.quiz-escenario{align-content:center;max-width:880px;min-height:calc(100dvh - 210px);margin:0 auto;display:grid}.quiz-pregunta h2{text-wrap:balance;margin-bottom:10px;font-size:clamp(26px,4.2vw,44px);line-height:1.12}.quiz-pregunta .ayuda{margin-bottom:26px;font-size:clamp(15px,1.6vw,18px)}.q-in{animation:.42s cubic-bezier(.22,1,.36,1) both com-subir}.quiz-fichas{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=720px){.quiz-fichas{grid-template-columns:1fr 1fr}}.quiz-fichas .opcion{border-width:2px;border-radius:18px;margin-bottom:0;padding:20px 22px;font-size:clamp(16px,1.9vw,19px);font-weight:700;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}.quiz-fichas .opcion:nth-child(4n+1){transform:rotate(-.5deg)}.quiz-fichas .opcion:nth-child(4n+2){transform:rotate(.5deg)}.quiz-fichas .opcion:nth-child(4n+3){transform:rotate(.35deg)}.quiz-fichas .opcion:nth-child(4n){transform:rotate(-.35deg)}.quiz-fichas .opcion:hover{border-color:var(--amarillo);transform:rotate(0)translateY(-4px)scale(1.015);box-shadow:0 12px 28px #00000080}.quiz-fichas .opcion.activa{border-color:var(--amarillo);background:#1c1a00}.quiz-fichas .opcion.elegida{border-color:var(--amarillo);background:#241f00;animation:.28s cubic-bezier(.34,1.56,.64,1) quiz-pop}@keyframes quiz-pop{0%{transform:scale(1)}45%{transform:scale(1.06)rotate(.5deg)}to{transform:scale(1)}}.quiz-escenario .runner-progreso{gap:7px;margin:0 0 34px}.quiz-escenario .runner-progreso i{border-radius:4px;height:7px}.quiz-escenario .runner-progreso i.va{box-shadow:0 0 10px #ffed008c}.quiz-escenario .runner-pie{max-width:500px}.confeti{pointer-events:none;z-index:80;position:fixed;inset:0;overflow:hidden}.confeti i{border-radius:2px;width:10px;height:16px;animation:linear both confeti-cae;position:absolute;top:-3vh}@keyframes confeti-cae{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.85;transform:translateY(108vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.q-in,.quiz-fichas .opcion.elegida{animation:none}.confeti{display:none}}.quiz-siguientes{gap:10px;max-width:560px;margin:0 auto;display:grid}.siguiente-carta{background:var(--papel);border:1.5px solid var(--linea);color:var(--tinta);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-size:15.5px;font-weight:700;text-decoration:none;transition:transform .12s,border-color .12s;animation:.5s cubic-bezier(.22,1,.36,1) both com-subir;display:flex}.siguiente-carta:nth-child(2){animation-delay:80ms}.siguiente-carta:nth-child(3){animation-delay:.16s}.siguiente-carta:nth-child(4){animation-delay:.24s}.siguiente-carta:hover{border-color:var(--amarillo);transform:translateY(-3px)}.siguiente-carta .pts{color:var(--amarillo);min-width:46px;font-family:Bebas Neue,sans-serif;font-size:19px}.siguiente-carta .tit{flex:1}.siguiente-carta .flecha{color:var(--amarillo)}.siguiente-carta.bloqueada{opacity:.7;border-style:dashed}