@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;display:flex;height:100dvh;margin:0;color:var(--color-light);background:var(--color-dark);font-family:Cartograph CF,monospace;font-size:1.25rem}.go-button{all:unset;cursor:pointer}.go-button:after{color:var(--color-dark-green)!important}#app{display:none}.splash-dismissed #app{display:flex}#app{position:fixed;inset:0;padding:1rem;z-index:2;flex-direction:column;align-items:center;width:100%;opacity:0;animation:fadeIn .5s ease .5s forwards}#app:not(.ready) #controls{display:none}#splash{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1rem;max-width:400px;height:540px;max-height:100%;margin:auto}.splash-dismissed #splash{display:none}.splash-title{font-family:Megazoid,sans-serif;position:relative;margin:0;margin-bottom:1rem;font-size:5rem;text-align:center;text-wrap:balance;color:var(--color-red);line-height:.84}.flicker{animation:flicker 5s steps(50,end) infinite}.splash-title:before{content:attr(data-text);position:absolute;top:0;left:50%;transform:translate(-50%);font-family:Megazoid Fill,sans-serif;z-index:-1;pointer-events:none;color:var(--color-blue);width:100%}.splash-title:after{content:attr(data-text);position:absolute;top:0;left:50%;transform:translate(-50%);font-family:Megazoid Shade Right,sans-serif;z-index:-2;pointer-events:none;color:var(--color-blue);width:100%}.splash-message{font-size:20px;font-style:italic;text-align:center;text-wrap:balance;color:var(--color-light);margin:0}#controls{position:relative;margin-top:auto;display:flex;justify-content:center;align-items:flex-end;gap:16px}.control-button-wrapper{position:relative;display:grid;place-items:center;background:#b0b0b0;border-radius:50%;transition:opacity .15s ease}#shutter-wrapper{height:80px;width:80px;transition:background-color .2s ease}.recording #shutter-wrapper{background:var(--color-red);animation:pulse-recording 3s ease-in-out infinite}.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{width:75%;height:75%;opacity:0;transition:opacity .15s ease;-webkit-user-drag:none;user-drag:none}.recording #shutter .stop-icon{opacity:1}#recording-indicator{position:fixed;top:1rem;left:1rem;display:none;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--color-light);background:#0009;border-radius:6px;font-family:Cartograph CF,monospace;font-size:1rem;z-index:10}.recording #recording-indicator{display:flex}.recording-dot{width:12px;height:12px;background:var(--color-red);border-radius:50%;animation:blink 1s ease-in-out infinite}#audio-problem-indicator{position:fixed;top:1rem;right:1rem;display:none;align-items:center;justify-content:center;padding:.5rem;background:#0009;border-radius:6px;z-index:10}.audio-problem-dot{width:14px;height:14px;background:var(--color-red);border-radius:50%;box-shadow:0 0 6px var(--color-red)}.control-button-wrapper:not(#shutter-wrapper){height:52px;width:52px}.control-button{all:unset;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8),rgba(231,229,228,.4),var(--color-light));box-shadow:inset 2px 2px 4px #fff9,inset -2px -2px 4px #0000001a,2px 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.control-button img{width:100%;opacity:.9;transition:opacity .2s ease}.control-button:hover img{opacity:1}#shutter{height:68px;width:68px;touch-action:none}#open-menu,#flip-camera{height:40px;width:40px}.control-button:hover:not(:active){background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(231,229,228,.5),var(--color-light));box-shadow:inset 2px 2px 4px #ffffffb3,inset -2px -2px 4px #00000014,3px 3px 6px #0000001f;transform:scale(1.04)}.control-button:active{background:radial-gradient(circle at 30% 30%,rgba(231,229,228,.3),rgba(200,198,197,.6),var(--color-light));box-shadow:inset 3px 3px 6px #0003,inset -1px -1px 2px #ffffff4d,1px 1px 2px #0000001a;transform:scale(.88);transition:transform .1s ease,box-shadow .1s ease}canvas{position:fixed;inset:0;width:100dvw;height:100dvh;display:none;background:var(--color-dark)}#app.ready canvas{display:block}.flipped canvas{transform:scaleX(-1)}video{position:fixed;height:1px;width:1px;opacity:0}#settings{position:fixed;inset:0;pointer-events:none;margin:var(--settings-margin);overflow:auto;color:var(--color-dark);background:var(--color-light);border-radius:6px;opacity:0;transition:opacity .1s ease;display:flex;flex-direction:column}.settings-content{display:flex;flex-direction:column;flex:1;padding:1rem}body.settings-open #settings.populated{pointer-events:auto;opacity:.8}#settings.scene-loading .visual-controls,#settings.scene-loading .controls-list{display:none}.loading-indicator{display:none;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;font-family:Cartograph CF,monospace}#settings.scene-loading .loading-indicator{display:flex}.loading-spinner{width:2rem;height:2rem;border:3px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}body:is(.settings-open,.controls-hidden) #controls{display:none}.scene-title,.scene-navigation{display:flex;align-items:center;justify-content:space-between;gap:.5em;font-family:Megazoid,sans-serif}.scene-navigation,#splash-start{margin-top:auto}#settings h2{font-size:1em;margin:.5rem 0 calc(1rem + var(--shadow-y-offset))}#settings h2,.go-button{font-family:Megazoid,sans-serif;font-weight:400;text-align:center;flex:1;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:2.5rem}#splash-start{flex:none!important;color:var(--color-light-green);font-size:8rem;animation:splash-wobble 1s ease-in-out infinite}#settings h2:after,.go-button:after{content:attr(data-text);font-family:Megazoid Fill,sans-serif;z-index:-1;pointer-events:none;color:#888;position:absolute;top:var(--shadow-y-offset);left:50%;transform:translate(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.scene-navigation button{font-size:2.5rem;transition:color .1s ease}.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;position:relative;display:inline-block}.scene-nav-button:before{content:attr(data-text);position:absolute;top:0;left:0;font-family:Megazoid Fill,sans-serif;z-index:-1;pointer-events:none;color:var(--color-light)}.scene-nav-button:after{content:attr(data-text);position:absolute;top:0;left:0;font-family:Megazoid Shade Right,sans-serif;z-index:-2;pointer-events:none;color:#888}#scene-next:after{font-family:Megazoid Shade Left,sans-serif}.visual-controls,.controls-list{font-family:Cartograph CF,monospace}.visual-controls{display:flex;justify-content:space-evenly;counter-reset:item;text-align:center}.visual-controls>div{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:calc(var(--visual-control-size) * 1dvh);width:calc(var(--visual-control-size) * 1dvw);border:2px solid currentColor;border-radius:6px}.visual-controls>div>div{inline-size:calc(100% - 30px);block-size:24px;position:relative;counter-increment:item;border-inline:2px solid currentColor}.visual-controls>div>div:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;inline-size:100%;block-size:2px;background:currentColor}.visual-controls>div>div:after{content:counter(item);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-grid;width:2em;height:2em;place-items:center;border:2px solid currentColor;border-radius:50%;background:var(--color-light);writing-mode:horizontal-tb}#controls-y{writing-mode:vertical-lr}@media not (max-aspect-ratio:1){#controls-x{writing-mode:vertical-lr}#controls-y{writing-mode:horizontal-tb}}#controls-list-move{list-style:none;counter-reset:item;padding:1em 0 0 calc(((100 - var(--visual-control-size) * 2) * 1dvw - var(--settings-margin) * 2) / 3)}#controls-list-move>li{counter-increment:item;position:relative;padding-bottom:.5em}#controls-list-move>li:before{content:counter(item);width:2em;height:2em;display:inline-grid;margin-right:1em;place-items:center;border-radius:50%;border:2px solid currentColor}button,a,[role=button]{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!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}}