:root{--cyan:#72f7ff;--ice:#bafcff;--red:#ff234d;--ink:#020406;--line:rgba(129,247,255,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020406;color:#eafcff;font-family:Consolas,"Courier New",monospace;overflow:hidden}button{font:inherit}
.teaser{position:relative;width:100vw;height:100svh;min-height:580px;isolation:isolate;background:#020406;overflow:hidden}
.backdrop{position:absolute;inset:0;background:url('../images/blacksaw_background_v266.jpg') center/cover no-repeat;mix-blend-mode:screen;opacity:.12;filter:grayscale(.8) contrast(1.25);animation:bgBreath 7s ease-in-out infinite}
.nebula{position:absolute;inset:-25%;background:radial-gradient(circle at 32% 45%,rgba(0,213,255,.13),transparent 23%),radial-gradient(circle at 69% 58%,rgba(255,0,66,.11),transparent 19%),linear-gradient(115deg,transparent 30%,rgba(67,241,255,.05) 48%,transparent 66%);filter:blur(22px);animation:nebula 16s linear infinite alternate}
.noise{position:absolute;inset:-50%;opacity:.095;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:noise .18s steps(2) infinite}
.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);opacity:.62;pointer-events:none}
.vignette{position:absolute;inset:0;background:radial-gradient(circle,transparent 37%,rgba(0,0,0,.38) 69%,rgba(0,0,0,.86) 100%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 18% 82%,rgba(0,0,0,.42));pointer-events:none}
.pulse{position:absolute;inset:0;background:white;opacity:0;mix-blend-mode:overlay;pointer-events:none}.pulse.flash{animation:flash .18s steps(2)}
.signal-frame{position:absolute;inset:clamp(16px,2.1vw,36px);border:1px solid rgba(125,238,255,.18);box-shadow:inset 0 0 70px rgba(0,173,210,.05),0 0 45px rgba(0,0,0,.9);overflow:hidden}
.signal-frame:before,.signal-frame:after{content:"";position:absolute;z-index:1;pointer-events:none}.signal-frame:before{inset:14px;border:1px solid rgba(116,246,255,.08)}.signal-frame:after{left:9%;right:9%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);box-shadow:0 -29vh 0 rgba(104,238,255,.045),0 29vh 0 rgba(104,238,255,.045)}
.corner{position:absolute;width:110px;height:110px;background-size:contain;background-repeat:no-repeat;opacity:.72;filter:drop-shadow(0 0 10px rgba(87,239,255,.35));z-index:8}.tl{top:-1px;left:-1px;background-image:url('../images/ui/frame_top_left.png')}.tr{top:-1px;right:-1px;background-image:url('../images/ui/frame_top_right.png')}.bl{bottom:-1px;left:-1px;background-image:url('../images/ui/frame_bottom_left.png')}.br{bottom:-1px;right:-1px;background-image:url('../images/ui/frame_bottom_right.png')}
.signal-header,.signal-footer{position:absolute;left:34px;right:34px;z-index:12;display:flex;justify-content:space-between;gap:18px;align-items:center;color:rgba(187,251,255,.64);font-size:10px;letter-spacing:.22em;text-transform:uppercase}.signal-header{top:24px}.signal-footer{bottom:22px;justify-content:flex-start}.signal-header span:nth-child(2){color:#ff486b;text-shadow:0 0 10px rgba(255,35,77,.75)}.footer-code{margin-left:auto}.live-dot{width:6px;height:6px;border-radius:50%;background:#ff244f;box-shadow:0 0 10px #ff244f;animation:blink 1.3s steps(2) infinite}
.arena-window{position:absolute;inset:0;z-index:2;overflow:hidden;opacity:.64}.arena-fragment{position:absolute;inset:-8%;background:url('../images/blacksaw_background_v266.jpg') center/cover no-repeat;opacity:0;filter:grayscale(1) contrast(1.5) brightness(.62);clip-path:polygon(14% 20%,89% 13%,77% 81%,9% 88%)}.arena-a{animation:fragmentA 11s steps(1) infinite}.arena-b{transform:scale(1.08) rotate(.5deg);filter:grayscale(.7) contrast(1.8) brightness(.48) hue-rotate(145deg);animation:fragmentB 13s steps(1) infinite}
.ghost,.reticle,.arc{position:absolute;opacity:0;pointer-events:none;filter:drop-shadow(0 0 15px rgba(112,247,255,.48))}.ghost{width:min(28vw,390px);top:48%;transform:translateY(-50%)}.ghost-blue{left:5%;animation:ghostBlue 9s steps(1) infinite}.ghost-orange{right:6%;animation:ghostOrange 10.5s steps(1) infinite}.reticle{width:min(16vw,210px);left:50%;top:50%;transform:translate(-50%,-50%);animation:reticle 6s ease-in-out infinite}.arc{width:180px;mix-blend-mode:screen}.arc-a{left:17%;top:23%;animation:arcA 3.8s steps(2) infinite}.arc-b{right:16%;bottom:18%;transform:rotate(125deg);animation:arcB 4.6s steps(2) infinite}
.center-copy{position:absolute;z-index:10;inset:12% 8%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.eyebrow{margin:0 0 15px;color:rgba(168,248,255,.66);font-size:clamp(8px,.72vw,12px);letter-spacing:.48em;text-transform:uppercase;text-shadow:0 0 15px rgba(102,242,255,.34)}
.logo-wrap{position:relative;width:min(66vw,940px);animation:floatLogo 5.4s ease-in-out infinite}.logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(66,224,255,.26)) drop-shadow(0 9px 30px rgba(0,0,0,.9));opacity:.94}.chroma{position:absolute;inset:0;opacity:0;mix-blend-mode:screen}.logo-wrap.glitch .cyan{opacity:.32;transform:translate(-8px,1px);filter:hue-rotate(135deg) saturate(2)}.logo-wrap.glitch .red{opacity:.25;transform:translate(9px,-1px);filter:hue-rotate(290deg) saturate(2)}.logo-wrap.glitch{animation:logoGlitch .24s steps(2)}
.message{margin:-3.7% 0 0;color:#eaffff;font-size:clamp(14px,1.25vw,22px);font-weight:700;letter-spacing:.48em;text-indent:.48em;text-transform:uppercase;text-shadow:0 0 16px rgba(112,247,255,.38)}.submessage{max-width:760px;margin:16px 0 0;color:rgba(211,250,252,.42);font-size:clamp(9px,.72vw,12px);letter-spacing:.16em;text-transform:uppercase}
.telemetry{position:absolute;z-index:9;top:50%;display:flex;flex-direction:column;gap:8px;color:rgba(147,235,242,.36);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.telemetry.left{left:28px;transform:translateY(-50%) rotate(-90deg) translateX(-50%);transform-origin:left top}.telemetry.right{right:28px;transform:translateY(-50%) rotate(90deg) translateX(50%);transform-origin:right top}
.sound-toggle{position:absolute;z-index:30;right:clamp(28px,3.2vw,58px);bottom:clamp(46px,5.4vh,68px);border:0;background:transparent;color:rgba(179,247,251,.46);padding:8px 0;letter-spacing:.18em;font-size:9px;cursor:pointer;text-transform:uppercase}.sound-toggle:hover{color:var(--ice);text-shadow:0 0 12px rgba(114,247,255,.65)}
.teaser.signal-hit .signal-frame{animation:frameHit .24s steps(2)}.teaser.signal-hit .center-copy{animation:copyHit .24s steps(2)}
@keyframes drift{to{transform:scale(1.09) translate3d(-1.5%,1%,0)}}@keyframes bgBreath{50%{opacity:.2;transform:scale(1.025)}}@keyframes nebula{to{transform:translate3d(4%,-2%,0) rotate(2deg)}}@keyframes noise{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(1%,4%)}100%{transform:translate(-4%,-1%)}}@keyframes blink{50%{opacity:.18}}@keyframes flash{0%{opacity:0}35%{opacity:.18}50%{opacity:.02}70%{opacity:.11}100%{opacity:0}}@keyframes floatLogo{50%{transform:translateY(-5px) scale(1.005)}}@keyframes logoGlitch{0%{transform:translate(0)}20%{transform:translate(-8px,1px) skewX(-2deg)}40%{transform:translate(7px,-2px)}60%{transform:translate(-3px,3px)}100%{transform:translate(0)}}@keyframes frameHit{25%{transform:translateX(-3px)}50%{transform:translateX(5px)}75%{transform:translateX(-1px)}}@keyframes copyHit{30%{clip-path:inset(17% 0 55% 0);transform:translateX(-7px)}55%{clip-path:inset(62% 0 14% 0);transform:translateX(9px)}100%{clip-path:inset(0);transform:none}}
@keyframes fragmentA{0%,6%,19%,37%,57%,76%,100%{opacity:0}7%,9%{opacity:.25}20%,24%{opacity:.13}38%,41%{opacity:.28}58%,62%{opacity:.18}77%,79%{opacity:.24}}@keyframes fragmentB{0%,13%,31%,50%,71%,89%,100%{opacity:0}14%,16%{opacity:.17}32%,35%{opacity:.25}51%,53%{opacity:.12}72%,74%{opacity:.24}90%,92%{opacity:.16}}@keyframes ghostBlue{0%,25%,28%,61%,64%,100%{opacity:0}26%,27%{opacity:.15}62%,63%{opacity:.22}}@keyframes ghostOrange{0%,13%,16%,44%,47%,81%,84%,100%{opacity:0}14%,15%{opacity:.17}45%,46%{opacity:.22}82%,83%{opacity:.16}}@keyframes reticle{0%,100%{opacity:.05;transform:translate(-50%,-50%) scale(.9) rotate(0deg)}50%{opacity:.14;transform:translate(-50%,-50%) scale(1.04) rotate(8deg)}}@keyframes arcA{0%,78%,100%{opacity:0}79%{opacity:.38}82%{opacity:.05}84%{opacity:.27}86%{opacity:0}}@keyframes arcB{0%,53%,100%{opacity:0}54%{opacity:.26}57%{opacity:.04}59%{opacity:.31}62%{opacity:0}}
@media (max-width:760px){.teaser{min-height:520px}.signal-frame{inset:10px}.corner{width:72px;height:72px}.signal-header,.signal-footer{left:22px;right:22px;font-size:7px;letter-spacing:.12em}.signal-header span:nth-child(3),.footer-code{display:none}.center-copy{inset:14% 4%}.logo-wrap{width:94vw}.message{margin:-2% 0 0;font-size:11px;letter-spacing:.25em;text-indent:.25em}.submessage{width:78%;font-size:8px;line-height:1.55}.eyebrow{letter-spacing:.24em}.telemetry{display:none}.ghost{width:45vw}.sound-toggle{right:24px;bottom:48px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}


/* v0.1.2 — VHS interference limited to the logo; all original teaser animations remain active. */
.logo-wrap{isolation:isolate;transform:translateZ(0)}
.logo-main{position:relative;z-index:2}
.logo-slice{position:absolute;inset:0;z-index:4;opacity:0;mix-blend-mode:screen;pointer-events:none;filter:contrast(1.4) brightness(1.08)}
.logo-vhs-lines{position:absolute;z-index:5;inset:0;opacity:0;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(to bottom,transparent 0 5px,rgba(187,255,255,.22) 6px,transparent 7px 11px);mask:url('../images/ui/logo_bs2081_labarena.png') center/100% 100% no-repeat;-webkit-mask:url('../images/ui/logo_bs2081_labarena.png') center/100% 100% no-repeat}
.logo-vhs-flare{position:absolute;z-index:6;left:3%;right:3%;height:3px;top:50%;opacity:0;background:linear-gradient(90deg,transparent,rgba(167,251,255,.88) 22%,white 50%,rgba(255,40,86,.66) 72%,transparent);filter:blur(.35px);box-shadow:0 0 12px rgba(112,247,255,.78);pointer-events:none}
.logo-wrap.vhs-hit .logo-main{animation:vhsMain .26s steps(2) both}.logo-wrap.vhs-hit .ghost-cyan{animation:vhsCyan .26s steps(2) both}.logo-wrap.vhs-hit .ghost-red{animation:vhsRed .26s steps(2) both}.logo-wrap.vhs-hit .slice-a{animation:vhsSliceA .26s steps(2) both}.logo-wrap.vhs-hit .slice-b{animation:vhsSliceB .26s steps(2) both}.logo-wrap.vhs-hit .logo-vhs-lines{animation:vhsLines .26s steps(2) both}.logo-wrap.vhs-hit .logo-vhs-flare{animation:vhsFlare .26s steps(2) both}
.logo-wrap.vhs-hard .logo-main{animation:vhsHardMain .46s steps(2) both}.logo-wrap.vhs-hard .ghost-cyan{animation:vhsHardCyan .46s steps(2) both}.logo-wrap.vhs-hard .ghost-red{animation:vhsHardRed .46s steps(2) both}.logo-wrap.vhs-hard .slice-a{animation:vhsHardSliceA .46s steps(2) both}.logo-wrap.vhs-hard .slice-b{animation:vhsHardSliceB .46s steps(2) both}.logo-wrap.vhs-hard .logo-vhs-lines{animation:vhsHardLines .46s steps(2) both}.logo-wrap.vhs-hard .logo-vhs-flare{animation:vhsHardFlare .46s steps(2) both}
@keyframes vhsMain{0%{transform:translate(0)}18%{transform:translate(-3px,1px) skewX(-1deg)}36%{transform:translate(5px,-1px)}54%{transform:translate(-2px,0)}76%{transform:translate(2px,1px)}100%{transform:none}}
@keyframes vhsCyan{0%,100%{opacity:0;transform:none}18%{opacity:.38;transform:translate(-10px,0)}38%{opacity:.17;transform:translate(-4px,1px)}54%{opacity:.32;transform:translate(-7px,-1px)}76%{opacity:.08;transform:translate(-2px,0)}}
@keyframes vhsRed{0%,100%{opacity:0;transform:none}18%{opacity:.28;transform:translate(9px,1px)}38%{opacity:.13;transform:translate(4px,-1px)}54%{opacity:.27;transform:translate(8px,0)}76%{opacity:.07;transform:translate(2px,1px)}}
@keyframes vhsSliceA{0%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:none}20%{opacity:.82;clip-path:inset(19% 0 67% 0);transform:translateX(13px)}42%{opacity:.38;clip-path:inset(46% 0 44% 0);transform:translateX(-9px)}64%{opacity:.68;clip-path:inset(70% 0 18% 0);transform:translateX(7px)}}
@keyframes vhsSliceB{0%,100%{opacity:0;clip-path:inset(100% 0 0 0);transform:none}24%{opacity:.45;clip-path:inset(32% 0 58% 0);transform:translateX(-15px)}48%{opacity:.7;clip-path:inset(57% 0 32% 0);transform:translateX(10px)}72%{opacity:.32;clip-path:inset(12% 0 79% 0);transform:translateX(-6px)}}
@keyframes vhsLines{0%,100%{opacity:0;transform:none}20%{opacity:.45;transform:translateY(-2px)}48%{opacity:.15;transform:translateY(2px)}70%{opacity:.35;transform:translateY(-1px)}}
@keyframes vhsFlare{0%,100%{opacity:0;top:50%}12%{opacity:.68;top:18%}32%{opacity:.2;top:36%}54%{opacity:.75;top:61%}80%{opacity:.22;top:78%}}
@keyframes vhsHardMain{0%,100%{transform:none}10%{transform:translate(-9px,2px) skewX(-2deg);filter:contrast(1.5) brightness(1.15)}22%{transform:translate(12px,-2px) skewX(1deg)}35%{transform:translate(-5px,0)}48%{transform:translate(8px,1px) scaleX(1.008)}62%{transform:translate(-3px,-1px)}78%{transform:translate(5px,1px)}90%{transform:translate(-1px,0)}}
@keyframes vhsHardCyan{0%,100%{opacity:0}8%,26%,48%,72%{opacity:.46;transform:translate(-15px,1px)}18%,38%,60%,88%{opacity:.13;transform:translate(-5px,-1px)}}
@keyframes vhsHardRed{0%,100%{opacity:0}8%,26%,48%,72%{opacity:.37;transform:translate(14px,-1px)}18%,38%,60%,88%{opacity:.11;transform:translate(5px,1px)}}
@keyframes vhsHardSliceA{0%,100%{opacity:0}10%{opacity:.88;clip-path:inset(16% 0 73% 0);transform:translateX(22px)}28%{opacity:.52;clip-path:inset(43% 0 46% 0);transform:translateX(-18px)}52%{opacity:.82;clip-path:inset(68% 0 20% 0);transform:translateX(16px)}76%{opacity:.4;clip-path:inset(27% 0 61% 0);transform:translateX(-11px)}}
@keyframes vhsHardSliceB{0%,100%{opacity:0}15%{opacity:.46;clip-path:inset(36% 0 54% 0);transform:translateX(-20px)}36%{opacity:.8;clip-path:inset(58% 0 31% 0);transform:translateX(17px)}60%{opacity:.55;clip-path:inset(9% 0 81% 0);transform:translateX(-14px)}82%{opacity:.66;clip-path:inset(77% 0 12% 0);transform:translateX(10px)}}
@keyframes vhsHardLines{0%,100%{opacity:0}10%,30%,52%,76%{opacity:.58;transform:translateY(-3px)}20%,42%,66%,88%{opacity:.17;transform:translateY(2px)}}
@keyframes vhsHardFlare{0%,100%{opacity:0;top:50%}8%{opacity:.84;top:12%}22%{opacity:.22;top:28%}38%{opacity:.88;top:45%}56%{opacity:.28;top:59%}72%{opacity:.76;top:74%}88%{opacity:.16;top:84%}}


/* v0.1.3 — smooth cyber/VHS treatment ON the logo only. */
.logo-wrap{position:relative;isolation:isolate;will-change:transform,filter}
.logo-main{z-index:3;animation:logoAlive 4.8s ease-in-out infinite;will-change:transform,filter}
.chroma{z-index:2;opacity:.10!important;mix-blend-mode:screen;will-change:transform,opacity,filter}
.ghost-cyan{filter:hue-rotate(132deg) saturate(2.8) brightness(1.35)!important;animation:chromaCyanFlow 3.7s ease-in-out infinite}
.ghost-red{filter:hue-rotate(292deg) saturate(3) brightness(1.25)!important;animation:chromaRedFlow 4.1s ease-in-out infinite}

/* Every synthetic overlay is clipped by the alpha silhouette of the original logo. */
.logo-vhs-lines,.logo-edge-glow,.logo-signal-band{
  position:absolute;inset:0;pointer-events:none;z-index:6;
  -webkit-mask:url('../images/ui/logo_bs2081_labarena.png') center/100% 100% no-repeat;
  mask:url('../images/ui/logo_bs2081_labarena.png') center/100% 100% no-repeat;
}
.logo-vhs-lines{
  opacity:.24;mix-blend-mode:screen;
  background:repeating-linear-gradient(to bottom,transparent 0 4px,rgba(188,252,255,.22) 5px,rgba(71,231,255,.10) 6px,transparent 8px 12px);
  animation:logoScanFlow 2.7s linear infinite;
}
.logo-edge-glow{
  opacity:.30;mix-blend-mode:screen;
  background:
    radial-gradient(circle at 21% 48%,rgba(255,28,68,.58),transparent 8%),
    radial-gradient(circle at 82% 47%,rgba(255,28,68,.52),transparent 8%),
    linear-gradient(90deg,rgba(33,227,255,.36),transparent 22% 72%,rgba(255,31,77,.26));
  filter:blur(1.5px) saturate(1.3);
  animation:edgePulse 3.4s ease-in-out infinite;
}
.logo-signal-band{
  top:-24%;bottom:auto;height:19%;opacity:.0;mix-blend-mode:screen;
  background:linear-gradient(to bottom,transparent,rgba(118,246,255,.12) 15%,rgba(225,255,255,.78) 50%,rgba(255,44,84,.24) 72%,transparent);
  filter:blur(.25px);
  box-shadow:0 0 14px rgba(92,239,255,.45),0 0 8px rgba(255,35,77,.25);
  animation:signalBandSweep 4.9s cubic-bezier(.45,.01,.55,.99) infinite;
}
.logo-vhs-flare{
  z-index:8;left:4%;right:4%;height:2px;opacity:.16;mix-blend-mode:screen;
  -webkit-mask:url('../images/ui/logo_bs2081_labarena.png') center/100% 100% no-repeat;
  mask:url('../images/ui/logo_bs2081_labarena.png') center/100% 100% no-repeat;
  animation:flareDrift 3.6s ease-in-out infinite;
}

/* Smooth horizontal tears: still clearly glitchy, but no coarse frame-to-frame jumps. */
.logo-slice{z-index:7;mix-blend-mode:screen;filter:contrast(1.28) brightness(1.08);will-change:transform,opacity,clip-path}
.slice-a{animation:tearA 5.6s cubic-bezier(.33,.01,.67,1) infinite}
.slice-b{animation:tearB 6.3s cubic-bezier(.33,.01,.67,1) infinite}

/* Override old stepped hit animations. */
.logo-wrap.glitch{animation:logoGlitchSmooth .66s cubic-bezier(.2,.7,.25,1) both}
.logo-wrap.glitch .cyan,.logo-wrap.glitch .red{opacity:.18!important}
.logo-wrap.vhs-hit .logo-main{animation:vhsMainSmooth .72s cubic-bezier(.2,.75,.25,1) both}
.logo-wrap.vhs-hit .ghost-cyan{animation:vhsCyanSmooth .72s ease-in-out both}
.logo-wrap.vhs-hit .ghost-red{animation:vhsRedSmooth .72s ease-in-out both}
.logo-wrap.vhs-hit .slice-a{animation:vhsSliceASmooth .72s ease-in-out both}
.logo-wrap.vhs-hit .slice-b{animation:vhsSliceBSmooth .72s ease-in-out both}
.logo-wrap.vhs-hit .logo-vhs-lines{animation:vhsLinesSmooth .72s ease-in-out both}
.logo-wrap.vhs-hit .logo-vhs-flare{animation:vhsFlareSmooth .72s ease-in-out both}
.logo-wrap.vhs-hard .logo-main{animation:vhsHardMainSmooth 1.05s cubic-bezier(.2,.7,.28,1) both}
.logo-wrap.vhs-hard .ghost-cyan{animation:vhsHardCyanSmooth 1.05s ease-in-out both}
.logo-wrap.vhs-hard .ghost-red{animation:vhsHardRedSmooth 1.05s ease-in-out both}
.logo-wrap.vhs-hard .slice-a{animation:vhsHardSliceASmooth 1.05s ease-in-out both}
.logo-wrap.vhs-hard .slice-b{animation:vhsHardSliceBSmooth 1.05s ease-in-out both}
.logo-wrap.vhs-hard .logo-vhs-lines{animation:vhsHardLinesSmooth 1.05s ease-in-out both}
.logo-wrap.vhs-hard .logo-vhs-flare{animation:vhsHardFlareSmooth 1.05s ease-in-out both}

@keyframes logoAlive{
  0%,100%{transform:translate3d(0,0,0) scale(1);filter:drop-shadow(0 0 18px rgba(66,224,255,.26)) drop-shadow(0 9px 30px rgba(0,0,0,.9)) brightness(1)}
  50%{transform:translate3d(0,-3px,0) scale(1.004);filter:drop-shadow(-2px 0 14px rgba(45,235,255,.34)) drop-shadow(2px 0 12px rgba(255,35,77,.18)) drop-shadow(0 10px 31px rgba(0,0,0,.92)) brightness(1.045)}
}
@keyframes chromaCyanFlow{0%,100%{transform:translate3d(-1.5px,0,0);opacity:.06}35%{transform:translate3d(-4px,.5px,0);opacity:.16}70%{transform:translate3d(-2px,-.5px,0);opacity:.10}}
@keyframes chromaRedFlow{0%,100%{transform:translate3d(1.5px,0,0);opacity:.05}42%{transform:translate3d(4px,-.5px,0);opacity:.14}76%{transform:translate3d(2px,.5px,0);opacity:.08}}
@keyframes logoScanFlow{0%{background-position:0 -24px;opacity:.13}50%{opacity:.30}100%{background-position:0 24px;opacity:.13}}
@keyframes edgePulse{0%,100%{opacity:.19;filter:blur(1.6px) saturate(1.25)}50%{opacity:.38;filter:blur(1.15px) saturate(1.55)}}
@keyframes signalBandSweep{0%,8%{transform:translateY(-110%);opacity:0}14%{opacity:.32}45%{opacity:.14}72%{opacity:.36}90%,100%{transform:translateY(670%);opacity:0}}
@keyframes flareDrift{0%,100%{top:22%;opacity:.04;transform:scaleX(.92)}35%{top:47%;opacity:.28;transform:scaleX(1)}68%{top:68%;opacity:.10;transform:scaleX(.96)}}
@keyframes tearA{0%,18%,100%{opacity:0;clip-path:inset(24% 0 64% 0);transform:translateX(0)}23%{opacity:.30;transform:translateX(5px)}28%{opacity:.10;transform:translateX(1px)}52%,67%{opacity:0}72%{opacity:.22;clip-path:inset(61% 0 27% 0);transform:translateX(-4px)}79%{opacity:.05;transform:translateX(0)}}
@keyframes tearB{0%,35%,100%{opacity:0;clip-path:inset(42% 0 49% 0);transform:translateX(0)}40%{opacity:.24;transform:translateX(-5px)}47%{opacity:.06;transform:translateX(0)}75%,83%{opacity:0}87%{opacity:.19;clip-path:inset(17% 0 72% 0);transform:translateX(4px)}94%{opacity:.04;transform:translateX(0)}}
@keyframes logoGlitchSmooth{0%,100%{transform:translate3d(0,0,0)}18%{transform:translate3d(-2px,.5px,0) skewX(-.35deg)}44%{transform:translate3d(3px,-.5px,0)}70%{transform:translate3d(-1px,.25px,0)}86%{transform:translate3d(.5px,0,0)}}
@keyframes vhsMainSmooth{0%,100%{transform:none}18%{transform:translate3d(-2px,.4px,0)}38%{transform:translate3d(4px,-.6px,0) skewX(-.35deg)}62%{transform:translate3d(-2px,.25px,0)}82%{transform:translate3d(1px,0,0)}}
@keyframes vhsCyanSmooth{0%,100%{opacity:.06;transform:translateX(-2px)}35%{opacity:.30;transform:translateX(-8px)}68%{opacity:.12;transform:translateX(-3px)}}
@keyframes vhsRedSmooth{0%,100%{opacity:.05;transform:translateX(2px)}35%{opacity:.25;transform:translateX(8px)}68%{opacity:.10;transform:translateX(3px)}}
@keyframes vhsSliceASmooth{0%,100%{opacity:0;clip-path:inset(23% 0 66% 0);transform:translateX(0)}30%{opacity:.55;transform:translateX(11px)}58%{opacity:.16;clip-path:inset(52% 0 38% 0);transform:translateX(-5px)}80%{opacity:.04;transform:translateX(0)}}
@keyframes vhsSliceBSmooth{0%,100%{opacity:0;clip-path:inset(67% 0 22% 0);transform:translateX(0)}34%{opacity:.40;transform:translateX(-10px)}62%{opacity:.12;clip-path:inset(35% 0 55% 0);transform:translateX(5px)}82%{opacity:.03;transform:translateX(0)}}
@keyframes vhsLinesSmooth{0%,100%{opacity:.14;transform:translateY(0)}35%{opacity:.48;transform:translateY(-2px)}68%{opacity:.21;transform:translateY(2px)}}
@keyframes vhsFlareSmooth{0%,100%{opacity:.04;top:28%}42%{opacity:.62;top:51%}78%{opacity:.12;top:69%}}
@keyframes vhsHardMainSmooth{0%,100%{transform:none}12%{transform:translate3d(-4px,1px,0) skewX(-.6deg);filter:brightness(1.05) contrast(1.06)}28%{transform:translate3d(7px,-1px,0)}49%{transform:translate3d(-3px,.5px,0)}68%{transform:translate3d(4px,-.4px,0)}86%{transform:translate3d(-1px,0,0)}}
@keyframes vhsHardCyanSmooth{0%,100%{opacity:.07;transform:translateX(-2px)}22%{opacity:.42;transform:translateX(-12px)}52%{opacity:.20;transform:translateX(-5px)}76%{opacity:.32;transform:translateX(-9px)}}
@keyframes vhsHardRedSmooth{0%,100%{opacity:.06;transform:translateX(2px)}22%{opacity:.35;transform:translateX(12px)}52%{opacity:.17;transform:translateX(5px)}76%{opacity:.28;transform:translateX(9px)}}
@keyframes vhsHardSliceASmooth{0%,100%{opacity:0;clip-path:inset(18% 0 70% 0);transform:translateX(0)}18%{opacity:.75;transform:translateX(16px)}43%{opacity:.24;clip-path:inset(45% 0 43% 0);transform:translateX(-10px)}67%{opacity:.56;clip-path:inset(70% 0 18% 0);transform:translateX(12px)}88%{opacity:.06;transform:translateX(0)}}
@keyframes vhsHardSliceBSmooth{0%,100%{opacity:0;clip-path:inset(68% 0 20% 0);transform:translateX(0)}24%{opacity:.58;transform:translateX(-15px)}49%{opacity:.18;clip-path:inset(31% 0 58% 0);transform:translateX(9px)}73%{opacity:.48;clip-path:inset(12% 0 77% 0);transform:translateX(-11px)}91%{opacity:.05;transform:translateX(0)}}
@keyframes vhsHardLinesSmooth{0%,100%{opacity:.13;transform:translateY(0)}20%{opacity:.58;transform:translateY(-3px)}47%{opacity:.22;transform:translateY(2px)}72%{opacity:.48;transform:translateY(-1px)}}
@keyframes vhsHardFlareSmooth{0%,100%{opacity:.03;top:19%}24%{opacity:.78;top:38%}52%{opacity:.18;top:55%}74%{opacity:.70;top:72%}90%{opacity:.08;top:82%}}