:root{color:#202421;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e8e7e2;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:44px}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #226bdf}a{color:inherit}main{height:100svh;min-height:560px;position:relative;overflow:hidden}#stage{position:absolute;inset:0}canvas{touch-action:none;width:100%;height:100%;display:block}header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:30px;left:38px;right:38px}.wordmark{letter-spacing:-.6px;font-size:13px;font-weight:800;text-decoration:none}.wordmark span{font-weight:400}.wordmark i{letter-spacing:1px;color:#666b66;margin-left:18px;font:9px monospace}.quiet{background:0 0;border:0;font-size:12px}.intro{pointer-events:none;position:absolute;top:24%;left:5.4%}.eyebrow{letter-spacing:1.8px;align-items:center;gap:9px;font:9px monospace;display:flex}.eyebrow span{background:#647966;border-radius:50%;width:6px;height:6px}h1{letter-spacing:-4px;margin:23px 0;font-size:clamp(44px,5vw,78px);font-weight:500;line-height:1.03}h1 em{color:#66705f;letter-spacing:-4px;font-family:Georgia,serif;font-weight:400}.intro p{color:#61665d;font-size:14px;line-height:1.7}.telemetry{width:143px;font-size:11px;position:absolute;top:29%;right:3.4%}.label{letter-spacing:1.7px;color:#697067;font:9px monospace}dl{margin:20px 0 30px}dl div{border-bottom:1px solid #777e7133;justify-content:space-between;padding:10px 0;display:flex}dt{color:#62685e}dd{margin:0}.steps{color:#73786e;gap:17px;font:9px monospace;display:grid}.steps b{margin-left:9px;font-weight:400}.steps .active{color:#1c5fb2}.steps .done{color:#397849}footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid;position:absolute;bottom:25px;left:38px;right:38px}.status{align-items:center;gap:8px;font:10px monospace;display:flex}#status-dot{background:#67765f;border-radius:50%;width:5px;height:5px}.controls{align-items:center;gap:7px;display:flex}.controls button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eeeee8ce;border:1px solid #c2c5bb;border-radius:6px;padding:0 15px;font-size:11px}.controls .primary{color:#fff;background:#242d22;border-color:#242d22;min-width:168px;padding:0 20px;font-size:12px}.primary span{margin-left:16px}.controls button[aria-pressed=true]{background:#d3dfca;border-color:#849978}.footnote{color:#62675e;text-align:right;font:9px/1.6 monospace}.result{pointer-events:none;width:280px;position:absolute;top:32%;left:5.4%}.result[hidden]{display:none}.result h2{letter-spacing:-1.6px;font-size:40px;font-weight:400;line-height:1.08}.result p{color:#61665d;font-size:14px;line-height:1.7}.result-check{color:#2c6630;background:#d4e3cd;border-radius:50%;place-items:center;width:40px;height:40px;font-size:23px;display:inline-grid}body.complete .intro{display:none}#loading{background:#e8e7e2;flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:14px;display:flex;position:absolute;inset:0}#loading span{color:#6b7066;font:10px monospace}#loading[hidden]{display:none}dialog{color:#202421;background:#f3f3ec;border:1px solid #c9ccbf;border-radius:8px;width:calc(100% - 40px);max-width:500px;padding:44px}dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#15201566}dialog h2{letter-spacing:-1px;font:40px Georgia,serif}dialog p{font-size:13px;line-height:1.7}#close-about{background:0 0;border:0;width:44px;font-size:24px;position:absolute;top:6px;right:10px}.fallback{background:#e8e7e2;padding:20vh 10vw;font-size:20px;line-height:1.8;position:absolute;inset:0}@media (width<=1100px){.telemetry{display:none}.intro{top:20%;left:4%}h1{font-size:56px}.footnote{justify-self:end;max-width:150px}footer{gap:10px;left:24px;right:24px}.status{max-width:130px;line-height:1.5}.controls button{padding:0 12px}}@media (width<=640px){header{top:15px;left:20px;right:16px}.wordmark i{display:none}.intro{top:12%;left:24px}.eyebrow{letter-spacing:1.4px;font-size:8px}h1{letter-spacing:-2px;margin:13px 0;font-size:43px}h1 em{letter-spacing:-2px}.intro p{width:140px;font-size:11px;line-height:1.6;position:absolute;top:30px;left:200px}.telemetry{display:none}footer{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;bottom:19px;left:14px;right:14px}.status{justify-content:center;width:100%;max-width:none}.controls{justify-content:center;gap:5px;width:100%}.controls button{padding:0 11px}.controls .primary{min-width:155px;padding:0 12px}.footnote{text-align:center;width:100%;max-width:none;margin:0;font-size:8px}.result{width:calc(100% - 48px);top:12%;left:24px}.result h2{margin:12px 0;font-size:30px}.result-check{display:none}.result p{margin:0;font-size:11px}main{min-height:540px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}body.playing .telemetry{visibility:hidden}#stage{inset:95px 14% 115px 32%;overflow:hidden}body{background:#d6d5d1}.intro h1{font-size:clamp(44px,4.5vw,68px)}@media (width>=641px) and (width<=1100px){.result-check{display:none}.result h2{margin:12px 0;font-size:30px}.result p{margin:0;font-size:12px}}body.playing .intro{visibility:hidden}body.playing #stage{left:0;right:0}@media (width<=1100px){#stage{inset:260px 0 125px}.intro,.result{top:95px}h1{margin:12px 0;font-size:44px}.intro p{display:none}}@media (width<=640px){#stage{top:220px;bottom:150px}.intro,.result{top:85px}.intro p{display:none}}