.sequence{position:relative;width:100%}.sequence__sticky{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}.sequence__canvas{display:block;width:100%;height:100%}.sequence__scrim,.sequence__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.sequence__scrim{z-index:1;pointer-events:none}.sequence__overlay{z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.sequence__overlay>*{pointer-events:auto}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(120% 60% at 18% 12%,#e5203f61,#1e082800 62%),radial-gradient(110% 60% at 88% 22%,#4b2ae061,#0c061800 65%),#0a0510;opacity:1;transition:opacity .42s ease}.loader--out{opacity:0;pointer-events:none}.loader__mark{width:72px;height:auto;filter:drop-shadow(0 0 26px rgba(190,90,255,.55));animation:loaderPulse 1.6s ease-in-out infinite}@keyframes loaderPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.07);opacity:1}}.loader__bar{width:min(62vw,260px);height:6px;border-radius:999px;overflow:hidden;background:#ffffff24}.loader__bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f5262b,#c72089 45%,#5b2ae0);transition:width .2s linear}.loader__pct{margin:0;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#ffffff9e}@media (prefers-reduced-motion: reduce){.loader__mark{animation:none}}.inicio{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0a0510;animation:inicioIn .42s ease both}.inicio__fondo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.inicio__velo{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 55% at 50% 62%,#0a0510d1,#0a051059 55%,#0a0510b3),linear-gradient(180deg,#08030e8c,#08030e33 35%,#08030ed9)}.inicio__contenido{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;padding:0 8vw calc(env(safe-area-inset-bottom) + 4vh);text-align:center}.inicio__logo{width:min(52vw,210px);height:auto}.inicio__titulo{margin:0;font-size:clamp(38px,13vw,76px);font-weight:700;letter-spacing:.14em;line-height:1;color:#fff;text-shadow:0 0 34px rgba(190,90,255,.6)}.inicio__boton{margin-top:6px;padding:16px 52px;border:0;border-radius:999px;background:linear-gradient(135deg,#f5262b,#c72089 45%,#5b2ae0);box-shadow:inset 0 0 0 2px #ffffff47,0 14px 34px #78145a73;color:#fff;font-family:inherit;font-size:19px;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:transform .18s ease,filter .18s ease;animation:latido 2.4s ease-in-out 1.2s infinite}.inicio__boton:hover{filter:brightness(1.08)}.inicio__boton:active{transform:scale(.96);animation:none}.inicio__nota{margin:0;font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#fff9}@keyframes inicioIn{0%{opacity:0}to{opacity:1}}@keyframes latido{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.inicio--out{opacity:0;transition:opacity .38s ease;pointer-events:none}@media (prefers-reduced-motion: reduce){.inicio,.inicio__boton{animation:none}}html,body{margin:0;min-height:100%;background:#0a0510;font-family:Poppins,sans-serif}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html[data-phase=bingo],html[data-phase=bingo] body,html[data-phase=inicio],html[data-phase=inicio] body{height:100%;overflow:hidden}.bingo-in{animation:bingoIn .52s cubic-bezier(.2,.8,.25,1) both}.ver-intro{position:fixed;top:calc(env(safe-area-inset-top) + 10px);right:calc(env(safe-area-inset-right) + 12px);z-index:30;padding:6px 12px;border:0;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #a85cff66;color:#ffffff9e;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s ease,background-color .18s ease}.ver-intro:hover{background:#a85cff33;color:#fff}.ver-intro:active{transform:scale(.95)}@keyframes bingoIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}html[data-phase=intro],html[data-phase=intro] body{height:auto;overflow:visible;scrollbar-width:none}html[data-phase=intro] body::-webkit-scrollbar{display:none}.intro{opacity:1;transition:opacity .42s ease}.intro--out{opacity:0}.intro__skip{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:10;padding:12px 26px;border:0;border-radius:999px;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.02em;color:#fff;background:#0a05108c;box-shadow:inset 0 0 0 1.5px #a85cff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;animation:skipIn .4s ease both .3s;transition:background-color .2s ease,transform .2s ease}.intro__skip:hover{background:#a85cff47;transform:translateY(-2px)}.intro__skip:active{transform:scale(.97)}@keyframes skipIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.intro,.intro__skip,.bingo-in{transition:none;animation:none}}