html,body{background-color:#050505;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}canvas{object-fit:contain;width:100vw;height:100vh;image-rendering:pixelated;z-index:5;display:block;position:relative}#film-grain{pointer-events:none;opacity:.08;mix-blend-mode:overlay;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite grain;position:fixed;top:-50%;left:-50%}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}#audio-toggle{letter-spacing:.2em;color:#fff6;mix-blend-mode:difference;z-index:1000;cursor:pointer;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.75rem;transition:color .3s;position:fixed;bottom:2rem;right:2rem}#audio-toggle:hover,#audio-toggle.active{color:#ff2a2a}#story-container{z-index:100;color:#fff;mix-blend-mode:difference;-ms-overflow-style:none;scrollbar-width:none;pointer-events:auto;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden scroll}#story-container::-webkit-scrollbar{display:none}#story-content{pointer-events:none;position:relative}.story-act{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:flex-start;width:45vw;height:100vh;padding-left:5vw;display:flex;position:relative;transform:translateY(-12vh)}.story-act h1{letter-spacing:.05em;color:#fff;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:3.5rem;font-style:italic;font-weight:400}.story-act p{color:#fff;width:100%;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:300;line-height:1.6}.story-terminal{color:#0c6;text-shadow:0 0 8px #0c66;box-sizing:border-box;width:100vw;height:100vh;padding:10vw;font-family:JetBrains Mono,monospace;font-size:1.2rem;line-height:2;display:block}.prologue-overlay,.epilogue-overlay{pointer-events:none;z-index:2;width:100vw;height:100vh;position:fixed;top:0;left:0}.matrix-char{white-space:pre;text-align:center;will-change:transform, opacity;min-width:1ch;display:inline-block}.matrix-fall{animation:2.5s forwards matrixDrop}.matrix-fall-long{animation:4s forwards matrixDropLong}@keyframes matrixDrop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15vh)}}@keyframes matrixDropLong{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100vh)}}.matrix-word{white-space:nowrap;display:inline-block}.cursor-blink{vertical-align:baseline;background-color:#0c6;width:10px;height:1.2rem;margin-left:5px;animation:1s step-end infinite blink;display:inline-block;transform:translateY(2px)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=768px){.story-act{text-align:left;justify-content:flex-start;align-items:flex-start;width:90vw;margin-bottom:100vh;padding-top:10vh;padding-left:5vw;padding-right:5vw;transform:translateY(0)}#act-1{margin-top:-3vh}.story-act h1{font-size:2.2rem}.story-act p{padding:1.5rem;font-size:1.1rem}.story-terminal{padding:8vw;font-size:.95rem;line-height:1.7}}