*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#09090b}body{overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}main{width:100%;height:100vh;height:100svh;height:100dvh;display:grid;place-items:center;padding:16px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.stage{width:min(88vw,68vh,560px);width:min(88vw,68dvh,560px);max-width:100%;aspect-ratio:1}#render,canvas{display:block;width:100%;height:100%}#render{position:relative;isolation:isolate;touch-action:pinch-zoom;user-select:none;-webkit-user-select:none}#poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}canvas{position:relative;opacity:0}.ready canvas{opacity:1}.ready #poster{visibility:hidden}@media(pointer:coarse){.stage{width:min(90vw,72vh,480px);width:min(90vw,72dvh,480px)}}@media(pointer:coarse) and (orientation:landscape){.stage{width:min(76vh,480px);width:min(76dvh,480px)}}