@font-face{font-family:"Jacquard 12";font-style:normal;font-weight:400;font-display:swap;src:url(./font-DPF4Y-qJ.woff2)format("woff2")}html,body{width:100%;height:100%;margin:0;padding:0;font-size:16px;overflow:hidden}body{color:#9e0cec;background-color:#000;font-family:"Jacquard 12",system-ui;font-size:18px;font-style:normal;font-weight:400;position:relative}#backdrop{--loud-ramp:0;--loud-build:0;--tear-strength:calc(1 + 2 * var(--loud-build));--blur-strength:calc(1 + .6 * var(--loud-build));--tile-size:min(700px, 100vw);pointer-events:none;isolation:isolate;z-index:0;opacity:1;background:#17100e;transition:opacity 1.2s;position:fixed;inset:0;overflow:hidden}body[data-blackout] #backdrop{opacity:0}body:not(.is-playing) #backdrop{filter:grayscale()}.backdrop-reactor{--bass:0;--mids:0;--highs:0;--shake-x:0px;--shake-y:0px;--twist:0deg;transition:transform 80ms linear;position:absolute;inset:-2%}.backdrop-painting,.backdrop-image{position:absolute;inset:0}.backdrop-image,.backdrop-tear,.backdrop-ghost{background-image:url(./cp2-VFWbh3YB.png);background-position:50%;background-size:var(--tile-size) auto;background-repeat:repeat}.backdrop-tear{clip-path:inset(46% 0 51%);opacity:0;display:none;position:absolute;inset:0}.backdrop-ghost{mix-blend-mode:screen;filter:sepia(.7)hue-rotate(225deg)saturate(1.8);display:none;position:absolute;inset:0}.backdrop-tint,.backdrop-vignette{pointer-events:none;transition:opacity 1.5s,background-color 1.5s;position:absolute;inset:0}.backdrop-tint{opacity:0;background-color:#722bc4}.backdrop-vignette{opacity:.22;background:radial-gradient(#0000 15%,#000000a6 70%,#000 100%)}.backdrop-vignette:after{content:"";opacity:0;background:radial-gradient(#0000 16%,#00000059 25%,#000000e6 37%,#000 46%);transition:opacity 1.5s;position:absolute;inset:0}body[data-outro-focus] .backdrop-vignette:after{opacity:1}body[data-scene=calm] .backdrop-painting{animation:18s ease-in-out infinite calm-drift}body[data-scene=calm] .backdrop-image{animation:10s steps(20,end) infinite calm-focus,9s linear infinite calm-flicker}@keyframes calm-drift{0%,to{transform:translate(-.4%,.2%)scale(1.005)rotate(-.2deg)}50%{transform:translate(.4%,-.2%)scale(1.015)rotate(.2deg)}}@keyframes calm-focus{0%,to{filter:blur()}50%{filter:blur(.75px)}}@keyframes calm-flicker{0%,36%,44%,71%,80%,to{opacity:1}39%,76%{opacity:.94}41%,74%{opacity:.98}}body[data-scene=chaos] .backdrop-reactor{inset:calc(-2% - 10% * var(--loud-ramp));transform:translate(var(--shake-x), var(--shake-y)) rotate(var(--twist)) scale(calc(1 + var(--bass) * .06))}body[data-scene=chaos] .backdrop-image{animation:6s steps(2,end) infinite intense-filter}body[data-scene=chaos] .backdrop-tear{animation:2.8s step-end infinite tape-tear;display:block}body[data-scene=chaos] .backdrop-tear-secondary{animation-direction:reverse;animation-delay:-1.4s}body[data-scene=chaos] .backdrop-ghost{opacity:calc((.18 + var(--mids) * .28 + .14 * var(--loud-build)) * var(--loud-ramp));transition:opacity .12s linear;animation:2s ease-in-out infinite ghost-drift;display:block}@keyframes intense-filter{0%,to{filter:blur(calc(.8px * var(--loud-ramp) * var(--blur-strength))) invert(0)}25%,70%{filter:blur(calc(3.6px * var(--loud-ramp) * var(--blur-strength))) invert(0)}40%,52%{filter:blur(calc(1.8px * var(--loud-ramp) * var(--blur-strength))) invert(0)}46%{filter:blur(calc(1.8px * var(--loud-ramp) * var(--blur-strength))) invert(calc((.85 + .1 * var(--loud-build)) * var(--loud-ramp)))}80%,92%{filter:blur(calc(1.2px * var(--loud-ramp) * var(--blur-strength))) invert(0)}86%{filter:blur(calc(1.2px * var(--loud-ramp) * var(--blur-strength))) invert(calc((.65 + .2 * var(--loud-build)) * var(--loud-ramp)))}}@keyframes intense-alpha{0%,28%,65%,to{opacity:1}42%{opacity:calc(1 - (.38 + .12 * var(--loud-build)) * var(--loud-ramp))}82%{opacity:calc(1 - (.24 + .12 * var(--loud-build)) * var(--loud-ramp))}}@keyframes tape-tear{0%,28%,40%,58%,70%,92%,to{opacity:0;transform:translate(0)}42%{opacity:calc((.64 + .3 * var(--loud-build)) * var(--loud-ramp));transform:translateX(calc((36px + var(--highs) * 100px) * var(--tear-strength)));clip-path:inset(24% 0 calc(69% - 12% * var(--loud-build)) 0)}50%{opacity:calc((.52 + .3 * var(--loud-build)) * var(--loud-ramp));transform:translateX(calc((-28px - var(--highs) * 80px) * var(--tear-strength)));clip-path:inset(calc(68% - 10% * var(--loud-build)) 0 26% 0)}12%,78%{opacity:calc(.75 * var(--loud-build) * var(--loud-ramp));transform:translateX(calc((30px + var(--highs) * 90px) * var(--tear-strength)));clip-path:inset(42% 0 calc(52% - 8% * var(--loud-build)) 0)}20%,86%{opacity:calc(.65 * var(--loud-build) * var(--loud-ramp));transform:translateX(calc((-24px - var(--highs) * 70px) * var(--tear-strength)));clip-path:inset(12% 0 calc(82% - 8% * var(--loud-build)) 0)}}@keyframes ghost-drift{0%,to{transform:translate(0)scale(1)}35%{transform:translateX(calc((18px + var(--mids) * 70px) * (1 + .6 * var(--loud-build)))) scale(1.06) rotate(-1.6deg)}70%{transform:translateX(calc((-18px - var(--mids) * 70px) * (1 + .6 * var(--loud-build)))) scale(1.12) rotate(2.4deg)}}@keyframes intense-pulse{0%,to{transform:scale(1) rotate(calc(-1.6deg * var(--loud-ramp)))}50%{transform:scale(calc(1 + .04 * var(--loud-ramp))) rotate(calc(2.4deg * var(--loud-ramp)))}}body[data-scene=chaos] .backdrop-painting{animation:3s ease-in-out infinite intense-pulse,4.5s ease-in-out infinite intense-alpha}body[data-scene=chaos] .backdrop-tint{opacity:calc(.5 * var(--loud-ramp));transition:opacity 80ms linear;animation:12s ease-in-out infinite loud-tint-cycle}@keyframes loud-tint-cycle{0%,to{background-color:#722bc4}33.333%{background-color:#df344c}66.667%{background-color:#b6ff00}}body[data-scene=haunting] .backdrop-image{filter:grayscale()sepia()hue-rotate(170deg)saturate(2.7)brightness(.48)}body[data-scene=haunting] .backdrop-painting{animation:28s ease-in-out infinite gentle-pulse}body[data-scene=haunting] .backdrop-tint{opacity:.35;background-color:#102c65}body[data-scene=haunting] .backdrop-vignette{opacity:1}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}::selection{color:#09f911;background-color:#feae00}h1,h2,h3,h4,h5,h6{margin:1.5rem 0}h1{text-shadow:2px 2px #4d4d4d;font-size:4rem}h2{text-shadow:1px 1px #4d4d4d;font-size:3rem}#box{text-align:center;z-index:1;isolation:isolate;background-color:#000;border:1px solid #cfb9da;max-width:calc(100vw - 6rem);padding:1.75rem 2rem;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%);box-shadow:0 0 65px 25px #fffaed4d}body[data-scene=haunting] #box{color:#a9ceff;background:#071327;border-color:#254575;box-shadow:0 0 65px 25px #0d2a5d40}#transport{--transport-accent:#bc91ff;z-index:2;bottom:0;padding:.75rem max(1.25rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));color:#efe5ff;background:#140d20;border-top:1px solid #bc91ff4d;align-items:center;gap:1rem;font-family:ui-monospace,monospace;font-size:.8rem;transition:color 2s,background-color 2s;display:flex;position:fixed;inset-inline:0}body[data-scene=haunting] #transport{--transport-accent:#86baff;color:#c3dcff;background:#050d1c;border-color:#254575}#transport output{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2rem}#scrub{--progress:0%;appearance:none;cursor:pointer;min-width:0;height:32px;accent-color:var(--transport-accent);background:0 0;flex:1;margin:0}#scrub::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--transport-accent) var(--progress), #465065 var(--progress));border-radius:5px;height:5px}#scrub::-moz-range-track{background:linear-gradient(to right, var(--transport-accent) var(--progress), #465065 var(--progress));border-radius:5px;height:5px}#scrub::-webkit-slider-thumb{appearance:none;background:var(--transport-accent);border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-5.5px}#scrub::-moz-range-thumb{box-sizing:border-box;background:var(--transport-accent);border:2px solid #fff;border-radius:50%;width:16px;height:16px}#scrub:focus-visible{outline:2px solid var(--transport-accent);outline-offset:4px}#scrub:disabled{opacity:.4;cursor:default}button{color:inherit;font-size:inherit;cursor:pointer;text-align:center;cursor:pointer;text-wrap:nowrap;background:0 0;border:0;width:100%;margin:5px 0;font-family:inherit;font-size:2rem;display:block}button:hover{text-decoration:underline}button:focus-visible{outline-offset:5px;outline:2px solid}button[data-ts]{opacity:.4;transition:opacity .2s ease-in-out}button[data-ts].active{opacity:1}@media (width<=600px){h1{font-size:1.6rem}h2,button{font-size:2rem}}@media (prefers-reduced-motion:reduce){#box,#transport,#backdrop,.backdrop-tint,.backdrop-vignette,.backdrop-vignette:after,.backdrop-reactor{transition:none}body[data-scene] .backdrop-painting,body[data-scene] .backdrop-tint,body[data-scene] .backdrop-image,body[data-scene] .backdrop-ghost,body[data-scene] .backdrop-tear{animation:none}body[data-scene] .backdrop-ghost,body[data-scene] .backdrop-tear{display:none}body[data-scene] .backdrop-reactor{transform:none}}