/* upgraderdead.date — фирстиль upgrader.pro (палитра/шрифты affiliate: Tektur + Exo 2, жёлтый #F5E642) */

:root {
  --y:#F5E642; --yl:#FAF08C; --yd:#C9BC2E; --yg:rgba(245,230,66,.4);
  --y20:rgba(245,230,66,.2); --y10:rgba(245,230,66,.1); --y05:rgba(245,230,66,.05);
  --bk:#060608; --bk2:#0C0C10; --bk3:#1C1C22;
  --bd:rgba(255,255,255,.07);
  --gold:#FFD700;
  --red:#FF2A2A; --red-d:#9C0000; --rg:rgba(255,42,42,.4);
  --txt:#F5F5F5; --dim:#888; --dim2:#4A4A4A;
  --fh:'Tektur',sans-serif; --fb:'Exo 2',sans-serif;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background:var(--bk); color:var(--txt);
  font-family:var(--fb);
  overflow-x:hidden; min-height:100vh;
}
::-webkit-scrollbar { width:5px }
::-webkit-scrollbar-track { background:var(--bk) }
::-webkit-scrollbar-thumb { background:var(--y); border-radius:3px }
::selection { background:var(--y); color:#000 }

/* ===== ФОНОВЫЕ СЛОИ ===== */
.noise {
  position:fixed; inset:0; pointer-events:none; z-index:9000; opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat:repeat; background-size:256px;
}
.bg-glow {
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(ellipse 90% 55% at 50% -12%, rgba(245,230,66,.10), transparent 62%),
    radial-gradient(ellipse 55% 38% at 85% 108%, rgba(245,230,66,.05), transparent 60%),
    radial-gradient(ellipse 45% 32% at 8% 95%, rgba(255,42,42,.05), transparent 60%);
}
#sparks { position:fixed; inset:0; z-index:1; pointer-events:none; }

.page { position:relative; z-index:2; }

/* ===== KEYFRAMES ===== */
@keyframes shimmer { 0%{background-position:-200% center} 100%{background-position:200% center} }
@keyframes slideUp { from{transform:translateY(60px);opacity:0} to{transform:translateY(0);opacity:1} }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
@keyframes livePulse { 0%,100%{opacity:1; box-shadow:0 0 0 0 rgba(245,230,66,.5)} 50%{opacity:.6; box-shadow:0 0 0 5px rgba(245,230,66,0)} }
@keyframes sepBlink { 0%,100%{opacity:.85} 50%{opacity:.2} }
@keyframes btnShake {
  0%,100%{transform:translate(0,0) rotate(0)}
  20%{transform:translate(-2px,1px) rotate(-.7deg)}
  40%{transform:translate(2px,-1px) rotate(.7deg)}
  60%{transform:translate(-2px,-1px) rotate(-.5deg)}
  80%{transform:translate(2px,1px) rotate(.5deg)}
}
@keyframes bodyGlitch {
  0%,100%{transform:translate(0)} 10%{transform:translate(-7px,3px) skewX(-1.5deg)}
  20%{transform:translate(6px,-4px)} 30%{transform:translate(-4px,2px) skewX(1deg)}
  45%{transform:translate(5px,1px)} 60%{transform:translate(-6px,-2px) skewX(-.8deg)}
  75%{transform:translate(3px,3px)} 90%{transform:translate(-2px,-1px)}
}
@keyframes glitchClip1 {
  0%{clip-path:inset(8% 0 78% 0); transform:translate(-6px,-2px)}
  20%{clip-path:inset(54% 0 22% 0); transform:translate(5px,1px)}
  40%{clip-path:inset(30% 0 52% 0); transform:translate(-4px,2px)}
  60%{clip-path:inset(72% 0 8% 0); transform:translate(6px,-1px)}
  80%{clip-path:inset(15% 0 70% 0); transform:translate(-5px,1px)}
  100%{clip-path:inset(60% 0 25% 0); transform:translate(4px,-2px)}
}
@keyframes glitchClip2 {
  0%{clip-path:inset(65% 0 12% 0); transform:translate(5px,2px)}
  25%{clip-path:inset(18% 0 65% 0); transform:translate(-6px,-1px)}
  50%{clip-path:inset(45% 0 38% 0); transform:translate(4px,1px)}
  75%{clip-path:inset(80% 0 5% 0); transform:translate(-4px,2px)}
  100%{clip-path:inset(25% 0 58% 0); transform:translate(6px,-2px)}
}
@keyframes crashSkull { 0%{transform:scale(.2) rotate(-20deg); opacity:0} 55%{transform:scale(1.25) rotate(6deg); opacity:1} 100%{transform:scale(1) rotate(0)} }
@keyframes toastIn { from{transform:translateY(24px); opacity:0} to{transform:translateY(0); opacity:1} }
@keyframes statusFlash { 0%,100%{opacity:1} 50%{opacity:.45} }

/* ===== УТИЛИТЫ (фирстиль) ===== */
.shimmer-text {
  background:linear-gradient(90deg,var(--y),var(--yl),#fff,var(--yl),var(--y));
  background-size:200% auto; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text; animation:shimmer 3s ease-in-out infinite;
}
.glass { background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); border:1px solid var(--bd); backdrop-filter:blur(24px); }
.gradient-border { position:relative; }
.gradient-border::before {
  content:''; position:absolute; inset:0; padding:1px; border-radius:inherit;
  background:linear-gradient(135deg,var(--y20),transparent 50%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;
}
.btn-primary {
  display:inline-block; text-decoration:none;
  background:var(--y); color:#000; font-weight:700;
  border:none; cursor:pointer; transition:all .35s cubic-bezier(.4,0,.2,1);
  position:relative; overflow:hidden; font-family:var(--fh);
}
.btn-primary:hover { transform:translateY(-3px) scale(1.02); box-shadow:0 12px 40px var(--yg); background:var(--yl); }
.btn-primary:active { transform:translateY(0) scale(.98); }
.btn-primary::before {
  content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  transition:left .6s;
}
.btn-primary:hover::before { left:100%; }

.reveal { opacity:0; transform:translateY(40px); transition:all .9s cubic-bezier(.16,1,.3,1); }
.reveal.visible { opacity:1; transform:translateY(0); }

/* ===== ХЕДЕР ===== */
.top {
  display:flex; align-items:center; justify-content:space-between;
  padding:18px clamp(16px,4vw,48px); max-width:1280px; margin:0 auto;
}
.logo { display:flex; align-items:center; text-decoration:none; }
.logo-img { height:26px; width:auto; display:block; filter:drop-shadow(0 0 14px rgba(245,230,66,.25)); }
.top-right { display:flex; align-items:center; gap:18px; }
.live-badge {
  display:flex; align-items:center; gap:7px;
  font-family:var(--fh); font-size:10px; font-weight:700; letter-spacing:2px; color:var(--y);
  border:1px solid var(--y20); border-radius:999px; padding:6px 13px;
  background:var(--y05);
}
.live-dot { width:7px; height:7px; border-radius:50%; background:var(--y); animation:livePulse 1.6s ease-in-out infinite; }
.top-link { color:var(--dim); text-decoration:none; font-size:13px; font-weight:600; transition:color .25s; }
.top-link:hover { color:var(--y); }

/* ===== HERO ===== */
main { max-width:1280px; margin:0 auto; padding:0 clamp(16px,4vw,48px); }
.hero { text-align:center; padding:clamp(40px,7vh,84px) 0 clamp(28px,4vh,48px); }
.eyebrow {
  display:inline-block; font-family:var(--fh); font-size:clamp(9px,1.4vw,11px); font-weight:600;
  letter-spacing:3.5px; text-transform:uppercase; color:var(--y);
  border:1px solid var(--y20); border-radius:999px; padding:9px 18px;
  background:var(--y05); margin-bottom:26px;
}
.hero h1 {
  font-family:var(--fh); font-weight:800;
  font-size:clamp(21px,4.6vw,46px); line-height:1.18; letter-spacing:.5px;
  margin-bottom:clamp(30px,5vh,52px);
}

/* — флип-календарь — */
.clock {
  --dw:clamp(36px,8.4vw,88px);          /* ширина карточки-цифры */
  --dh:calc(var(--dw)*1.42);            /* высота */
  --fs:calc(var(--dh)*.64);             /* кегль цифры */
  display:flex; align-items:flex-start; justify-content:center;
  gap:clamp(8px,2.2vw,24px);
  margin-bottom:34px;
}
.c-group { display:flex; flex-direction:column; align-items:center; }
.c-cards { display:flex; gap:clamp(4px,.9vw,9px); }
.c-cap {
  margin-top:clamp(10px,1.6vw,16px);
  font-family:var(--fh); font-size:clamp(8px,1.2vw,12px); font-weight:600;
  letter-spacing:4px; text-transform:uppercase; color:var(--dim2);
}
.c-colon {
  display:flex; flex-direction:column; gap:calc(var(--dh)*.18);
  padding-top:calc(var(--dh)*.26);
  animation:sepBlink 2s ease-in-out infinite;
}
.c-colon i {
  width:calc(var(--dw)*.11); height:calc(var(--dw)*.11); border-radius:50%;
  background:#3A3A42; box-shadow:0 1px 2px rgba(0,0,0,.6);
}

/* карточка цифры */
.flip {
  position:relative;
  width:var(--dw); height:var(--dh);
  border-radius:clamp(7px,1.2vw,13px);
  perspective:calc(var(--dh)*3.4);
  font-family:var(--fh); font-weight:900;
  font-variant-numeric:tabular-nums;
  color:#F4F4F6;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.5));
}
.flip span {
  position:absolute; left:0; width:100%; height:var(--dh);
  line-height:var(--dh); font-size:var(--fs); text-align:center;
  -webkit-user-select:none; user-select:none;
}
.half, .leaf-face {
  position:absolute; left:0; right:0; height:50%; overflow:hidden;
}
.half-top {
  top:0; border-radius:clamp(7px,1.2vw,13px) clamp(7px,1.2vw,13px) 0 0;
  background:linear-gradient(180deg,#27272F,#1C1C23);
}
.half-top span { top:0; }
.half-bottom {
  bottom:0; border-radius:0 0 clamp(7px,1.2vw,13px) clamp(7px,1.2vw,13px);
  background:linear-gradient(180deg,#1A1A21,#111118);
}
.half-bottom span { top:-100%; }
.half-bottom::after { /* тень падающего листка на нижнюю половину */
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0) 70%);
  opacity:0; transition:opacity .2s ease-in; pointer-events:none;
}
.flip.flipping .half-bottom::after { opacity:1; }

/* перекидной листок */
.leaf {
  position:absolute; top:0; left:0; right:0; height:50%;
  transform-origin:50% 100%;
  transform-style:preserve-3d;
  z-index:3; pointer-events:none;
}
.flip.flipping .leaf { animation:leafFlip .5s cubic-bezier(.37,.01,.39,1) forwards; }
.leaf-face { inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.leaf-front {
  border-radius:clamp(7px,1.2vw,13px) clamp(7px,1.2vw,13px) 0 0;
  background:linear-gradient(180deg,#27272F,#1C1C23);
}
.leaf-front span { top:0; }
.leaf-front::after { /* листок темнеет, складываясь */
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55));
  opacity:0; transition:opacity .22s ease-in; pointer-events:none;
}
.flip.flipping .leaf-front::after { opacity:1; }
.leaf-back {
  transform:rotateX(180deg);
  border-radius:0 0 clamp(7px,1.2vw,13px) clamp(7px,1.2vw,13px);
  background:linear-gradient(180deg,#1A1A21,#111118);
}
.leaf-back span { top:-100%; }
.leaf-back::after { /* блик на раскрывшейся половине */
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 45%);
  pointer-events:none;
}

/* рамка и щель поверх всего */
.flip::before {
  content:''; position:absolute; inset:0; border-radius:inherit;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  z-index:5; pointer-events:none;
}
.flip::after {
  content:''; position:absolute; left:0; right:0; top:50%; height:2px;
  transform:translateY(-1px);
  background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.4) 18%,rgba(0,0,0,.4) 82%,rgba(0,0,0,.85));
  z-index:4; pointer-events:none;
}

/* секунды — жёлтые */
.c-sec .flip { color:var(--y); text-shadow:0 0 26px rgba(245,230,66,.22); }
.c-sec .flip::before { border-color:rgba(245,230,66,.16); }
.c-sec .c-colon i { background:var(--y); }
.c-sec .flip { filter:drop-shadow(0 14px 26px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(245,230,66,.08)); }

@keyframes leafFlip { 0%{transform:rotateX(0)} 100%{transform:rotateX(-180deg)} }

/* — статус — */
.status-pill {
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--fh); font-size:11px; font-weight:700; letter-spacing:2px;
  border-radius:999px; padding:9px 18px; transition:all .4s;
}
.status-dot { width:8px; height:8px; border-radius:50%; }
.status-ok { color:#2EFF7B; border:1px solid rgba(46,255,123,.25); background:rgba(46,255,123,.05); }
.status-ok .status-dot { background:#2EFF7B; box-shadow:0 0 12px rgba(46,255,123,.8); }
.status-warn { color:var(--y); border:1px solid rgba(245,230,66,.3); background:var(--y05); }
.status-warn .status-dot { background:var(--y); box-shadow:0 0 12px var(--yg); animation:statusFlash 1s infinite; }
.status-down { color:var(--red); border:1px solid rgba(255,42,42,.35); background:rgba(255,42,42,.07); }
.status-down .status-dot { background:var(--red); box-shadow:0 0 12px var(--rg); animation:statusFlash .5s infinite; }

/* ===== ЗОНА КНОПКИ ===== */
.danger { padding:clamp(22px,4vh,44px) 0; }
.dz {
  max-width:680px; margin:0 auto; border-radius:24px; overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.006)),linear-gradient(180deg,#0C0C10,#08080B);
  border:1px solid var(--bd); position:relative;
}
.dz-stripes {
  height:14px;
  background:repeating-linear-gradient(-45deg, rgba(245,230,66,.22) 0 14px, transparent 14px 28px);
}
.dz-body { padding:clamp(26px,4.5vw,44px) clamp(18px,4vw,44px) clamp(30px,5vw,48px); text-align:center; }
.dz-title {
  font-family:var(--fh); font-weight:800; letter-spacing:3px;
  font-size:clamp(13px,2.2vw,19px); color:#fff;
}
.dz-subtitle { color:var(--dim2); font-size:12px; margin-top:8px; letter-spacing:1px; }

.btn-pit { padding:clamp(28px,4.5vw,42px) 0 0; display:flex; justify-content:center; }
.big-red {
  width:clamp(172px,30vw,238px); aspect-ratio:1/1; border-radius:50%;
  border:none; cursor:pointer; position:relative;
  font-family:var(--fh); font-weight:900;
  font-size:clamp(22px,3.6vw,32px); letter-spacing:2px; color:#fff;
  text-shadow:0 3px 14px rgba(0,0,0,.65);
  background:radial-gradient(circle at 32% 27%, #FF7A6B 0%, #F02020 38%, #C40A0A 62%, #7E0000 100%);
  box-shadow:
    0 0 0 11px #101014,
    0 0 0 13px var(--bk3),
    0 22px 60px rgba(224,19,19,.38),
    0 0 80px rgba(255,42,42,.18),
    inset 0 -16px 34px rgba(0,0,0,.5),
    inset 0 12px 22px rgba(255,255,255,.22);
  transition:box-shadow .35s, filter .3s, transform .15s;
}
.big-red:hover {
  animation:btnShake .32s linear infinite;
  box-shadow:
    0 0 0 11px #101014,
    0 0 0 13px #34343c,
    0 26px 70px rgba(224,19,19,.55),
    0 0 130px rgba(255,42,42,.35),
    inset 0 -16px 34px rgba(0,0,0,.5),
    inset 0 12px 22px rgba(255,255,255,.22);
}
.big-red:active { animation:none; transform:scale(.92) translateY(5px); }
.big-red:disabled {
  animation:none; cursor:not-allowed;
  filter:grayscale(.75) brightness(.55);
  transform:none;
}
.big-red:disabled .br-label { font-size:.72em; letter-spacing:1px; }
.br-label { position:relative; z-index:1; }

/* ===== СТАТЫ ===== */
.stats {
  display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(10px,1.8vw,20px);
  padding:clamp(20px,4vh,42px) 0;
  max-width:640px; margin:0 auto;
}
.stat { border-radius:18px; padding:clamp(18px,2.6vw,28px) clamp(12px,2vw,24px); text-align:center; transition:transform .4s cubic-bezier(.4,0,.2,1); }
.stat:hover { transform:translateY(-6px); }
.stat-value {
  font-family:var(--fh); font-weight:800;
  font-size:clamp(22px,3.6vw,38px); line-height:1.1; margin-bottom:10px;
  font-variant-numeric:tabular-nums; color:#fff;
}
.stat-yellow { color:var(--y); text-shadow:0 0 25px var(--yg); }
.stat-red { color:var(--red); text-shadow:0 0 25px rgba(255,42,42,.3); }
.stat-label {
  font-size:clamp(9px,1.3vw,11px); letter-spacing:2px; text-transform:uppercase;
  color:var(--dim); font-weight:700;
}

/* ===== ЖУРНАЛ ===== */
.incidents { padding:clamp(16px,3.5vh,38px) 0; max-width:820px; margin:0 auto; }
.incidents h2 {
  font-family:var(--fh); font-weight:800; font-size:clamp(17px,2.8vw,26px);
  letter-spacing:1px; text-align:center; margin-bottom:clamp(20px,3vh,30px);
}
.h2-accent { color:var(--y); text-shadow:0 0 25px var(--yg); }
.inc-list { display:flex; flex-direction:column; gap:10px; }
.inc {
  display:flex; align-items:center; gap:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008));
  border:1px solid var(--bd); border-left:3px solid transparent; border-radius:14px;
  padding:13px 18px; transition:all .4s cubic-bezier(.4,0,.2,1);
}
.inc:hover {
  background:linear-gradient(90deg,var(--y05),rgba(255,255,255,.01) 60%);
  transform:translateX(6px); border-left-color:var(--y);
}
.inc-num {
  flex:0 0 auto; min-width:44px; height:36px; border-radius:10px;
  display:flex; align-items:center; justify-content:center; padding:0 8px;
  font-family:var(--fh); font-weight:800; font-size:12px;
  background:linear-gradient(135deg,var(--y10),var(--y05));
  color:var(--y); border:1px solid var(--y20);
}
.inc-body { flex:1 1 auto; min-width:0; }
.inc-reason { font-size:clamp(12px,1.8vw,14px); font-weight:600; color:#eee; }
.inc-meta { font-size:11px; color:var(--dim2); margin-top:3px; }
.inc-ago { flex:0 0 auto; font-size:11px; color:var(--dim); font-variant-numeric:tabular-nums; white-space:nowrap; }
.inc-new { animation:slideUp .6s cubic-bezier(.16,1,.3,1); }
.inc-empty { text-align:center; color:var(--dim2); font-size:13px; padding:26px 10px; border:1px dashed var(--bk3); border-radius:14px; }

/* ===== CTA + FOOTER ===== */
.cta-final { text-align:center; padding:clamp(34px,6vh,64px) 0 clamp(24px,4vh,40px); }
.cta-text { font-family:var(--fh); font-weight:600; font-size:clamp(14px,2.4vw,21px); line-height:1.5; color:#ddd; margin-bottom:26px; }
.cta-btn { font-size:clamp(13px,1.8vw,16px); padding:18px 38px; border-radius:14px; }

.foot { text-align:center; padding:26px 16px 34px; border-top:1px solid rgba(255,255,255,.05); }
.foot-line { color:var(--dim); font-size:12px; line-height:1.7; }
.foot-dim { color:var(--dim2); }

/* ===== КРАШ ===== */
/* трясём контент-обёртку, НЕ body: transform на предке ломает position:fixed у оверлея */
body.crashed .page { animation:bodyGlitch .55s steps(1) 4; }
.crash {
  position:fixed; inset:0; z-index:9500;
  background:rgba(4,4,6,.93);
  display:flex; align-items:center; justify-content:center; text-align:center;
  animation:fadeIn .15s ease-out;
  backdrop-filter:blur(6px);
}
.crash::after {
  content:''; position:absolute; inset:0; pointer-events:none; opacity:.18;
  background:repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.05) 3px 4px);
}
.crash[hidden] { display:none; }
.crash-skull { font-size:clamp(72px,14vw,150px); animation:crashSkull .55s cubic-bezier(.16,1,.3,1); filter:drop-shadow(0 0 40px var(--rg)); }
.crash-title {
  font-family:var(--fh); font-weight:900;
  font-size:clamp(42px,10.5vw,120px); letter-spacing:3px; color:#fff;
  position:relative; margin-top:22px;
}
.glitch::before, .glitch::after {
  content:attr(data-text); position:absolute; inset:0; opacity:.85;
}
.glitch::before { color:var(--red); animation:glitchClip1 .5s steps(2) infinite; }
.glitch::after { color:var(--y); animation:glitchClip2 .5s steps(2) infinite; }
.crash-sub { color:var(--dim); font-size:clamp(12px,2vw,15px); margin-top:22px; letter-spacing:1px; }

/* ===== ТОСТЫ ===== */
.toast-wrap { position:fixed; right:18px; bottom:18px; z-index:9700; display:flex; flex-direction:column; gap:10px; }
.toast {
  display:flex; align-items:center; gap:11px;
  background:linear-gradient(145deg,#16161B,#0B0B0E);
  border:1px solid var(--bd); border-left:3px solid var(--y); border-radius:13px;
  padding:13px 17px; font-size:13px; font-weight:600; color:#eee;
  box-shadow:0 14px 40px rgba(0,0,0,.6);
  animation:toastIn .4s cubic-bezier(.16,1,.3,1);
  max-width:330px;
}
.toast.bye { transition:opacity .4s, transform .4s; opacity:0; transform:translateY(14px); }
.toast-icon { font-size:18px; flex:0 0 auto; }

/* ===== АДАПТИВ ===== */
@media (max-width:640px) {
  .stats { grid-template-columns:1fr 1fr; }
  .top-link { display:none; }
  .c-colon { display:none; }
  .clock { gap:10px; }
  .inc-ago { display:none; }
  .toast-wrap { left:18px; right:18px; }
  .toast { max-width:none; width:100%; }
  .logo-img { height:21px; }
}
@media (max-width:380px) {
  .clock { --dw:34px; gap:8px; }
  .c-cards { gap:3px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  #sparks { display:none; }
}