html,body{margin:0;height:100%;overflow:hidden;background:#fff;touch-action:none}#app{position:fixed;inset:0}#app canvas{display:block;width:100%;height:100%;touch-action:none}#loader{position:fixed;inset:0;display:grid;place-items:center;background:#fff;pointer-events:none;z-index:20}#loader.is-done{display:none}#loader .frames{width:42px;height:42px;border-radius:50%;background:conic-gradient(#222 0 12.5%,transparent 0);-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%);mask:radial-gradient(circle,transparent 56%,#000 58%);animation:frames 1s steps(8) infinite}@keyframes frames{to{transform:rotate(1turn)}}#zone-title{position:fixed;top:12%;left:0;right:0;text-align:center;font:600 28px/1.1 sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f8f8f8;text-shadow:0 .06em 0 #7a5e0d;pointer-events:none;opacity:0;transition:opacity .35s linear;z-index:5}#zone-title.show{opacity:1}#end-screen{position:fixed;inset:0;display:none;place-items:center;background:#ffffffc7;z-index:15}#end-screen.show{display:grid}#end-screen p{margin:0;background:#fff;padding:28px 32px;font:600 22px/1.45 sans-serif;color:#1c1c1c;text-align:center;max-width:28rem}#mute{position:fixed;right:16px;bottom:16px;z-index:16;font:600 14px/1 sans-serif;padding:8px 12px;background:#fff;color:#111;border:1px solid #222}#webgl-fail{position:fixed;inset:0;display:grid;place-items:center;background:#fff;z-index:30}#webgl-fail[hidden]{display:none}#webgl-fail p{margin:0;background:#fff;border:1px solid #bbb;padding:18px 20px;max-width:420px;font:16px/1.4 sans-serif;color:#111}