:root{--i-bg:#050507;--i-red:#ff2748;--i-orange:#ff7a18;--i-amber:#ffb547;--i-ink:#f4f4f7;--i-font:"Oswald", "Arial Narrow", sans-serif;--i-mono:"Rajdhani", "Oswald", sans-serif}html.intro-lock,html.intro-lock body{height:100%;overflow:hidden}.intro{z-index:9999;background:radial-gradient(120% 90% at 50% 18%, #ff274829, transparent 60%), radial-gradient(100% 80% at 50% 120%, #ff7a181f, transparent 55%), var(--i-bg);color:var(--i-ink);font-family:var(--i-font);cursor:pointer;place-items:center;transition:opacity .5s,transform .5s,filter .5s;display:grid;position:fixed;inset:0;overflow:hidden}.intro.is-done{opacity:0;filter:blur(6px);pointer-events:none;transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.intro{display:none}}.intro__scan{pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 3px);animation:6s linear infinite introScan;position:absolute;inset:0}@keyframes introScan{to{background-position:0 120px}}.intro__vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 220px 40px #000000e6}.intro__tracers{pointer-events:none;position:absolute;inset:0}.tracer{background:linear-gradient(90deg, transparent, var(--i-amber) 60%, #fff);width:160px;height:2px;box-shadow:0 0 10px 1px var(--i-orange);will-change:transform, opacity;border-radius:2px;position:absolute}.spark{background:radial-gradient(circle, #fff, var(--i-amber) 40%, transparent 70%);will-change:transform, opacity;border-radius:50%;width:10px;height:10px;position:absolute}.intro__flash{pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(50% 40%,#ffdc96f2,#ff7a1866 35%,#0000 70%);position:absolute;inset:0}.intro__flash.fire{animation:.22s ease-out introFlash}@keyframes introFlash{0%{opacity:0;transform:scale(.8)}20%{opacity:1}to{opacity:0;transform:scale(1.25)}}.intro__hud{pointer-events:none;position:absolute;inset:26px}.intro__bracket{border:2px solid #ff27488c;width:46px;height:46px;animation:2.4s ease-in-out infinite introBracket;position:absolute}.intro__bracket--tl{border-bottom:0;border-right:0;top:0;left:0}.intro__bracket--tr{border-bottom:0;border-left:0;top:0;right:0}.intro__bracket--bl{border-top:0;border-right:0;bottom:0;left:0}.intro__bracket--br{border-top:0;border-left:0;bottom:0;right:0}@keyframes introBracket{0%,to{opacity:.5}50%{opacity:1}}.intro__corner-label{font-family:var(--i-mono);letter-spacing:.22em;color:#ffffff8c;text-transform:uppercase;font-size:12px;position:absolute;top:4px;right:56px}.intro__reticle{pointer-events:none;opacity:.35;width:360px;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro__reticle:before,.intro__reticle:after{content:"";border:1px dashed #ff274880;border-radius:50%;position:absolute;inset:0}.intro__reticle:after{border-style:solid;border-color:#ffb54740;animation:9s linear infinite reverse introSpin;inset:46px}.intro__reticle:before{animation:14s linear infinite introSpin}@keyframes introSpin{to{transform:rotate(360deg)}}.intro__center{z-index:2;text-align:center;padding:0 20px;position:relative}.intro__tag{font-family:var(--i-mono);letter-spacing:.5em;text-transform:uppercase;color:var(--i-amber);opacity:0;margin-bottom:14px;font-size:clamp(11px,2.6vw,14px);animation:.6s .15s forwards introFadeUp}.intro__title{letter-spacing:.04em;text-transform:uppercase;color:#fff;font-size:clamp(72px,20vw,200px);font-weight:700;line-height:.9;animation:.5s .1s both introTitleIn;position:relative}.intro__title:before,.intro__title:after{content:attr(data-text);pointer-events:none;clip-path:inset(0);position:absolute;inset:0}.intro__title:before{color:var(--i-red);animation:2.4s steps(2,end) infinite introGlitch1}.intro__title:after{color:#25f4ee;animation:2.9s steps(2,end) infinite introGlitch2}@keyframes introTitleIn{0%{opacity:0;filter:blur(8px);letter-spacing:.4em;transform:translateY(14px)scale(1.12)}to{opacity:1;filter:none;letter-spacing:.04em;transform:none}}@keyframes introGlitch1{0%,92%,to{opacity:0;transform:none}93%{opacity:.85;clip-path:inset(20% 0 50%);transform:translate(-4px,1px)}96%{opacity:.85;clip-path:inset(60% 0 10%);transform:translate(3px,-2px)}}@keyframes introGlitch2{0%,90%,to{opacity:0;transform:none}91%{opacity:.7;clip-path:inset(10% 0 60%);transform:translate(4px,-1px)}95%{opacity:.7;clip-path:inset(70% 0 5%);transform:translate(-3px,2px)}}.intro__sub{font-family:var(--i-mono);letter-spacing:.3em;text-transform:uppercase;color:#ffffffb3;opacity:0;margin-top:8px;font-size:clamp(12px,3vw,17px);font-weight:600;animation:.6s .4s forwards introFadeUp}.intro__bar{opacity:0;background:#ffffff1a;border-radius:99px;width:min(420px,76vw);height:6px;margin:30px auto 0;animation:.5s .55s forwards introFadeUp;position:relative;overflow:hidden}.intro__bar span{background:linear-gradient(90deg, var(--i-orange), var(--i-red));box-shadow:0 0 14px var(--i-red);display:block;position:absolute;inset:0 100% 0 0}.intro__readout{width:min(420px,76vw);font-family:var(--i-mono);letter-spacing:.18em;text-transform:uppercase;opacity:0;justify-content:space-between;align-items:center;margin:12px auto 0;animation:.5s .6s forwards introFadeUp;display:flex}.intro__status{color:#ffffffa6;font-size:12px}.intro__pct{color:var(--i-amber);font-size:14px;font-weight:700}.intro__stamp{z-index:3;letter-spacing:.08em;color:var(--i-red);text-transform:uppercase;opacity:0;border:5px solid var(--i-red);text-shadow:0 0 24px #ff274899;border-radius:8px;padding:6px 26px;font-size:clamp(40px,12vw,120px);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(2.4)rotate(-8deg);box-shadow:0 0 40px #ff274866,inset 0 0 30px #ff274840}.intro__stamp.hit{animation:.5s cubic-bezier(.2,1.4,.4,1) forwards introStamp}@keyframes introStamp{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)rotate(-8deg)}60%{opacity:1;transform:translate(-50%,-50%)scale(.92)rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-8deg)}}.intro__skip{z-index:4;color:#ffffffb3;font-family:var(--i-mono);letter-spacing:.2em;text-transform:uppercase;background:0 0;border:1px solid #ffffff40;border-radius:8px;padding:8px 16px;font-size:12px;transition:all .2s;position:absolute;bottom:24px;right:26px}.intro__skip:hover{border-color:var(--i-red);color:#fff}.intro.shake{animation:.45s cubic-bezier(.36,.07,.19,.97) introShake}@keyframes introShake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-7px,3px)}40%,60%{transform:translate(7px,-3px)}}@keyframes introFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
