html,body{padding:0;margin:0;background-color:#deffdd;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:none}*{box-sizing:border-box}:root{--inset-top: 0;--inset-bottom: 0;--inset-left: 0;--inset-right: 0;--vh: 100vh;--vw: 100vw;--safe-vh: calc(var(--vh) - var(--inset-top) - var(--inset-bottom));--safe-vw: calc(var(--vw) - var(--inset-left) - var(--inset-right));--safe-height: calc(100% + var(--inset-top) + var(--inset-bottom));--safe-width: calc(100% + var(--inset-left) + var(--inset-right))}canvas{position:absolute;max-width:100%;height:var(--safe-vh);max-height:var(--vh);top:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #0003;touch-action:none}