:root{
  --bg:#02030d;
  --white:#fff;
  --purple:#b400ff;
  --pink:#ff2bd6;
  --cyan:#00d8ff;
  --blue:#1c34ff;
  --line:rgba(204,87,255,.75);
  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.65);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  min-height:100vh;
  font-family:Arial,"Helvetica Neue",sans-serif;
  color:var(--text);
  background:radial-gradient(circle at 50% 0%, #19003d 0%, #02030d 45%, #000 100%);
  overflow-x:hidden;
  letter-spacing:.06em;
}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.opening{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  background:#03020b;transition:opacity .8s ease, visibility .8s ease;
}
.opening.is-hide{opacity:0;visibility:hidden;pointer-events:none}
.opening__noise,.scanline:before{
  position:absolute;inset:0;content:"";pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);
  mix-blend-mode:screen;opacity:.2;
}
.opening__text{text-align:center;text-shadow:0 0 22px var(--purple)}
.opening__text span{display:block;font-size:18px;letter-spacing:.8em;margin-bottom:22px}
.opening__text strong{font-size:clamp(46px,10vw,150px);letter-spacing:.08em;color:white}
.site-header{
  position:fixed;top:0;left:0;width:100%;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:24px 34px;
  background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0));
}
.logo{
  font-weight:900;font-size:28px;letter-spacing:.04em;color:#fff;
  text-shadow:0 0 8px #fff,0 0 16px var(--purple),0 0 28px var(--pink);
}
.gnav{display:flex;gap:38px;font-size:13px;font-weight:700;letter-spacing:.16em}
.gnav a{position:relative;padding:8px 0}
.gnav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple));transform:scaleX(0);transition:.25s}
.gnav a:hover:after,.gnav a.is-active:after{transform:scaleX(1)}
.sns{display:flex;align-items:center;gap:18px;font-size:22px;font-weight:700}
.menu-btn{width:28px;height:20px;display:grid;gap:7px}.menu-btn span{height:2px;background:white;display:block;box-shadow:0 0 10px var(--purple)}
.hero{
    position:relative;
    min-height:100svh;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    overflow:hidden;
    padding-top:90px;
    padding-bottom:90px;
}
.bg-layer{position:absolute;inset:0;background:url('../img/topbak_pc.png') center/cover no-repeat;transform:scale(1.04);animation:bgPulse 10s ease-in-out infinite alternate}
.bg-layer:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.08),rgba(0,0,0,.32) 55%,rgba(0,0,0,.72));}
.particles{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:.75}
.scanline{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.5}
.scanline:after{content:"";position:absolute;left:0;right:0;height:80px;top:-100px;background:linear-gradient(180deg,transparent,rgba(173,0,255,.15),transparent);animation:scan 4s linear infinite}
.hero__inner{position:relative;z-index:5;text-align:center;width:min(1100px,92vw);padding-top:110px}
.eyebrow{font-size:clamp(18px,2vw,30px);font-weight:800;letter-spacing:.55em;margin-bottom:32px}
.title-frame{
  position:relative;
  margin:0 auto 0px;
  width:min(900px,86vw);
  min-height:190px;
  display:grid;place-items:center;
  border:1px solid rgba(196,70,255,.45);
  background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(92,0,120,.08),rgba(0,0,0,.22));
  clip-path:polygon(4% 0,96% 0,100% 18%,100% 82%,96% 100%,4% 100%,0 82%,0 18%);
  box-shadow:0 0 30px rgba(178,0,255,.22)
}
.title-frame:before,.title-frame:after{content:"";position:absolute;width:70px;height:70px;border-color:var(--purple);border-style:solid;filter:drop-shadow(0 0 12px var(--purple))}
.title-frame:before{left:18px;top:18px;border-width:2px 0 0 2px}.title-frame:after{right:18px;bottom:18px;border-width:0 2px 2px 0}
.title-placeholder{font-size:clamp(44px,8vw,122px);font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.9);text-shadow:0 0 15px white,0 0 35px var(--purple)}
.title-image{display:block;width:100%;height:auto;filter:drop-shadow(0 0 24px var(--purple))}
.hero-title{font-size:clamp(18px,3vw,36px);letter-spacing:.42em;margin-bottom:62px;text-shadow:0 0 12px rgba(255,255,255,.6)}
.scroll-btn,.more-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:220px;height:58px;border:1px solid rgba(255,255,255,.85);background:rgba(0,0,0,.28);font-size:13px;font-weight:800;letter-spacing:.16em;box-shadow:inset 0 0 18px rgba(171,0,255,.15),0 0 18px rgba(171,0,255,.26);position:relative}.scroll-btn:after,.more-btn:after{content:"";position:absolute;right:-8px;bottom:-8px;width:34px;height:28px;border-right:2px solid var(--pink);border-bottom:2px solid #ffe26b}
.side-code{
  position:absolute;
  letter-spacing: 1.4em;
  writing-mode: vertical-rl;
  z-index:4;color:var(--purple);
  font-size:18px;text-shadow:0 0 12px var(--purple);
  opacity:.9
}
.side-code--left{
  left:34px;
  top:15%;
  display:grid;
  gap:22px;
}.side-code--right{
  right:30px;
  top:22%;
  writing-mode:vertical-rl;
  letter-spacing:1.4em;
  display:flex;
  gap:24px;
  font-size:13px;
  color:#d9b8ff
}
.section-frame{position:relative;z-index:5;width:min(1180px,94vw);margin:0 auto 70px;border-top:1px solid rgba(178,0,255,.35)}
.live-info{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;padding:70px 28px 30px;min-height:520px}
.section-label{
  font-size:20px;
  font-weight:800;
  letter-spacing:.18em;
  border-left:5px solid var(--pink);
  padding-left:14px;
  margin-bottom:42px;
  text-shadow:0 0 12px var(--purple)
}
.date-block{
  display:grid;
  grid-template-columns:
    auto auto;
  align-items:end;
  column-gap:18px;
  margin-bottom:20px
}
.date-block .year{grid-column:1/-1;font-size:26px;letter-spacing:.35em;margin-bottom:8px}
.date-block strong{
  font-family:inherit;
  font-size:clamp(80px,11vw,145px);
  line-height:.85;
  text-shadow:0 0 18px #fff,0 0 40px var(--purple)
}
.date-block .day{writing-mode:vertical-rl;font-size:28px;letter-spacing:.18em;color:#f1d7ff}.time{font-weight:800;font-size:18px;letter-spacing:.18em;margin:24px 0}.time span{color:var(--pink);margin:0 16px}.live-info h2{font-size:28px;margin:0 0 18px;text-shadow:0 0 12px var(--purple)}.address{color:var(--muted);margin-bottom:38px}.live-info__visual{display:flex;align-items:center;justify-content:center}.stage-card{position:relative;width:100%;aspect-ratio:16/9;clip-path:polygon(10% 0,100% 0,100% 82%,92% 100%,0 100%,0 18%);border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,43,214,.3),rgba(0,216,255,.24)),radial-gradient(circle at 35% 35%,#fff 0 2%,transparent 13%),linear-gradient(120deg,#11003a,#090018 45%,#350064);box-shadow:0 0 34px rgba(180,0,255,.45)}.stage-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 28px,rgba(255,255,255,.08) 29px 31px);animation:slide 5s linear infinite}.stage-card__screen{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:900;text-shadow:0 0 18px #fff}.stage-card__glow{position:absolute;inset:10%;background:radial-gradient(circle,#fffb 0 2%,#ff2bd655 12%,transparent 42%);filter:blur(10px);animation:pulse 2s ease-in-out infinite alternate}
.coming{
    position:relative;
    width:min(1180px,94vw);
    margin:100px auto;
    padding:120px 60px;
    text-align:center;
    background:url("../img/boxpc.png") center center / 100% 100% no-repeat;
    border:none;
    box-shadow:none;
    overflow:hidden;
}
.coming h2{
    font-size:clamp(60px,7vw,120px);
    color:#fff;
    letter-spacing:.18em;
    text-shadow:
        0 0 10px #fff,
        0 0 25px var(--purple),
        0 0 60px var(--purple);
    margin-bottom:30px;
}
.coming p{
    font-size:24px;
    color:#fff;
    margin-bottom:20px;
}
.coming span{
    font-size:18px;
    letter-spacing:.4em;
    color:#d9b8ff;
}
.coming h2{
  font-size:clamp(36px,6vw,92px);
  letter-spacing:.5em;
  text-indent:.5em;
  text-shadow:0 0 18px #fff,0 0 32px var(--purple);margin-bottom:40px
}
.coming p{
  font-size:28px;
  letter-spacing:.28em;
  margin-bottom:22px
}
.coming span{
  color:#d875ff;
  font-weight:800;
  letter-spacing:.4em
}
.footer{
  position:relative;
  z-index:5;
  align-items:center;
  justify-content:space-between;
  margin:0 auto;padding:34px 0 42px;
  border-top:1px solid rgba(178,0,255,.35);
  font-size:12px;color:var(--muted)}
.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none}.glitch:before{color:var(--cyan);transform:translate(-2px,0)}.glitch:after{color:var(--pink);transform:translate(2px,0)}.glitch:hover:before,.glitch:hover:after{opacity:.9;animation:glitch .25s steps(2,end) infinite}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.is-show{opacity:1;transform:none}
@keyframes bgPulse{from{transform:scale(1.03)}to{transform:scale(1.08)}}@keyframes scan{to{top:110%}}@keyframes slide{to{background-position:240px 0}}@keyframes pulse{to{opacity:.45;transform:scale(1.08)}}@keyframes glitch{0%{clip-path:inset(0 0 80% 0)}30%{clip-path:inset(40% 0 43% 0)}60%{clip-path:inset(75% 0 0 0)}100%{clip-path:inset(0 0 80% 0)}}
@media(max-width:900px){.site-header{padding:18px}.gnav{display:none}.sns a{display:none}.hero{min-height:92vh}.title-frame{min-height:130px}.hero-title{letter-spacing:.22em}.side-code{display:none}.live-info{grid-template-columns:1fr;gap:28px;padding:50px 12px}.date-block strong{font-size:92px}.coming h2{letter-spacing:.22em;text-indent:.22em}.footer{flex-direction:column;gap:18px;text-align:center}}


/* LIVE INFO：日時・会場セクション背景 */
.live-info{
  position:relative;
  width:100%;
  max-width:none;
  margin:0 0 70px;
  padding:88px max(52px,calc((100vw - 1180px)/2 + 28px)) 82px;
  min-height:520px;
  background:url('../img/daybak.png') center/cover no-repeat;
  border-top:1px solid rgba(178,0,255,.35);
  border-bottom:1px solid rgba(178,0,255,.35);
  overflow:hidden;
}
.live-info:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,3,13,.95) 0%,rgba(2,3,13,.72) 38%,rgba(2,3,13,.18) 72%,rgba(2,3,13,.48) 100%);
  pointer-events:none;
}
.live-info:after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--purple),transparent);
  box-shadow:0 0 18px var(--purple);
}
.live-info__text,.live-info__visual{position:relative;z-index:2}
.live-info__visual{min-height:340px}
.live-accent-frame{
  position:absolute;right:0;bottom:0;width:min(620px,48vw);height:78%;
  border:1px solid rgba(209,81,255,.55);
  clip-path:polygon(8% 0,100% 0,100% 84%,92% 100%,0 100%,0 16%);
  box-shadow:0 0 28px rgba(180,0,255,.38),inset 0 0 24px rgba(0,216,255,.12);
  opacity:.72;
}
.stage-card{display:none}
@media(max-width:900px){
  .live-info{
    padding:58px 22px 70px;
    background-position:center top;
  }
  .live-info:before{background:linear-gradient(180deg,rgba(2,3,13,.96),rgba(2,3,13,.76) 58%,rgba(2,3,13,.38));}
  .live-info__visual{min-height:180px}
  .live-accent-frame{width:82vw;height:160px;right:0;bottom:0}
}


/* ===== requested update: hero logo image / 2027.02.07 TOYOSU PIT ===== */
.title-frame--logo{
  width:min(1200px,95vw);
  padding:0;
  border:0;
  background:transparent;
  clip-path:none;
  box-shadow:none;
}
.title-frame--logo:before,
.title-frame--logo:after{display:none;}
.title-frame--logo .title-image{
  width:90%;
  max-height:560px;
  object-fit:contain;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,.8))
    drop-shadow(0 0 18px rgba(180,0,255,.95))
    drop-shadow(0 0 46px rgba(255,43,214,.55));
  animation:logoFloat 5s ease-in-out infinite alternate;
}
.logo{font-size:22px;letter-spacing:.18em;}
.hero-title{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;}
.live-info h2{font-size:clamp(30px,4vw,54px);letter-spacing:.12em;}
@keyframes logoFloat{
  from{transform:translateY(0) scale(1);}
  to{transform:translateY(-8px) scale(1.015);}
}
@media(max-width:900px){
  .title-frame--logo{
    min-height:auto;
    width:94vw;}
  .title-frame--logo .title-image{
    max-height:230px;
  }
  .eyebrow{margin-bottom:18px;}
}
.opening{
  background:#000;
}

.opening{
    position:fixed;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#000;
}
.opening__type{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;

    width:100%;
}
.opening__label{
  display:block;
      text-align:center;
    margin-bottom:30px;
  margin-bottom:28px;
  font-size:5px;
  letter-spacing:.45em;
  color:rgba(255,255,255,.65);
}

.type-line{

    font-size: clamp(36px, 4vw, 64px);

    font-weight:600;

    letter-spacing:.08em;

    color:#fff;

    text-shadow:
      0 0 8px #fff,
      0 0 20px #b400ff,
      0 0 40px #b400ff;

    line-height:1;
}

.cursor{
    display:inline-block;
    width:1px;          /* ← 太さ */
    height:0.9em;
    margin-left:8px;
    background:#fff;
    vertical-align:middle;
    box-shadow:
        0 0 8px #fff,
        0 0 16px #b400ff;
    animation:cursorBlink .8s infinite;
}

.opening__scan{
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.045) 0 1px,
      transparent 1px 5px
    );
  opacity:.25;
  pointer-events:none;
}

/*.opening.is-glitch .type-line{
  animation:openingGlitch .18s steps(2,end) 3;
} */

@keyframes cursorBlink{
  50%{opacity:0;}
}

@keyframes openingGlitch{
  0%{transform:translate(0);}
  25%{transform:translate(4px,-2px);}
  50%{transform:translate(-5px,2px);}
  75%{transform:translate(3px,1px);}
  100%{transform:translate(0);}
}
/* ==========================
   Scroll Indicator
========================== */

.scroll-indicator{
    position:absolute;
    right:40px;
    bottom:40px;

    display:flex;
    flex-direction:column;
    align-items:center;

    text-decoration:none;
    z-index:20;
}

.scroll-text{

    writing-mode:vertical-rl;

    font-size:11px;

    letter-spacing:.4em;

    color:#fff;

    margin-bottom:18px;

    text-shadow:
        0 0 8px #fff,
        0 0 18px var(--purple);
}

.scroll-line{

    position:relative;

    width:1px;

    height:120px;

    background:rgba(255,255,255,.2);

    overflow:hidden;

}
.scroll-line::after{

    content:"";

    position:absolute;

    top:-40px;

    left:0;

    width:100%;

    height:40px;

    background:#fff;

    box-shadow:
        0 0 10px #fff,
        0 0 20px var(--purple);

    animation:scrollLine 2s ease-in-out infinite;

}

@keyframes scrollLine{

    0%{
        top:-40px;
    }

    100%{
        top:120px;
    }

}
@media(max-width:768px){

.scroll-indicator{

    right:18px;

    bottom:30px;

}

.scroll-line{

    height:80px;

}

}
.sp-menu{
  position:fixed;
  inset:0;
  z-index:40;
  background:rgba(0,0,0,.92);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.4s ease;
}

.sp-menu.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.sp-menu nav{
  display:flex;
  flex-direction:column;
  gap:28px;
  text-align:center;
}

.sp-menu a{
  font-size:22px;
  letter-spacing:.18em;
  color:#fff;
  text-shadow:0 0 18px var(--purple);
}

.menu-btn{
    width:34px;
    height:24px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    cursor:pointer;
}
.menu-btn span{
    display:block;
    width:100%;
    height:2px;
    background:#fff;
    border-radius:2px;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1),
        opacity .35s ease,
        background .35s ease;
}
.menu-btn.is-open span:nth-child(1){

    transform:
        translateY(11px)
        rotate(45deg);

}

.menu-btn.is-open span:nth-child(2){

    opacity:0;

    transform:scaleX(0);

}

.menu-btn.is-open span:nth-child(3){

    transform:
        translateY(-11px)
        rotate(-45deg);

}
.menu-btn.is-open span:nth-child(1){
    transform:translateY(11px) rotate(45deg);
}

.menu-btn.is-open span:nth-child(2){
    opacity:0;
    transform:scaleX(0);
}

.menu-btn.is-open span:nth-child(3){
    transform:translateY(-11px) rotate(-45deg);
}
.site-header{
  z-index:1000;
}

.sns{
  position:relative;
  z-index:1002;
}

.menu-btn{
  position:relative;
  z-index:1003;
}

.sp-menu{
  z-index:1001;
}
.sns{
    display:flex;
    align-items:center;
    gap:20px;
}

.sns a{

    width:38px;
    height:38px;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:20px;

    color:#fff;

    transition:.3s ease;
}

.sns a:hover{

    color:var(--purple);

    transform:translateY(-2px);

    text-shadow:
        0 0 10px var(--purple),
        0 0 25px var(--purple);

}
/*=========================
 Footer
=========================*/

.footer{

    clip-path:polygon(
        0 70px,
        22% 25px,
        55% 25px,
        72% 0,
        100% 0,
        100% 100%,
        0 100%
    );

}
.footer::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        #b400ff,
        #ffffff,
        #b400ff,
        transparent
    );

    box-shadow:0 0 18px rgba(180,0,255,.8);

}
.footer-inner{
    max-width:900px;
    margin:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:48px;
}

.footer-title{
    font-size:14px;
    letter-spacing:.25em;
    color:#aaa;
    margin-bottom:18px;
}

.footer-block img{
    display:block;
    max-width:240px;
    width:100%;
    height:auto;
    margin:16px auto 0;
}
.footer-block{
    text-align:center;
}
.footer-block img:hover{
    opacity:1;
    filter:drop-shadow(0 0 12px rgba(180,0,255,.6));
}

.footer-contact{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.footer-contact a{
    color:#fff;
    font-size:14px;
    transition:.3s;
}

.footer-contact a:hover{
    color:#d675ff;
}

.footer-copy{
    margin-top:60px;
    text-align:center;
    color:#888;
    font-size:12px;
    line-height:1.9;
}
@media(max-width:768px){

.footer{
    padding:60px 24px 35px;
}

.footer-inner{
    grid-template-columns:1fr;
    gap:45px;
    text-align:center;
}

.footer-block img{
    max-width:180px;
    margin:auto;
}

.footer-contact{
    align-items:center;
}

.footer-copy{
    margin-top:45px;
}
}
/* ==========================
   HERO LIVE INFO
========================== */

.hero-live-info{
    text-align:center;

}

.hero-live-sub {
    font-size: 92px;
    font-weight: 600;
    letter-spacing: 0.25em;
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, .8), 0 0 25px var(--purple);
}

.hero-live-place{
    font-size:clamp(36px,4vw,60px);
    font-weight:700;
    letter-spacing:.18em;
    color:#fff;
    text-shadow:
        0 0 10px #fff,
        0 0 25px var(--purple),
        0 0 50px var(--purple);
}

.hero-live-date{
    font-size:clamp(23px,4vw,49px);
    letter-spacing:.18em;
    color:#fff;
    text-shadow:
        0 0 10px #fff,
        0 0 18px var(--purple);
      font-weight: 700;
}
@media(max-width:768px){

.hero-live-info{

}

.hero-live-sub{
    font-size:30px;
    letter-spacing:.28em;
}

.hero-live-place{
    font-size:32px;
}

.hero-live-date{
    font-size:20px;
}
}
.glitch{

    position:relative;

    animation:glitch 7s infinite;

    will-change:transform,filter;
}
@keyframes glitch{

    0%,94%,100%{

        transform:none;
        filter:none;

    }

    95%{

        transform:translateX(-2px);

        filter:
        drop-shadow(-3px 0 #00ffff)
        drop-shadow(3px 0 #ff00ff);

    }

    95.5%{

        transform:translateX(3px);

    }

    96%{

        transform:translateX(-1px);

    }

    96.5%{

        transform:none;

    }

}
.hero-live-info{
    position:relative;
    overflow:hidden;
    animation:glitchShake 5.5s infinite;
}

.hero-live-info::before,
.hero-live-info::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
}

.hero-live-info::before{
    background:
      repeating-linear-gradient(
        0deg,
        transparent 0 2px,
        rgba(255,255,255,.25) 3px,
        transparent 5px
      );
    mix-blend-mode:screen;
    animation:glitchNoise 5.5s infinite;
}

.hero-live-info::after{
    background:
      linear-gradient(90deg, transparent, rgba(0,216,255,.35), transparent),
      linear-gradient(90deg, transparent, rgba(255,43,214,.35), transparent);
    clip-path:inset(35% 0 48% 0);
    animation:glitchSlice 5.5s infinite;
}

.hero-live-info p,
.hero-live-info h2{
    position:relative;
    z-index:2;
}
@keyframes glitchShake{
    0%,90%,100%{
        transform:none;
        filter:none;
    }

    91%{
        transform:translate(-3px,1px);
        filter:
          drop-shadow(-4px 0 #00d8ff)
          drop-shadow(4px 0 #ff2bd6);
    }

    91.4%{
        transform:translate(4px,-1px);
    }

    91.8%{
        transform:translate(-2px,2px);
    }

    92.2%{
        transform:none;
    }
}

@keyframes glitchNoise{
    0%,90%,100%{
        opacity:0;
        transform:none;
    }

    91%{
        opacity:.65;
        transform:translateX(8px);
    }

    91.5%{
        opacity:.45;
        transform:translateX(-6px);
    }

    92%{
        opacity:.7;
        transform:translateX(3px);
    }

    92.5%{
        opacity:0;
    }
}

@keyframes glitchSlice{
    0%,90%,100%{
        opacity:0;
        transform:none;
        clip-path:inset(35% 0 48% 0);
    }

    91%{
        opacity:1;
        transform:translateX(-12px);
        clip-path:inset(15% 0 72% 0);
    }

    91.5%{
        opacity:.8;
        transform:translateX(14px);
        clip-path:inset(55% 0 28% 0);
    }

    92%{
        opacity:1;
        transform:translateX(-8px);
        clip-path:inset(72% 0 12% 0);
    }

    92.5%{
        opacity:0;
    }
}