.archenemy-splash{z-index:300;cursor:pointer;background:#000;animation:.35s ease-in 3.85s forwards archenemy-out;position:fixed;inset:0;overflow:hidden}.archenemy-stage{--you:#1737a6;--them:#b3121b;--seam:polygon(56% 0, 100% 0, 100% 100%, 44% 100%, 53% 90%, 45% 80%, 55% 69%, 46% 58%, 56% 47%, 44% 36%, 54% 25%, 46% 14%, 55% 6%, 47% 0);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,4vh,36px);padding:64px;animation:.5s linear .3s archenemy-quake,.35s linear .85s archenemy-quake;display:flex;position:absolute;inset:-48px}.archenemy-stage>:not(.archenemy-half,.archenemy-flash){z-index:2;position:relative}@keyframes archenemy-out{to{opacity:0}}@keyframes archenemy-quake{10%{transform:translate(-18px,10px)rotate(-1.5deg)}25%{transform:translate(16px,-14px)rotate(1.5deg)}40%{transform:translate(-12px,-8px)rotate(-1deg)}55%{transform:translate(10px,12px)rotate(1deg)}70%{transform:translate(-6px,4px)}85%{transform:translate(4px,-3px)}}.archenemy-half{background-color:var(--you);background-image:repeating-linear-gradient(100deg,#ffffff17 0 2px,#0000 2px 38px),radial-gradient(circle at 25%,#ffffff2e,#0000 60%);background-size:200% 100%,100% 100%;animation:.3s cubic-bezier(.5,0,.9,.4) both archenemy-from-left,.6s linear infinite archenemy-rush;position:absolute;inset:0}.archenemy-half.them{background-color:var(--them);clip-path:var(--seam);background-image:repeating-linear-gradient(80deg,#00000029 0 2px,#0000 2px 38px),radial-gradient(circle at 75%,#ffbe0040,#0000 60%);animation:.3s cubic-bezier(.5,0,.9,.4) both archenemy-from-right,.6s linear infinite archenemy-rush-back}.archenemy-half.seam{clip-path:var(--seam);background:#000;animation:.3s cubic-bezier(.5,0,.9,.4) both archenemy-from-right;translate:-12px}@keyframes archenemy-from-left{0%{transform:translate(-100%)}}@keyframes archenemy-from-right{0%{transform:translate(100%)}}@keyframes archenemy-rush{to{background-position:76px 0,0 0}}@keyframes archenemy-rush-back{to{background-position:-76px 0,0 0}}.archenemy-flash{z-index:1;opacity:0;pointer-events:none;background:#fff;animation:.4s ease-out .28s archenemy-flash;position:absolute;inset:0}@keyframes archenemy-flash{0%{opacity:.95}}.archenemy-kicker,.archenemy-record{background:#000;margin:0;padding:6px 22px;transform:skew(-12deg)}.archenemy-kicker{letter-spacing:.35em;text-transform:uppercase;color:#ffd400;font-size:clamp(16px,3vw,28px);font-weight:900;animation:.25s cubic-bezier(.2,1.6,.4,1) .45s both archenemy-stamp,.12s steps(2,end) .7s 6 archenemy-flicker}@keyframes archenemy-stamp{0%{opacity:0;transform:skew(-12deg)scale(3)}}@keyframes archenemy-flicker{50%{color:#fff}}.archenemy-faceoff{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.archenemy-side{text-transform:uppercase;letter-spacing:.02em;text-shadow:4px 4px #000;flex-direction:column;align-items:center;gap:12px;min-width:0;font-size:clamp(16px,3.6vw,40px);font-style:italic;font-weight:900;line-height:1.05;display:flex}.archenemy-side span{overflow-wrap:anywhere;max-width:100%}.archenemy-side img{aspect-ratio:1;object-fit:cover;background:#fff;border:6px solid #000;border-radius:50%;width:clamp(96px,24vw,260px)}.archenemy-side.you img{rotate:-6deg;box-shadow:10px 10px #000,0 0 0 12px #fff}.archenemy-side.them img{filter:saturate(1.6)contrast(1.25);rotate:6deg;box-shadow:-10px 10px #000,0 0 0 12px #ffd400}.archenemy-side.you{animation:.3s cubic-bezier(.2,1.8,.4,1) .4s both archenemy-punch-left}.archenemy-side.them{animation:.3s cubic-bezier(.2,1.8,.4,1) .4s both archenemy-punch-right}@keyframes archenemy-punch-left{0%{transform:translate(-60vw)scale(2.5)}}@keyframes archenemy-punch-right{0%{transform:translate(60vw)scale(2.5)}}.archenemy-vs{color:#ffd400;-webkit-text-stroke:clamp(2px, .5vw, 5px) #000;paint-order:stroke fill;text-shadow:8px 8px #000,0 0 50px #ffd400cc;padding:0 clamp(4px,1.5vw,16px);font-size:clamp(64px,16vw,200px);font-style:italic;font-weight:900;line-height:1;animation:.3s cubic-bezier(.2,1.9,.4,1) .75s both archenemy-slam,.5s ease-in-out 1.2s infinite alternate archenemy-throb;rotate:-8deg}@keyframes archenemy-slam{0%{opacity:0;transform:scale(8)rotate(-30deg)}}@keyframes archenemy-throb{to{transform:scale(1.08)}}.archenemy-record{font-size:clamp(15px,2.4vw,22px);font-style:italic;font-weight:700;animation:.25s cubic-bezier(.2,1.6,.4,1) 1.1s both archenemy-stamp}.archenemy-go{letter-spacing:.15em;text-transform:uppercase;color:#000;cursor:pointer;background:#ffd400;border:4px solid #000;padding:10px 26px;font:900 18px Georgia,Times New Roman,serif;animation:.25s cubic-bezier(.2,1.6,.4,1) 1.3s both archenemy-stamp;transform:skew(-12deg);box-shadow:6px 6px #000}.archenemy-go:hover{background:#fff}@media (prefers-reduced-motion:reduce){.archenemy-splash,.archenemy-splash *{animation:none!important}}