*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#102b3a;color:#f9f3e1;font:16px system-ui}canvas{width:100%;height:100%;display:block}#loading,#error{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:24px;background:radial-gradient(ellipse at bottom,#285849,#102b3a)}#error[hidden],#loading[hidden]{display:none}h1{font-size:clamp(22px,4vw,36px)}span{color:#edc873;letter-spacing:.18em}progress{width:min(420px,80vw);height:18px;accent-color:#edc873;margin:auto}button,a{font:inherit;color:#102b3a;background:#edc873;border:0;border-radius:8px;padding:12px;margin:7px;cursor:pointer}a{display:inline-block}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid white;outline-offset:-3px}#identity{position:absolute;top:4px;left:50%;transform:translateX(-50%);font-size:10px;padding:3px 8px;background:#102b3add;border-radius:4px;pointer-events:none;white-space:nowrap}.sr{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}