:root{font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#eee;color:#f1f2f5}.viewport{position:relative;width:100%;height:100%}.viewport[data-bg=checker]{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:48px 48px;background-position:0 0,0 24px,24px -24px,-24px 0}.webgl-canvas,.overlay-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;display:block}.overlay-canvas{pointer-events:auto}.info{position:fixed;bottom:0;left:0;padding:10px;font-size:.875rem;display:flex;gap:1rem}.info a{color:#223;text-decoration:none}.info a:hover{text-decoration:underline}