/* fx/delight.css: lane 10, global. Site-wide niceties, ink draw-in, typed-word eggs. Prefix .fxdl- */
::selection{background:#c93812;color:#fff}
input,textarea,[contenteditable]{caret-color:var(--fx-ember,#e64925)}

/* Ink separators: the rough brush body sweeps in left to right, feathered like a wet brush, when it scrolls into view.
   Only armed below the fold and only with motion allowed; the solid backing never moves. */
.fxdl-ink-wipe{transform-box:fill-box}
.fxdl-ink-armed .fxdl-ink-wipe{transform:translateX(-100%)}
.fxdl-ink-armed .fxdl-ink-splat{opacity:0}
.fxdl-ink-go .fxdl-ink-wipe{transform:none;transition:transform 1.5s cubic-bezier(.4,.1,.25,1)}
.fxdl-ink-go .fxdl-ink-splat{opacity:1;transition:opacity .8s ease 1s}

/* Konami: a phoenix crosses the screen once */
.fxdl-fly{position:fixed;left:0;top:0;width:156px;height:130px;z-index:2147483000;pointer-events:none;will-change:transform;filter:drop-shadow(0 0 10px rgba(249,115,82,.85)) drop-shadow(0 0 26px rgba(230,73,37,.5))}
.fxdl-fly svg{width:100%;height:100%;overflow:visible}
.fxdl-wing{transform-box:fill-box;animation:fxdl-flap .38s ease-in-out infinite alternate}
.fxdl-wl{transform-origin:100% 85%}
.fxdl-wr{transform-origin:0 85%}
@keyframes fxdl-flap{to{transform:scaleY(.5) skewY(5deg)}}
.fxdl-trail{position:fixed;left:0;top:0;width:6px;height:6px;border-radius:50%;background:#fff1c7;box-shadow:0 0 8px 2px #e64925;z-index:2147482999;pointer-events:none}

/* Typed "phoenix": every red seal on the page flares for a moment */
.fxdl-glows{position:absolute;left:0;top:0;width:100%;overflow:hidden;pointer-events:none}
.fxdl-glow,.fxdl-core{position:absolute;z-index:60;border-radius:50%;pointer-events:none}
.fxdl-glow{background:radial-gradient(circle,rgba(249,115,82,.42) 0,rgba(230,73,37,.2) 42%,transparent 70%);animation:fxdl-bloom 1.9s var(--fx-ease-out,ease-out) forwards}
.fxdl-core{mix-blend-mode:screen;background:radial-gradient(circle,#fff4d0 0,#f9dd9a 38%,rgba(249,160,95,.55) 62%,transparent 74%);animation:fxdl-bloom 1.9s var(--fx-ease-out,ease-out) .08s both}
@keyframes fxdl-bloom{0%{opacity:0;transform:scale(.45)}24%{opacity:1;transform:scale(1.12)}100%{opacity:0;transform:scale(1.4)}}
@keyframes fxdl-fade{0%,100%{opacity:0}30%,65%{opacity:.85}}

@media (prefers-reduced-motion:reduce){
  .fxdl-glow,.fxdl-core{animation:fxdl-fade 2s ease forwards}
  .fxdl-wing{animation:none}
}
