@font-face{font-family:Bitcount;src:url(/assets/BitcountGridSingle-Regular-BTMlFvON.ttf) format("truetype")}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/images/camera_overlay.webp) no-repeat center center;background-size:cover;pointer-events:none;z-index:1000;opacity:var(--overlay-opacity, .2);mix-blend-mode:overlay}html,body{overflow:hidden}canvas{position:fixed;top:0;left:0}@font-face{font-family:Bitcount;src:url(/fonts/BitcountGridSingle-Regular.ttf) format("truetype");font-weight:400;font-style:normal}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;font-family:Bitcount,Courier,monospace;color:#18e699;text-shadow:0 0 5px #18e699;overflow:hidden}#loading-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 100px 250px #000000bf;pointer-events:none}#loading-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:3px 3px,7px 7px;background-position:0 0,1px 1px;opacity:.5;pointer-events:none}#loading-ui,#loaded-text,#sound-prompt{text-align:center}.loading-text{font-size:24px;margin-bottom:20px;position:relative;animation:intenseFlicker .1s infinite}.loading-text:after{content:"...";display:inline-block;width:1.5em;text-align:left;animation:ellipsis 1.5s infinite steps(4,end)}.progress-bar-container{width:300px;height:20px;border:2px solid #18e699;padding:2px}#progress-bar{width:100%;height:100%;background-color:#18e699;transform-origin:left;box-shadow:0 0 5px #18e699,0 0 10px #18e699 inset;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1px,transparent 3px);animation:progressBarStutter 4s ease-out forwards,intenseFlicker .1s infinite}#loaded-text{font-size:36px;animation:flash .1s 6}.sound-prompt-text{font-size:24px;margin-bottom:20px}#sound-icon{cursor:pointer;animation:pulse 1.5s infinite;display:inline-block}#waveform .bar,#icon-circle{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1px,transparent 3px)}#waveform .bar{transform-origin:center;transform:scaleY(.1);transition:all .2s ease-out}#sound-icon:hover #waveform .bar{animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}#waveform .bar:nth-child(1){animation-name:wave1}#waveform .bar:nth-child(2){animation-name:wave2}#waveform .bar:nth-child(3){animation-name:wave3}#waveform .bar:nth-child(4){animation-name:wave4}#waveform .bar:nth-child(5){animation-name:wave2}#waveform .bar:nth-child(6){animation-name:wave1}.hidden{display:none}.fade-out{opacity:0;transition:opacity 1.5s ease-out;pointer-events:none}@keyframes flash{0%,to{opacity:1}50%{opacity:.2}}@keyframes progressBarStutter{0%{transform:scaleX(0)}10%{transform:scaleX(.15)}15%{transform:scaleX(.15)}25%{transform:scaleX(.3)}30%{transform:scaleX(.3)}45%{transform:scaleX(.55)}60%{transform:scaleX(.62)}63%{transform:scaleX(.62)}70%{transform:scaleX(.75)}80%{transform:scaleX(.8)}85%{transform:scaleX(.8)}95%{transform:scaleX(.98)}to{transform:scaleX(1)}}@keyframes intenseFlicker{0%{opacity:1}40%{opacity:1}50%{opacity:.6}60%{opacity:1}to{opacity:1}}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-2%,-2%)}20%{transform:translate(-4%,2%)}30%{transform:translate(2%,-4%)}40%{transform:translate(-2%,6%)}50%{transform:translate(-4%,2%)}60%{transform:translate(6%)}70%{transform:translateY(4%)}80%{transform:translate(-6%)}90%{transform:translate(4%,2%)}to{transform:translate(2%)}}@keyframes wave1{0%{transform:scaleY(.2)}25%{transform:scaleY(1)}50%{transform:scaleY(.2)}75%{transform:scaleY(.6)}to{transform:scaleY(.2)}}@keyframes wave2{0%{transform:scaleY(.5)}25%{transform:scaleY(.2)}50%{transform:scaleY(.9)}75%{transform:scaleY(.4)}to{transform:scaleY(.5)}}@keyframes wave3{0%{transform:scaleY(.8)}25%{transform:scaleY(.4)}50%{transform:scaleY(.1)}75%{transform:scaleY(.9)}to{transform:scaleY(.8)}}@keyframes wave4{0%{transform:scaleY(.6)}25%{transform:scaleY(.8)}50%{transform:scaleY(.3)}75%{transform:scaleY(.5)}to{transform:scaleY(.6)}}@keyframes pulse{0%{transform:scale(1);filter:drop-shadow(0 0 5px #18e699)}50%{transform:scale(1.1);filter:drop-shadow(0 0 15px #18e699)}to{transform:scale(1);filter:drop-shadow(0 0 5px #18e699)}}
