*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#9eeae6;touch-action:none}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:default}#hint{position:fixed;bottom:80px;left:50%;transform:translate(-50%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;letter-spacing:2px;text-transform:lowercase;color:#ffffff8c;pointer-events:none;-webkit-user-select:none;user-select:none;animation:fadeHint 6s ease forwards}@keyframes fadeHint{0%{opacity:0}20%{opacity:1}70%{opacity:1}to{opacity:0}}#ui{position:fixed;bottom:28px;right:28px;z-index:100;-webkit-user-select:none;user-select:none}#camera-toggle{display:flex;align-items:center;gap:8px;padding:10px 18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;letter-spacing:.3px;color:#ffffffe0;background:#ffffff29;border:1px solid rgba(255,255,255,.28);border-radius:100px;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .25s ease,transform .15s ease,border-color .25s ease;outline:none}#camera-toggle svg{width:16px;height:16px;flex-shrink:0}#camera-toggle:hover{background:#ffffff42;border-color:#ffffff73}#camera-toggle:active{transform:scale(.96)}#camera-toggle.on{background:#ffffff38;border-color:#ffffff80}