*{box-sizing:border-box;margin:0;padding:0}:root{--vh:1vh}html{-webkit-text-size-adjust:100%}body{font-family:sans-serif;height:100vh;height:100dvh;height:calc(var(--vh, 1vh)*100);overflow:hidden;overscroll-behavior:none;width:100%}.fullscreen{background:transparent;border:0;bottom:0;height:100vh;left:0;position:absolute;right:0;top:0p;width:100%}#remainder{background:transparent;overflow:hidden;top:100vh}body,html{background-color:transparent!important;background:transparent!important}body{margin:0;padding:0}#canvas-wrapper{align-items:flex-start;background-color:transparent!important;background:transparent!important;display:flex;gap:0;height:100vh;height:100dvh;height:calc(var(--vh, 1vh)*100);justify-content:center;overflow:hidden;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:relative;transition:width .3s ease;width:100vw}#output-canvas{height:100%;left:50%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;transform:translateX(-50%);width:100%}#controller-overlay,#output-canvas{display:block;position:absolute;top:0}#controller-overlay{left:0;pointer-events:none}#controller-overlay-grab-twist-forward-backward,#controller-overlay-grab-twist-left-right{aspect-ratio:1/1;box-sizing:border-box;left:0;padding:2%;pointer-events:auto;position:absolute;top:0;width:20%}#webcam{height:1px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:1px;z-index:-1}#settings-button{align-items:center;background-color:rgba(0,0,0,.6);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;opacity:0;position:fixed;right:1rem;top:1rem;transition:opacity .3s ease,background-color .2s ease;width:48px;z-index:1000}#settings-button:hover{background-color:rgba(0,0,0,.8);border-color:hsla(0,0%,100%,.5);opacity:1}#settings-button.panel-open{opacity:1}#settings-button.panel-open:hover{background-color:rgba(0,0,0,.8);border-color:hsla(0,0%,100%,.5)}#settings-button:active{background-color:rgba(0,0,0,.9)}#options-panel-iframe{border:none;box-shadow:-4px 0 12px rgba(0,0,0,.3);display:none;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:999}#options-panel-iframe.show{display:block}@media (max-width:768px){#options-panel-iframe{width:100%}}