*{box-sizing:border-box}html,body,#field{margin:0;width:100%;height:100%;overflow:hidden;background:#030507}html{overscroll-behavior:none}body{color:#e7e9e8;font-family:Arial,Helvetica,sans-serif}#field{position:relative;touch-action:none;cursor:crosshair}#field canvas{display:block;position:absolute;inset:0;width:100%;height:100%}#fallback{z-index:0}#veil{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 32%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.64) 100%)}#grain{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");background-size:180px 180px}#corner{position:absolute;z-index:8;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:42px;height:42px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:3px;opacity:.16;transition:opacity .4s;cursor:pointer}#corner:hover,#corner:focus-visible,#corner.open{opacity:.75}#corner span{display:block;width:2px;height:2px;border-radius:50%;background:#ecf1f2;box-shadow:0 0 5px #ecf1f2}#controls{position:absolute;z-index:8;right:max(64px,calc(env(safe-area-inset-right) + 46px));bottom:max(24px,calc(env(safe-area-inset-bottom) + 6px));display:flex;gap:19px;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .35s,transform .35s;white-space:nowrap}#controls.visible{opacity:.6;pointer-events:auto;transform:none}#controls button{color:#e8ebeb;border:0;background:transparent;letter-spacing:.17em;font-size:10px;padding:8px 0;cursor:pointer}#controls button:hover,#controls button:focus-visible{color:#fff;text-shadow:0 0 10px #fff}#status{position:absolute;z-index:9;bottom:75px;right:25px;font-size:10px;letter-spacing:.2em;color:#cdd5d8;opacity:0;transition:opacity .3s;pointer-events:none}#status.show{opacity:.7}#unsupported{position:absolute;inset:0;z-index:10;display:grid;place-content:center;text-align:center;font-size:12px;line-height:2;letter-spacing:.3em;color:#aeb9bd}#unsupported[hidden]{display:none}@media(max-width:600px){#controls{right:58px;gap:12px}#controls button{font-size:9px;letter-spacing:.08em}#grain{opacity:.035}}@media(prefers-reduced-motion:reduce){#grain{display:none}}