@font-face{font-family:Megazoid;src:url(/assets/Megazoid-Regular-BTZMXVf9.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Megazoid Fill;src:url(/assets/Megazoid-Fill-B5_SDBMl.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Megazoid Shade Left;src:url(/assets/Megazoid-ShadeLeft-C3wSDDh7.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Megazoid Shade Right;src:url(/assets/Megazoid-ShadeRight-DGBPTOSs.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cartograph CF;src:url(/assets/cartograph-cf-regular-AlQk7hjZ.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cartograph CF;src:url(/assets/cartograph-cf-regular-italic-D7haBDlf.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}*,:before,:after{box-sizing:border-box}body{--color-light:#e7e5e4;--color-dark:#0c0a09;--color-red:#fb1c19;--color-blue:#1200c4;--color-dark-green:#28dc2a;--color-light-green:#bbff35;--settings-margin:1rem;--visual-control-size:33;--shadow-y-offset:.15em;height:100dvh;color:var(--color-light);background:var(--color-dark);margin:0;font-family:Cartograph CF,monospace;font-size:1.25rem;display:flex}.go-button{all:unset;cursor:pointer}.go-button:after{color:var(--color-dark-green)!important}#app{display:none}.splash-dismissed #app{display:flex}#app{z-index:2;opacity:0;flex-direction:column;align-items:center;width:100%;padding:1rem;animation:.5s .5s forwards fadeIn;position:fixed;inset:0}#app:not(.ready) #controls{display:none}#splash{flex-direction:column;align-items:center;gap:2rem;max-width:400px;height:540px;max-height:100%;margin:auto;padding:1rem;display:flex}.splash-dismissed #splash{display:none}.splash-title{text-align:center;text-wrap:balance;color:var(--color-red);margin:0 0 1rem;font-family:Megazoid,sans-serif;font-size:5rem;line-height:.84;position:relative}.flicker{animation:5s steps(50,end) infinite flicker}.splash-title:before{content:attr(data-text);z-index:-1;pointer-events:none;color:var(--color-blue);width:100%;font-family:Megazoid Fill,sans-serif;position:absolute;top:0;left:50%;transform:translate(-50%)}.splash-title:after{content:attr(data-text);z-index:-2;pointer-events:none;color:var(--color-blue);width:100%;font-family:Megazoid Shade Right,sans-serif;position:absolute;top:0;left:50%;transform:translate(-50%)}.splash-message{text-align:center;text-wrap:balance;color:var(--color-light);margin:0;font-size:20px;font-style:italic}#controls{justify-content:center;align-items:flex-end;gap:16px;margin-top:auto;display:flex;position:relative}.control-button-wrapper{background:#b0b0b0;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:relative}#shutter-wrapper{width:80px;height:80px;transition:background-color .2s}.recording #shutter-wrapper{background:var(--color-red);animation:3s ease-in-out infinite pulse-recording}.recording #shutter{background:radial-gradient(circle at 30% 30%,#ffdcdccc,#ffc8c899,#ffd6d6)}.recording .control-button-wrapper:not(#shutter-wrapper){opacity:0;pointer-events:none}#shutter .stop-icon{opacity:0;-webkit-user-drag:none;user-drag:none;width:75%;height:75%;transition:opacity .15s}.recording #shutter .stop-icon{opacity:1}#recording-indicator{color:var(--color-light);z-index:10;background:#0009;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:Cartograph CF,monospace;font-size:1rem;display:none;position:fixed;top:1rem;left:1rem}.recording #recording-indicator{display:flex}.recording-dot{background:var(--color-red);border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite blink}#audio-problem-indicator{z-index:10;background:#0009;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;display:none;position:fixed;top:1rem;right:1rem}.audio-problem-dot{background:var(--color-red);width:14px;height:14px;box-shadow:0 0 6px var(--color-red);border-radius:50%}.control-button-wrapper:not(#shutter-wrapper){width:52px;height:52px}.control-button{all:unset;cursor:pointer;background:radial-gradient(circle at 30% 30%, #fffc, #e7e5e466, var(--color-light));border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:inset 2px 2px 4px #fff9,inset -2px -2px 4px #0000001a,2px 2px 4px #0000001a}.control-button img{opacity:.9;width:100%;transition:opacity .2s}.control-button:hover img{opacity:1}#shutter{touch-action:none;width:68px;height:68px}#open-menu,#flip-camera{width:40px;height:40px}.control-button:hover:not(:active){background:radial-gradient(circle at 30% 30%, #ffffffe6, #e7e5e480, var(--color-light));transform:scale(1.04);box-shadow:inset 2px 2px 4px #ffffffb3,inset -2px -2px 4px #00000014,3px 3px 6px #0000001f}.control-button:active{background:radial-gradient(circle at 30% 30%, #e7e5e44d, #c8c6c599, var(--color-light));transition:transform .1s,box-shadow .1s;transform:scale(.88);box-shadow:inset 3px 3px 6px #0003,inset -1px -1px 2px #ffffff4d,1px 1px 2px #0000001a}canvas{background:var(--color-dark);width:100dvw;height:100dvh;display:none;position:fixed;inset:0}#app.ready canvas{display:block}.flipped canvas{transform:scaleX(-1)}video{opacity:0;width:1px;height:1px;position:fixed}#settings{pointer-events:none;margin:var(--settings-margin);color:var(--color-dark);background:var(--color-light);opacity:0;border-radius:6px;flex-direction:column;transition:opacity .1s;display:flex;position:fixed;inset:0;overflow:auto}.settings-content{flex-direction:column;flex:1;padding:1rem;display:flex}body.settings-open #settings.populated{pointer-events:auto;opacity:.8}#settings.scene-loading .visual-controls,#settings.scene-loading .controls-list{display:none}.loading-indicator{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;font-family:Cartograph CF,monospace;display:none}#settings.scene-loading .loading-indicator{display:flex}.loading-spinner{border:3px solid #0000001a;border-top-color:currentColor;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}body:is(.settings-open,.controls-hidden) #controls{display:none}.scene-title,.scene-navigation{justify-content:space-between;align-items:center;gap:.5em;font-family:Megazoid,sans-serif;display:flex}.scene-navigation,#splash-start{margin-top:auto}#settings h2{margin:.5rem 0 calc(1rem + var(--shadow-y-offset));font-size:1em}#settings h2,.go-button{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Megazoid,sans-serif;font-size:2.5rem;font-weight:400;position:relative;overflow:hidden}#splash-start{color:var(--color-light-green);font-size:8rem;animation:1s ease-in-out infinite splash-wobble;flex:none!important}#settings h2:after,.go-button:after{content:attr(data-text);z-index:-1;pointer-events:none;color:#888;top:var(--shadow-y-offset);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:Megazoid Fill,sans-serif;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.scene-navigation button{font-size:2.5rem;transition:color .1s}.scene-navigation button:hover:not(:active){color:#fff}.scene-navigation button:active,.scene-navigation button:focus{color:var(--color-red)}.scene-nav-button{all:unset;cursor:pointer;display:inline-block;position:relative}.scene-nav-button:before{content:attr(data-text);z-index:-1;pointer-events:none;color:var(--color-light);font-family:Megazoid Fill,sans-serif;position:absolute;top:0;left:0}.scene-nav-button:after{content:attr(data-text);z-index:-2;pointer-events:none;color:#888;font-family:Megazoid Shade Right,sans-serif;position:absolute;top:0;left:0}#scene-next:after{font-family:Megazoid Shade Left,sans-serif}.visual-controls,.controls-list{font-family:Cartograph CF,monospace}.visual-controls{counter-reset:item;text-align:center;justify-content:space-evenly;display:flex}.visual-controls>div{height:calc(var(--visual-control-size) * 1dvh);width:calc(var(--visual-control-size) * 1dvw);border:2px solid;border-radius:6px;flex-direction:column;justify-content:space-around;align-items:center;display:flex}.visual-controls>div>div{counter-increment:item;border-inline:2px solid;block-size:24px;inline-size:calc(100% - 30px);position:relative}.visual-controls>div>div:before{content:"";background:currentColor;block-size:2px;inline-size:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-controls>div>div:after{content:counter(item);background:var(--color-light);writing-mode:horizontal-tb;border:2px solid;border-radius:50%;place-items:center;width:2em;height:2em;display:inline-grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#controls-y{writing-mode:vertical-lr}@media (aspect-ratio>1){#controls-x{writing-mode:vertical-lr}#controls-y{writing-mode:horizontal-tb}}#controls-list-move{counter-reset:item;padding:1em 0 0 calc(((100 - var(--visual-control-size) * 2) * 1dvw - var(--settings-margin) * 2) / 3);list-style:none}#controls-list-move>li{counter-increment:item;padding-bottom:.5em;position:relative}#controls-list-move>li:before{content:counter(item);border:2px solid;border-radius:50%;place-items:center;width:2em;height:2em;margin-right:1em;display:inline-grid}button,a,[role=button]{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;appearance:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes splash-wobble{0%,to{transform:rotate(4deg)}50%{transform:rotate(-4deg)}}@keyframes flicker{0%,3%,7%,23%,27%,53%,57%,83%,87%,to{color:var(--color-dark)}5%,25%,55%,85%{color:inherit}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-recording{0%{box-shadow:0 0 #f44444b3}50%{box-shadow:0 0 0 12px #f4444400}}