@keyframes crxIntroOverlayOut{0%,80%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes crxIntroSkyLift{0%{transform:translateY(10%)}to{transform:translateY(-16%)}}@keyframes crxIntroPropertySink{0%{opacity:1;transform:translate(0,0)scale(1.06)}65%{opacity:.35;transform:translateY(26%)scale(.92)}to{opacity:0;transform:translateY(42%)scale(.88)}}@keyframes crxIntroRise{0%{opacity:0;transform:translateY(44%)scale(.62)}10%{opacity:1}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes crxIntroSway{0%{transform:rotate(-4deg)}50%{transform:rotate(3.5deg)}to{transform:rotate(0)}}@keyframes crxIntroBalloonLife{0%{opacity:0;transform:scale(1)}8%{opacity:1;transform:scale(1)}43%{opacity:1;transform:scale(1)}48%{opacity:1;transform:scale(1.18)}52%{opacity:1;transform:scale(1.55)}56%{opacity:0;transform:scale(2.35)}to{opacity:0;transform:scale(2.35)}}@keyframes crxIntroFlash{0%,46%{opacity:0;transform:translate(-50%,-50%)scale(.2)}50%{opacity:.7;transform:translate(-50%,-50%)scale(.6)}58%{opacity:0;transform:translate(-50%,-50%)scale(2.8)}to{opacity:0}}@keyframes crxIntroSpark{0%,46%{opacity:0;transform:translate(0,0)scale(.4)}50%{opacity:1;transform:translate(0,0)scale(1.1)}62%{opacity:0;transform:translate3d(var(--sx,0px), var(--sy,0px), 0) scale(.15)}to{opacity:0}}@keyframes crxIntroNameLife{0%,56%{opacity:0;transform:translateY(18px)scale(.96)}62%{opacity:1;transform:translate(0,0)scale(1)}78%{opacity:1;transform:translate(0,0)scale(1)}88%,to{opacity:0;transform:translateY(-8px)}}@keyframes crxIntroGreetingNameLife{0%,42%{opacity:0;transform:translateY(22px)scale(.94)}48%{opacity:1;transform:translate(0,0)scale(1)}82%{opacity:1;transform:translate(0,0)scale(1)}92%,to{opacity:0;transform:translateY(-10px)}}@keyframes crxIntroGreetingOverlayOut{0%,86%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes crxIntroGreetingCardReveal{0%,88%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes crxIntroCardReveal{0%,82%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.crx-intro-overlay{pointer-events:none;animation:5.5s linear forwards crxIntroOverlayOut}.crx-intro-sky{background:radial-gradient(80% 45% at 50% 18%,#fff 0%,#0000 68%),linear-gradient(#6ec8ff 0%,#b7e8ff 38%,#e8f6ff 66%,#f7f0e8 100%);height:140%;animation:2.4s cubic-bezier(.22,.61,.36,1) forwards crxIntroSkyLift;top:-18%;bottom:auto}.crx-intro-property{transform-origin:bottom;animation:2.9s cubic-bezier(.22,.61,.36,1) forwards crxIntroPropertySink}.crx-intro-balloon-track{will-change:transform, opacity;justify-content:center;align-items:center;animation:2.4s cubic-bezier(.22,.61,.36,1) forwards crxIntroRise;display:flex;position:absolute;inset:0}.crx-intro-balloon-sway{transform-origin:50% 80%;will-change:transform;animation:2.4s ease-in-out forwards crxIntroSway;position:relative}.crx-intro-balloon{width:auto;height:9.5rem;animation:5.5s linear forwards crxIntroBalloonLife;display:block}.crx-intro-flash{pointer-events:none;background:radial-gradient(circle,#fff 0%,#5ec8ff99 38%,#0000 70%);border-radius:9999px;width:5.5rem;height:5.5rem;margin:0;animation:5.5s linear forwards crxIntroFlash;position:absolute;top:50%;left:50%}.crx-intro-spark{pointer-events:none;border-radius:9999px;animation:5.5s linear forwards crxIntroSpark;position:absolute;top:50%;left:50%}.crx-intro-name{opacity:0;pointer-events:none;animation:5.5s linear forwards crxIntroNameLife}.crx-intro-card-wait{opacity:0;animation:5.5s linear forwards crxIntroCardReveal}.crx-intro-name-stage{padding-inline:1.1rem}.crx-intro-has-greeting .crx-intro-sky{background:radial-gradient(90% 55% at 50% 42%,#ffffff8c 0%,#0000 62%),radial-gradient(70% 50% at 18% 78%,#ff5a7a2e 0%,#0000 60%),radial-gradient(65% 45% at 84% 18%,#003da524 0%,#0000 58%),linear-gradient(#7ecfff 0%,#c8ecff 36%,#f3f7ff 68%,#fff7f2 100%)}.crx-intro-greeting{z-index:1;flex-direction:column;align-items:center;gap:.85rem;width:min(100%,22rem);padding:0;display:flex;position:relative}.crx-intro-hearts{pointer-events:none;z-index:0;width:0;height:0;position:absolute;top:50%;left:50%}.crx-intro-heart{opacity:0;transform:translate(-50%, -50%) translate3d(var(--hx,0), var(--hy,0), 0) scale(.35) rotate(var(--hs,0deg));filter:drop-shadow(0 8px 14px #e11b2242);animation:7.2s cubic-bezier(.22,.61,.36,1) forwards crxIntroHeartFloat;animation-delay:var(--hd,0s);place-items:center;display:grid;position:absolute;top:0;left:0}@keyframes crxIntroHeartFloat{0%,42%{opacity:0;transform:translate(-50%, -50%) translate3d(var(--hx,0), calc(var(--hy,0px) + 22px), 0) scale(.18) rotate(var(--hs,0deg))}50%{opacity:.95;transform:translate(-50%, -50%) translate3d(var(--hx,0), var(--hy,0), 0) scale(1.1) rotate(var(--hs,0deg))}60%{opacity:1;transform:translate(-50%, -50%) translate3d(var(--hx,0), calc(var(--hy,0px) - 14px), 0) scale(1) rotate(calc(var(--hs,0deg) * -.35))}80%{opacity:.9;transform:translate(-50%, -50%) translate3d(var(--hx,0), calc(var(--hy,0px) - 34px), 0) scale(.96) rotate(calc(var(--hs,0deg) * .2))}92%,to{opacity:0;transform:translate(-50%, -50%) translate3d(var(--hx,0), calc(var(--hy,0px) - 58px), 0) scale(.72) rotate(calc(var(--hs,0deg) * -.55))}}.crx-intro-greeting-lead{z-index:1;letter-spacing:-.02em;color:#003da5;text-wrap:balance;text-shadow:0 10px 30px #003da52e;justify-content:center;align-items:center;gap:.55rem;max-width:12ch;font-size:clamp(1.35rem,6.2vw,1.85rem);font-weight:700;line-height:1.05;display:inline-flex;position:relative}.crx-intro-greeting-lead-heart{color:#e11b22;flex-shrink:0;width:1.05rem;height:1.05rem;animation:1.15s ease-in-out infinite crxIntroHeartPulse}.crx-intro-greeting-lead-heart:last-child{animation-delay:.35s}@keyframes crxIntroHeartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.crx-intro-greeting-name{z-index:1;letter-spacing:-.06em;color:#0a0a0a;text-shadow:0 2px #ffffff8c,0 18px 40px #e11b2238;width:100%;font-size:clamp(4.4rem,22vw,6.4rem);line-height:.84;position:relative}.crx-intro-greeting-name:after{content:"";background:linear-gradient(90deg,#e11b22 0%,#ff5a7a 48%,#003da5 100%);border-radius:999px;width:4.5rem;height:4px;margin:1rem auto 0;display:block;box-shadow:0 0 18px #e11b2266}.crx-intro-has-greeting{animation-name:crxIntroGreetingOverlayOut;animation-duration:7.2s}.crx-intro-has-greeting .crx-intro-name{animation-name:crxIntroGreetingNameLife;animation-duration:7.2s}.crx-intro-card-wait-greeting{animation-name:crxIntroGreetingCardReveal;animation-duration:7.2s}.crx-intro-card-hold{opacity:0!important;animation:none!important}.crx-intro-hold-greeting{opacity:1!important;visibility:visible!important;animation:none!important}.crx-intro-hold-greeting .crx-intro-name{opacity:1!important;animation:none!important;transform:none!important}.crx-intro-hold-greeting .crx-intro-balloon-track,.crx-intro-hold-greeting .crx-intro-balloon,.crx-intro-hold-greeting .crx-intro-flash,.crx-intro-hold-greeting .crx-intro-spark{opacity:0!important;animation:none!important}.crx-intro-hold-greeting .crx-intro-heart{opacity:1!important;transform:translate(-50%, -50%) translate3d(var(--hx), var(--hy), 0) scale(1) rotate(var(--hs))!important;animation:none!important}@media (prefers-reduced-motion:reduce){.crx-intro-overlay,.crx-intro-sky,.crx-intro-property,.crx-intro-balloon-track,.crx-intro-balloon-sway,.crx-intro-balloon,.crx-intro-flash,.crx-intro-spark,.crx-intro-name,.crx-intro-card-wait,.crx-intro-heart,.crx-intro-greeting-lead-heart{animation-duration:.01ms!important}}
@keyframes levelIntroOverlayOut{0%,84%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes levelIntroLine{0%{opacity:0;transform:scaleX(0)}14%{opacity:1}72%{opacity:1;transform:scaleX(1)}88%,to{opacity:0;transform:scaleX(1)}}@keyframes levelIntroBar{0%{opacity:0;transform:scaleY(0)}22%{opacity:1}70%{opacity:1;transform:scaleY(1)}88%,to{opacity:.15;transform:scaleY(1)}}@keyframes levelIntroBrandIn{0%,24%{opacity:0;transform:translateY(22px)}38%{opacity:1;transform:translate(0,0)}70%{opacity:1;transform:translate(0,0)}84%,to{opacity:0;transform:translateY(-14px)}}@keyframes levelIntroNameIn{0%,48%{opacity:0;transform:translateY(18px)}58%{opacity:1;transform:translate(0,0)}78%{opacity:1}90%,to{opacity:0;transform:translateY(-10px)}}@keyframes levelIntroCardReveal{0%,86%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes levelIntroSweep{0%{opacity:0;transform:translate(-130%)}12%{opacity:.75}36%{opacity:0;transform:translate(130%)}to{opacity:0}}.level-intro-overlay{z-index:80;padding:max(1.75rem, env(safe-area-inset-top,0px)) max(1.25rem, env(safe-area-inset-right,0px)) max(1.5rem, env(safe-area-inset-bottom,0px)) max(1.25rem, env(safe-area-inset-left,0px));box-sizing:border-box;pointer-events:none;background:#050505;grid-template-rows:minmax(0,1fr) auto minmax(0,.85fr) auto;align-items:stretch;animation:6.2s linear forwards levelIntroOverlayOut;display:grid;position:fixed;inset:0}.level-intro-grid{opacity:.7;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 50% at 50% 42%,#000 10%,#0000 72%);mask-image:radial-gradient(65% 50% at 50% 42%,#000 10%,#0000 72%)}.level-intro-sweep{filter:blur(12px);background:linear-gradient(90deg,#0000,#e21e2647,#0000);width:38%;height:12%;animation:6.2s linear forwards levelIntroSweep;position:absolute;top:38%;left:0}.level-intro-brand{z-index:2;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:.7rem;padding-bottom:.35rem;animation:6.2s linear forwards levelIntroBrandIn;display:flex;position:relative}.level-intro-mark{object-fit:contain;filter:drop-shadow(0 12px 30px #e21e264d);width:clamp(3.5rem,14vw,4.75rem);height:clamp(3.5rem,14vw,4.75rem)}.level-intro-word{color:#d8d8d8;letter-spacing:.34em;text-transform:uppercase;margin:0;font-size:clamp(.72rem,2.8vw,.85rem);font-weight:700}.level-intro-sub{color:#c8c8c88c;letter-spacing:.38em;text-transform:uppercase;margin:-.25rem 0 0;font-size:clamp(.52rem,2.2vw,.62rem);font-weight:600}.level-intro-rule{z-index:2;transform-origin:50%;background:linear-gradient(90deg,#0000 0%,#e21e26 20% 80%,#0000 100%);width:min(58vw,13.5rem);height:2px;margin:1.1rem auto 1.25rem;animation:6.2s cubic-bezier(.22,.61,.36,1) forwards levelIntroLine;position:relative;box-shadow:0 0 16px #e21e2666}.level-intro-identity{z-index:2;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:.55rem;padding:.15rem 0 1.25rem;animation:6.2s linear forwards levelIntroNameIn;display:flex;position:relative}.level-intro-name{color:#f5f5f5;letter-spacing:-.04em;text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(2rem,9vw,2.7rem);font-weight:500;line-height:.98}.level-intro-role{color:#e21e26;letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:clamp(.62rem,2.4vw,.72rem);font-weight:700}.level-intro-bars{z-index:2;justify-content:center;align-items:flex-end;gap:.65rem;height:clamp(4.25rem,14vh,6.25rem);margin-top:.75rem;padding-top:.5rem;padding-bottom:.35rem;display:flex;position:relative}.level-intro-bar{transform-origin:bottom;opacity:0;background:linear-gradient(#e21e26 0%,#7d7d7d 48%,#1f1f1f 100%);border-radius:1px 1px 0 0;width:.7rem;animation:6.2s cubic-bezier(.16,.84,.32,1) forwards levelIntroBar}.level-intro-bar:first-child{height:36%;animation-delay:60ms}.level-intro-bar:nth-child(2){height:56%;animation-delay:.16s}.level-intro-bar:nth-child(3){height:76%;animation-delay:.26s}.level-intro-bar:nth-child(4){height:100%;animation-delay:.36s;box-shadow:0 0 18px #e21e2652}.level-intro-card-wait{opacity:0;animation:6.2s linear forwards levelIntroCardReveal}@media (prefers-reduced-motion:reduce){.level-intro-overlay,.level-intro-rule,.level-intro-sweep,.level-intro-bar,.level-intro-brand,.level-intro-identity,.level-intro-card-wait{animation-duration:.01ms!important}}
