/* ============================================================
   SKEDADDLE launch splash — "done & dashed."
   A faithful port of styling/FinalSkedaddleLoadingScreen.html into the
   app. EVERY selector is scoped under .skedaddle-splash and the palette
   lives on that wrapper (never :root) so the splash's generic token
   names — --ink, --paper, --coral … — can't leak into the app theme,
   and the app's tokens of the same name can't bleed into the splash.
   Timing/easing all live here; SplashScreen.jsx only toggles .play and
   drives the typewriter "resolve" at the end.

   Storyboard:
   1. 3D to-do card flips up (sticky note tucked behind)
   2. each task is ticked → squashes → BOLTS off right with speed
      lines + dust puffs
   3. empty card celebrates, then skedaddles too
   4. "Skedaddle" hops in letter by letter — the last "e" sprints in late
   5. the checkbox stamps in at the END of the name (the last to-do left)
   6. a caret backspaces the line — tick first, then letters — and the
      final lowercase lockup types itself out
   ============================================================ */

.skedaddle-splash {
  /* palette — vibrant pastels on warm cream */
  --cream:#F5F0E4; --paper:#FFFDF6; --ink:#33291F; --ink-soft:#6B5D4D;
  --coral:#E8714A; --peach:#FFC09A; --butter:#FFD668; --mint:#6FD9AC;
  --sky:#7FC4F2; --lavender:#B49DF2; --lav-soft:#CDBCF7; --blush:#F799C1;

  /* timeline — tweak everything from here */
  --t-card:0s;
  --t-tick1:.95s;  --t-bolt1:1.45s;
  --t-tick2:1.9s;  --t-bolt2:2.4s;
  --t-tick3:2.85s; --t-bolt3:3.35s;
  --t-cheer:3.8s;
  --t-cardout:4.15s;
  --t-mark:6.3s;     /* the tick stamps in at the END of the name */
  --t-letters:4.85s;
  --t-laste:5.7s;
  --t-tag:6.1s;
  --t-resolve:7.3s;  /* caret appears; first backspace deletes the tick */
  --t-dark:8.95s;    /* slogan deepens to black — the script recomputes this */

  position:fixed; inset:0; z-index:200; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  background:var(--cream); color:var(--ink);
  font-family:'Inter', sans-serif;
  cursor:pointer;
  animation: sk-fade-in .35s ease both;
}
.skedaddle-splash.is-leaving { animation: sk-fade-out .45s ease forwards; pointer-events:none; }
@keyframes sk-fade-in  { from { opacity:0; } to { opacity:1; } }
@keyframes sk-fade-out { from { opacity:1; } to { opacity:0; transform:scale(1.03); } }

.skedaddle-splash * { margin:0; padding:0; box-sizing:border-box; }

/* ---------- ambient: drifting pastel blobs + paper grain ---------- */
.skedaddle-splash .blob { position:fixed; border-radius:50%; filter:blur(70px); opacity:.55; pointer-events:none; }
.skedaddle-splash .blob.b1 { width:46vmin; height:46vmin; left:-10vmin; top:-12vmin;
  background:radial-gradient(circle, var(--mint), transparent 70%);
  animation:drift1 26s ease-in-out infinite alternate; }
.skedaddle-splash .blob.b2 { width:54vmin; height:54vmin; right:-14vmin; bottom:-16vmin;
  background:radial-gradient(circle, var(--lavender), transparent 70%);
  animation:drift2 32s ease-in-out infinite alternate; }
.skedaddle-splash .blob.b3 { width:34vmin; height:34vmin; right:6vmin; top:-8vmin;
  background:radial-gradient(circle, var(--blush), transparent 70%);
  animation:drift3 22s ease-in-out infinite alternate; }
@keyframes drift1 { to { transform:translate(7vmin, 5vmin)  scale(1.12); } }
@keyframes drift2 { to { transform:translate(-6vmin,-7vmin) scale(1.08); } }
@keyframes drift3 { to { transform:translate(-4vmin, 6vmin) scale(.94); } }

.skedaddle-splash .grain {
  position:fixed; inset:0; pointer-events:none; z-index:50;
  opacity:.06; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- stage ---------- */
.skedaddle-splash .stage { position:relative; width:min(92vw, 640px); height:min(78vh, 560px); perspective:1100px; }
.skedaddle-splash .center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }

/* ===== ACT 1 — the to-do card (3D paper cut-out) ===== */
.skedaddle-splash .cardwrap { transform-style:preserve-3d; opacity:0; }
.skedaddle-splash.play .cardwrap {
  animation:
    flipIn .9s var(--t-card) cubic-bezier(.2,1.4,.3,1) both,
    cardCheer .5s var(--t-cheer) ease-in-out,
    cardBolt .65s var(--t-cardout) cubic-bezier(.55,-0.3,.8,.5) forwards;
}
@keyframes flipIn {
  0%  { opacity:0; transform:rotateX(72deg) rotateY(-8deg) translateY(70px) scale(.8); }
  60% { opacity:1; transform:rotateX(-7deg) rotateY(-8deg) rotateZ(-2deg) translateY(-6px) scale(1.02); }
  100%{ opacity:1; transform:rotateX(9deg)  rotateY(-8deg) rotateZ(-2deg) translateY(0)    scale(1); }
}
@keyframes cardCheer {
  0%,100%{ transform:rotateX(9deg) rotateY(-8deg) rotateZ(-2deg); }
  30%    { transform:rotateX(9deg) rotateY(-8deg) rotateZ(2.5deg) translateY(-14px); }
  60%    { transform:rotateX(9deg) rotateY(-8deg) rotateZ(-3deg)  translateY(-4px); }
}
@keyframes cardBolt {
  0%  { opacity:1; transform:rotateX(9deg) rotateY(-8deg) rotateZ(-2deg) translateX(0); }
  18% { transform:rotateX(9deg) rotateY(-8deg) rotateZ(-4deg) translateX(-34px); }
  100%{ opacity:0; transform:rotateX(9deg) rotateY(-8deg) rotateZ(6deg) translateX(130vw) skewX(-16deg); }
}

.skedaddle-splash .card {
  position:relative; width:min(400px, 84vw);
  background:var(--paper); border:3px solid var(--ink); border-radius:26px;
  padding:22px 24px 26px; box-shadow:12px 14px 0 var(--lav-soft);
}

/* sticky note peeking out behind the card */
.skedaddle-splash .sticky {
  position:absolute; top:-34px; right:18px; width:108px; height:96px;
  background:var(--butter); border:3px solid var(--ink); border-radius:8px 8px 14px 8px;
  transform:rotate(7deg); box-shadow:6px 7px 0 var(--peach); z-index:-1; padding:36px 14px 0;
}
.skedaddle-splash .sticky i { display:block; height:6px; border-radius:3px; background:var(--ink); opacity:.7; margin-bottom:9px; }
.skedaddle-splash .sticky i:last-child { width:62%; }
.skedaddle-splash .sticky .pin { position:absolute; top:9px; left:12px; width:16px; height:16px; border-radius:50%; background:var(--coral); border:3px solid var(--ink); }

.skedaddle-splash .card-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.skedaddle-splash .badge {
  font:700 13px/1 'Inter',sans-serif; letter-spacing:.08em; text-transform:lowercase;
  background:var(--coral); color:var(--paper); border:3px solid var(--ink);
  padding:8px 14px 9px; border-radius:999px; box-shadow:3px 3px 0 var(--ink);
}
.skedaddle-splash .dots { display:flex; gap:7px; }
.skedaddle-splash .dots b { width:12px; height:12px; border-radius:50%; border:2.5px solid var(--ink); }
.skedaddle-splash .dots b:nth-child(1){ background:var(--mint); }
.skedaddle-splash .dots b:nth-child(2){ background:var(--butter); }
.skedaddle-splash .dots b:nth-child(3){ background:var(--sky); }

/* ---------- task rows ---------- */
.skedaddle-splash .row { position:relative; display:flex; align-items:center; gap:14px; padding:12px 6px; }
.skedaddle-splash .row + .row { border-top:2px dashed color-mix(in srgb, var(--ink) 22%, transparent); }

.skedaddle-splash.play .row.r1 { animation: rowPop .35s var(--t-tick1) ease both, rowBolt .55s var(--t-bolt1) cubic-bezier(.55,-0.35,.8,.5) forwards; }
.skedaddle-splash.play .row.r2 { animation: rowPop .35s var(--t-tick2) ease both, rowBolt .55s var(--t-bolt2) cubic-bezier(.55,-0.35,.8,.5) forwards; }
.skedaddle-splash.play .row.r3 { animation: rowPop .35s var(--t-tick3) ease both, rowBolt .55s var(--t-bolt3) cubic-bezier(.55,-0.35,.8,.5) forwards; }
@keyframes rowPop  { 0%,100%{ transform:scale(1,1); } 45%{ transform:scale(1.04,.82); } 75%{ transform:scale(.98,1.06); } }
@keyframes rowBolt { 0%{ opacity:1; transform:translateX(0); } 22%{ transform:translateX(-22px) skewX(6deg); } 100%{ opacity:0; transform:translateX(150%) skewX(-18deg) scaleY(.85); } }

.skedaddle-splash .box {
  flex:0 0 auto; width:30px; height:30px; border:3px solid var(--ink); border-radius:9px;
  background:var(--paper); display:grid; place-items:center; box-shadow:2.5px 2.5px 0 var(--ink);
}
.skedaddle-splash.play .r1 .box { animation: boxFill .25s calc(var(--t-tick1) + .05s) ease both; --fill:var(--mint); }
.skedaddle-splash.play .r2 .box { animation: boxFill .25s calc(var(--t-tick2) + .05s) ease both; --fill:var(--butter); }
.skedaddle-splash.play .r3 .box { animation: boxFill .25s calc(var(--t-tick3) + .05s) ease both; --fill:var(--sky); }
@keyframes boxFill { to { background:var(--fill); } }

.skedaddle-splash .box svg { width:18px; height:18px; overflow:visible; }
.skedaddle-splash .box path { fill:none; stroke:var(--ink); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:26; stroke-dashoffset:26; }
.skedaddle-splash.play .r1 .box path { animation: draw .28s calc(var(--t-tick1) + .12s) ease-out forwards; }
.skedaddle-splash.play .r2 .box path { animation: draw .28s calc(var(--t-tick2) + .12s) ease-out forwards; }
.skedaddle-splash.play .r3 .box path { animation: draw .28s calc(var(--t-tick3) + .12s) ease-out forwards; }
@keyframes draw { to { stroke-dashoffset:0; } }

.skedaddle-splash .task { position:relative; font:600 17px/1.3 'Inter',sans-serif; color:var(--ink); }
.skedaddle-splash .task::after { content:''; position:absolute; left:-3px; right:-3px; top:54%; height:3px; border-radius:2px; background:var(--coral); transform:scaleX(0); transform-origin:left center; }
.skedaddle-splash.play .r1 .task::after { animation: strike .22s calc(var(--t-tick1) + .2s) ease-out forwards; }
.skedaddle-splash.play .r2 .task::after { animation: strike .22s calc(var(--t-tick2) + .2s) ease-out forwards; }
.skedaddle-splash.play .r3 .task::after { animation: strike .22s calc(var(--t-tick3) + .2s) ease-out forwards; }
@keyframes strike { to { transform:scaleX(1); } }

/* ---------- exit FX: speed lines, dust puffs ---------- */
.skedaddle-splash .fx { position:absolute; right:-6px; top:50%; pointer-events:none; }
.skedaddle-splash .fx .line { position:absolute; right:0; height:5px; border-radius:3px; background:var(--ink); opacity:0; }
.skedaddle-splash .fx .line.l1 { width:34px; top:-12px; }
.skedaddle-splash .fx .line.l2 { width:48px; top:0; }
.skedaddle-splash .fx .line.l3 { width:28px; top:12px; }
.skedaddle-splash .fx .puff { position:absolute; border-radius:50%; border:3px solid var(--ink); opacity:0; }
.skedaddle-splash .fx .puff.p1 { width:16px; height:16px; right:10px; top:-8px; background:var(--peach); }
.skedaddle-splash .fx .puff.p2 { width:11px; height:11px; right:34px; top:6px;  background:var(--lav-soft); }
.skedaddle-splash .fx .puff.p3 { width:8px;  height:8px;  right:-4px; top:10px; background:var(--blush); }
@keyframes streak { 0%{ opacity:0; transform:translateX(10px) scaleX(.3); } 25%{ opacity:1; } 100%{ opacity:0; transform:translateX(-78px) scaleX(1.15); } }
@keyframes poof   { 0%{ opacity:0; transform:scale(.2) translate(0,0); } 30%{ opacity:1; } 100%{ opacity:0; transform:scale(1.7) translate(-14px,-10px); } }

.skedaddle-splash.play .r1 .fx .line { animation: streak .5s var(--t-bolt1) ease-out both; }
.skedaddle-splash.play .r2 .fx .line { animation: streak .5s var(--t-bolt2) ease-out both; }
.skedaddle-splash.play .r3 .fx .line { animation: streak .5s var(--t-bolt3) ease-out both; }
.skedaddle-splash.play .r1 .fx .puff { animation: poof .55s calc(var(--t-bolt1) + .08s) ease-out both; }
.skedaddle-splash.play .r2 .fx .puff { animation: poof .55s calc(var(--t-bolt2) + .08s) ease-out both; }
.skedaddle-splash.play .r3 .fx .puff { animation: poof .55s calc(var(--t-bolt3) + .08s) ease-out both; }
.skedaddle-splash.play .r1 .fx .line.l2 { animation-delay: calc(var(--t-bolt1) + .06s); }
.skedaddle-splash.play .r1 .fx .line.l3 { animation-delay: calc(var(--t-bolt1) + .12s); }
.skedaddle-splash.play .r2 .fx .line.l2 { animation-delay: calc(var(--t-bolt2) + .06s); }
.skedaddle-splash.play .r2 .fx .line.l3 { animation-delay: calc(var(--t-bolt2) + .12s); }
.skedaddle-splash.play .r3 .fx .line.l2 { animation-delay: calc(var(--t-bolt3) + .06s); }
.skedaddle-splash.play .r3 .fx .line.l3 { animation-delay: calc(var(--t-bolt3) + .12s); }

/* big FX burst when the card itself bolts */
.skedaddle-splash .cardfx { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); pointer-events:none; }
.skedaddle-splash .cardfx .line { position:absolute; height:7px; border-radius:4px; background:var(--ink); opacity:0; }
.skedaddle-splash .cardfx .line.c1 { width:70px;  left:-180px; top:-46px; }
.skedaddle-splash .cardfx .line.c2 { width:110px; left:-230px; top:0; }
.skedaddle-splash .cardfx .line.c3 { width:60px;  left:-170px; top:44px; }
.skedaddle-splash.play .cardfx .line.c1 { animation: streak .6s calc(var(--t-cardout) + .1s) ease-out both; }
.skedaddle-splash.play .cardfx .line.c2 { animation: streak .6s calc(var(--t-cardout) + .16s) ease-out both; }
.skedaddle-splash.play .cardfx .line.c3 { animation: streak .6s calc(var(--t-cardout) + .22s) ease-out both; }
.skedaddle-splash .cardfx .puff { position:absolute; border-radius:50%; border:3.5px solid var(--ink); opacity:0; }
.skedaddle-splash .cardfx .puff.q1 { width:30px; height:30px; left:-150px; top:-20px; background:var(--mint); }
.skedaddle-splash .cardfx .puff.q2 { width:20px; height:20px; left:-110px; top:26px;  background:var(--butter); }
.skedaddle-splash .cardfx .puff.q3 { width:14px; height:14px; left:-180px; top:14px;  background:var(--blush); }
.skedaddle-splash.play .cardfx .puff { animation: poof .7s calc(var(--t-cardout) + .15s) ease-out both; }

.skedaddle-splash .spark { position:absolute; width:22px; height:22px; opacity:0; pointer-events:none; }
.skedaddle-splash .spark svg { width:100%; height:100%; overflow:visible; }
.skedaddle-splash .spark path { fill:var(--coral); stroke:var(--ink); stroke-width:2; stroke-linejoin:round; }
.skedaddle-splash .spark.s1 { left:14%; top:18%; } .skedaddle-splash .spark.s1 path { fill:var(--butter); }
.skedaddle-splash .spark.s2 { right:12%; top:30%; } .skedaddle-splash .spark.s2 path { fill:var(--mint); }
.skedaddle-splash .spark.s3 { left:22%; bottom:16%; } .skedaddle-splash .spark.s3 path { fill:var(--blush); }
@keyframes twinkle { 0%{ opacity:0; transform:scale(0) rotate(-40deg); } 40%{ opacity:1; transform:scale(1.25) rotate(10deg); } 100%{ opacity:0; transform:scale(.4) rotate(40deg); } }
.skedaddle-splash.play .spark.s1 { animation: twinkle .8s calc(var(--t-cardout) + .2s) ease-out both; }
.skedaddle-splash.play .spark.s2 { animation: twinkle .8s calc(var(--t-cardout) + .35s) ease-out both; }
.skedaddle-splash.play .spark.s3 { animation: twinkle .8s calc(var(--t-cardout) + .5s) ease-out both; }

/* ===== ACT 2 — the lockup: mark + wordmark + tagline ===== */
.skedaddle-splash .lockup { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; pointer-events:none; }

/* app mark: a checkbox caught mid-dash — stamps in AFTER the late "e",
   hanging off the word's right edge like the last to-do item on the line. */
.skedaddle-splash .mark {
  position:absolute; font-size:clamp(2.7rem, 10vw, 5.4rem); width:1.3em; height:1.12em;
  left:calc(100% - .3em); top:50%; margin-top:-.56em; opacity:0; overflow:visible;
}
.skedaddle-splash.play .mark { animation: stampIn .65s var(--t-mark) cubic-bezier(.2,1.6,.35,1) both; }
@keyframes stampIn { 0%{ opacity:0; transform:scale(0) rotate(-30deg); } 65%{ opacity:1; transform:scale(1.14) rotate(4deg); } 100%{ opacity:1; transform:scale(1) rotate(0deg); } }
.skedaddle-splash .mark .mline { opacity:0; }
.skedaddle-splash.play .mark .mline { animation: streak .55s calc(var(--t-mark) + .25s) ease-out both; }
.skedaddle-splash.play .mark .mline.m2 { animation-delay: calc(var(--t-mark) + .33s); }
.skedaddle-splash.play .mark .mline.m3 { animation-delay: calc(var(--t-mark) + .41s); }
.skedaddle-splash .mark .mpuff { opacity:0; transform-origin:center; transform-box:fill-box; }
.skedaddle-splash.play .mark .mpuff { animation: poof .6s calc(var(--t-mark) + .3s) ease-out both; }
.skedaddle-splash .mark .mtick { stroke-dasharray:70; stroke-dashoffset:70; }
.skedaddle-splash.play .mark .mtick { animation: draw .35s calc(var(--t-mark) + .3s) ease-out forwards; }

/* the two wordmarks share one centered slot so they crossfade in place */
.skedaddle-splash .wordstack { position:relative; margin-top:8px; display:inline-flex; align-items:center; justify-content:center; }

/* wordmark — pastel sticker letters in Fraunces (the playful intro) */
.skedaddle-splash .word {
  position:relative; font-family:'Fraunces', serif; font-weight:900;
  font-size:clamp(2.7rem, 10vw, 5.4rem); line-height:1; letter-spacing:-.015em;
  white-space:nowrap; transform:skewX(-3deg);
}
/* the production wordmark — flat Fraunces 600, near-black, typed out */
.skedaddle-splash .word-final {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:'Fraunces', serif; font-weight:600; font-size:clamp(2.7rem, 10vw, 5.4rem);
  line-height:1; letter-spacing:normal; white-space:nowrap; color:#111;
}
.skedaddle-splash .word-final .fch { visibility:hidden; }

/* the typing caret */
.skedaddle-splash .caret {
  position:absolute; top:50%; font-size:clamp(2.7rem, 10vw, 5.4rem);
  width:.05em; height:.92em; border-radius:2px; background:#111;
  transform:translateY(-52%); visibility:hidden; pointer-events:none;
}
.skedaddle-splash .caret.blink { animation: caretBlink .85s infinite; }
@keyframes caretBlink { 0%,49%{ opacity:1; } 50%,100%{ opacity:0; } }
.skedaddle-splash .caret.bye { opacity:0; transition:opacity .45s ease; }

.skedaddle-splash .word .ch {
  display:inline-block; opacity:0; color:var(--c, var(--coral));
  -webkit-text-stroke:2.5px var(--ink); paint-order:stroke fill;
  text-shadow:.065em .075em 0 var(--ink); transform-origin:bottom center;
}
.skedaddle-splash.play .word .ch { animation: hopIn .6s calc(var(--t-letters) + var(--i) * 60ms) cubic-bezier(.2,1.5,.35,1) both; }
@keyframes hopIn {
  0%  { opacity:0; transform:translateY(.9em) rotate(10deg) scale(.4); }
  60% { opacity:1; transform:translateY(-.08em) rotate(var(--tilt, 0deg)) scale(1.06); }
  100%{ opacity:1; transform:translateY(0) rotate(var(--tilt, 0deg)) scale(1); }
}

/* the last "e" sprints in late from the left */
.skedaddle-splash .word .ch.late { position:relative; }
.skedaddle-splash.play .word .ch.late { animation: dashIn .55s var(--t-laste) cubic-bezier(.2,1.3,.4,1) both; }
@keyframes dashIn {
  0%  { opacity:0; transform:translateX(-2.4em) skewX(-22deg) scaleY(.85); }
  55% { opacity:1; transform:translateX(.12em) skewX(6deg)  rotate(var(--tilt,0deg)); }
  100%{ opacity:1; transform:translateX(0) skewX(0deg) rotate(var(--tilt,0deg)); }
}
.skedaddle-splash .word .ch.late::before,
.skedaddle-splash .word .ch.late::after { content:''; position:absolute; right:105%; height:.07em; border-radius:99px; background:var(--ink); opacity:0; }
.skedaddle-splash .word .ch.late::before { width:.7em; top:.32em; }
.skedaddle-splash .word .ch.late::after  { width:.45em; top:.55em; }
.skedaddle-splash.play .word .ch.late::before { animation: streak .45s var(--t-laste) ease-out both; }
.skedaddle-splash.play .word .ch.late::after  { animation: streak .45s calc(var(--t-laste) + .07s) ease-out both; }

.skedaddle-splash .tagline {
  margin-top:6px; font:700 14px/1 'Geist',sans-serif; letter-spacing:.32em;
  text-transform:lowercase; color:var(--ink-soft); opacity:0;
}
.skedaddle-splash.play .tagline { animation: riseIn .6s var(--t-tag) ease-out both, tagSettle .5s calc(var(--t-tag) + .6s) ease forwards, tagDark 1.2s var(--t-dark) ease forwards; }
@keyframes tagSettle { from { opacity:1; } to { opacity:.55; } }
@keyframes tagDark { from { color:var(--ink-soft); opacity:.55; } to { color:#111; opacity:1; } }
@keyframes riseIn { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }

/* Skip — quiet, parked bottom-right; the storyboard runs ~11s, so always offer it. */
.skedaddle-splash .splash-skip {
  position:fixed; bottom:1.6rem; right:1.6rem; z-index:60;
  font:600 .72rem/1 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.08em;
  color:var(--ink-soft); background:transparent; border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);
  border-radius:999px; padding:.45rem .95rem; cursor:pointer; transition:color .15s, border-color .15s;
}
.skedaddle-splash .splash-skip:hover { color:var(--ink); border-color:color-mix(in srgb, var(--ink) 55%, transparent); }

/* ---------- reduced motion: skip straight to the final lockup ---------- */
@media (prefers-reduced-motion: reduce) {
  .skedaddle-splash * { animation:none !important; }
  .skedaddle-splash .cardwrap,
  .skedaddle-splash .cardfx,
  .skedaddle-splash .spark { display:none !important; }
  .skedaddle-splash .mark { visibility:hidden !important; }
  .skedaddle-splash .word { visibility:hidden !important; }
  .skedaddle-splash .word-final .fch { visibility:visible !important; }
  .skedaddle-splash .caret { visibility:hidden !important; }
  .skedaddle-splash .tagline { opacity:1 !important; transform:none !important; color:#111 !important; }
}