.ci{z-index:400;color:#fff;-webkit-user-select:none;user-select:none;background:#020308;transition:opacity .5s;position:fixed;inset:0;overflow:hidden}.ci-out{opacity:0;pointer-events:none}.ci-stage{opacity:0;translate:calc(var(--px,0) * -16px) calc(var(--py,0) * -10px);transition:opacity 1.6s;position:absolute;inset:-3%}.ci:not(.ci-neon) .ci-stage{opacity:1}.ci-scene{object-fit:cover;object-position:50% 42%;transform-origin:52% 44%;filter:contrast(1.08)saturate(1.08)brightness(.92);will-change:transform;width:100%;height:100%;animation:9s cubic-bezier(.3,.1,.3,1) both ci-push;position:absolute;inset:0}@keyframes ci-push{0%{transform:scale(1.02)}to{transform:scale(1.2)}}@media (aspect-ratio<=4/5){.ci-scene{transform-origin:50% 46%;animation-name:ci-pan}@keyframes ci-pan{0%{object-position:30% 42%;transform:scale(1.02)}55%{object-position:52% 42%;transform:scale(1.1)}to{object-position:66% 44%;transform:scale(1.16)}}}.ci-grade{pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(at 50% 46%,#0000 38%,#000000c7 100%),linear-gradient(#080e2859,#0000 30%,#0000008c);position:absolute;inset:0}.ci-muzzle{pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#ffd68cf2,#ff8c2880 30%,#0000 68%);border-radius:50%;width:34%;height:34%;animation:.16s ease-out both ci-muzzle;position:absolute;top:34%;left:62%}@keyframes ci-muzzle{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.ci-warm{pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(at 70% 48%,#ffaa4657,#0000 62%);animation:.22s ease-out both ci-warm;position:absolute;inset:0}.ci-neon .ci-warm{animation:none}@keyframes ci-warm{0%{opacity:1}to{opacity:0}}.ci-fx{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.ci-bars{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 9vh #000,inset 0 -9vh #000}@media (aspect-ratio<=4/5){.ci-bars{box-shadow:inset 0 6vh #000,inset 0 -6vh #000}}.ci-neon{color:#dff6ff;white-space:nowrap;text-shadow:0 0 6px #fff,0 0 18px #49c6ff,0 0 42px #1f8bff,0 0 90px #1f6bff;pointer-events:none;margin:0;font:italic 700 clamp(54px,15vw,150px)/1 Brush Script MT,Segoe Script,Snell Roundhand,cursive;transition:top 1.1s cubic-bezier(.3,.8,.3,1),font-size 1.1s cubic-bezier(.3,.8,.3,1),opacity .6s;animation:1.5s step-end both ci-neon-on;position:absolute;top:46%;left:50%;translate:-50% -50%}.ci:not(.ci-neon) .ci-neon{font-size:clamp(30px,6.5vw,62px);animation:3.4s step-end infinite ci-neon-idle;top:calc(9vh + 44px)}@keyframes ci-neon-on{0%{opacity:0}12%{opacity:1}16%{opacity:.15}22%{opacity:1}31%{opacity:.2}34%{opacity:1}52%{opacity:.5}55%,to{opacity:1}}@keyframes ci-neon-idle{0%,to{opacity:1}71%{opacity:.72}73%{opacity:1}91%{opacity:.85}92%{opacity:1}}.ci-line{text-align:center;color:#f4f8ff;text-shadow:0 2px 14px #000,0 0 3px #000;pointer-events:none;width:min(820px,88vw);margin:0;font:600 clamp(16px,2.6vw,26px)/1.4 system-ui,-apple-system,Segoe UI,sans-serif;position:absolute;bottom:calc(9vh + 26px);left:50%;translate:-50%}.ci-line i{vertical-align:-.12em;background:#7fdcff;width:2px;height:1em;margin-left:3px;animation:.7s step-end infinite ci-caret;display:inline-block}@keyframes ci-caret{50%{opacity:0}}@media (aspect-ratio<=4/5){.ci-line{bottom:calc(6vh + 22px)}.ci:not(.ci-neon) .ci-neon{top:calc(6vh + 64px)}}.ci-glass{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ci-hole{animation:.12s ease-out both ci-hole}.ci-hole line{stroke:#ebf8ffd9;stroke-width:1.3px;stroke-linecap:round}.ci-hole .ci-ring{fill:#dcf0ff24;stroke:#f0faffe6;stroke-width:1.6px}.ci-hole .ci-core{fill:#000}@keyframes ci-hole{0%{opacity:0;scale:.3}}.ci-burst .ci-stage{filter:brightness(1.08)}.ci-shatter,.ci-out{background:0 0}.ci-shatter .ci-stage,.ci-out .ci-stage,.ci-shatter .ci-fx,.ci-shatter .ci-bars,.ci-shatter .ci-neon,.ci-shatter .ci-line,.ci-shatter .ci-glass,.ci-out .ci-glass,.ci-out .ci-bars,.ci-out .ci-neon,.ci-out .ci-line,.ci-out .ci-fx{opacity:0;transition:opacity .12s}.ci-shards{pointer-events:none;perspective:900px;position:absolute;inset:0}.ci-shards span{background:linear-gradient(135deg,#bee1ff80,#3c6ebe2e 45%,#e6f5ff6b);animation:.85s cubic-bezier(.3,.1,.7,1) both ci-shard;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff80}@keyframes ci-shard{0%{opacity:1;transform:none}to{transform:translate3d(var(--dx), var(--dy), 240px) rotate3d(1, .6, .2, var(--rot));opacity:0}}.ci-controls{z-index:5;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}.ci-chip{color:#eaf4ff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#040a169e;border:1px solid #a0d2ff59;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:0 14px;font:600 13px system-ui,sans-serif;display:inline-flex}@media (prefers-reduced-motion:reduce){.ci-scene,.ci-neon,.ci-stage{animation:none!important}}
