@layer components{.build-canvas{width:100%;position:relative}.build-dots,.build-intro,.build-overlay,.build-track,.build-hud{display:none}html[data-build=pending] .build-canvas>main{visibility:hidden;animation:0s 5s forwards build-failsafe}html[data-build=pending] .build-dots,html[data-build=pending] .build-intro{animation:0s 5s forwards build-failsafe-intro}@keyframes build-failsafe{to{visibility:visible}}@keyframes build-failsafe-intro{to{visibility:hidden}}html[data-build=running]{overscroll-behavior-y:none}html[data-build=running] .build-canvas{z-index:1;will-change:transform;position:fixed;inset:0 0 auto}html[data-build=running] .build-track{flex:none;display:block}html[data-build=running] .build-overlay{z-index:10;pointer-events:none;display:block;position:absolute;inset:0}html[data-build=running] .btn-primary,html[data-build=running] .footer__cta{transition:none}html:is([data-build=pending],[data-build=running]) .build-dots{background-image:radial-gradient(circle,#d9d9d9 1px,#0000 1.2px);background-size:22px 22px;display:block;position:fixed;inset:0}html:is([data-build=pending],[data-build=running]) .build-intro{z-index:2;text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:.5rem;padding:0 16px 84px;display:grid;position:fixed;inset:0}.build-intro>*{animation:build-intro-in .7s var(--ease-soft) backwards}.build-intro>:nth-child(2){animation-delay:.12s}.build-intro>:nth-child(3){animation-delay:.24s}.build-intro__note{color:var(--color-ink-subtle-aa);text-wrap:balance}.build-intro__cue{box-shadow:var(--shadow-card);margin-top:1.5rem}.build-intro__cue svg{animation:1.6s ease-in-out infinite build-intro-bob}@keyframes build-intro-in{0%{transform:translateY(14px)}}@keyframes build-intro-bob{50%{transform:translateY(3px)}}.build-frame{outline:1px solid #00000014;position:absolute;top:12px}.build-frame span{white-space:pre;color:var(--color-ink-subtle-aa);padding-bottom:2px;font-size:12px;line-height:1;position:absolute;bottom:100%;left:0}.modal-build{z-index:3;pointer-events:none;visibility:hidden;position:absolute;inset:0;overflow:hidden}.modal[data-build=running] .modal-build{visibility:visible}.modal-build :is(.build-handle,.build-guide,.build-tag){display:none}.modal[data-build=pending] .modal__panel>*{visibility:hidden}.modal[data-build] :is(.modal__body>*,.modal__timeline>li,.modal__tiles>li,.modal__numbers>*){animation:none}.build-cursor,.build-box,.build-guide{will-change:transform;position:absolute;top:0;left:0}.build-cursor{z-index:3;width:0;height:0}.build-cursor svg{opacity:0;transition:opacity .12s linear;position:absolute;overflow:visible}.build-cursor__arrow{filter:drop-shadow(0 2px 6px #00000047);top:-2px;left:-2px}.build-cursor__arrow path{fill:var(--agent);stroke:#fff;stroke-width:1.6px;stroke-linejoin:round}.build-cursor__cross{top:-9.5px;left:-9.5px}.build-cursor__ibeam{top:-10px;left:-6px}.build-cursor__cross path,.build-cursor__ibeam path{fill:none;stroke:var(--agent);stroke-width:1.8px;stroke-linecap:round;paint-order:stroke;filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff)}.build-cursor[data-kind=arrow] .build-cursor__arrow,.build-cursor[data-kind=cross] .build-cursor__cross,.build-cursor[data-kind=ibeam] .build-cursor__ibeam{opacity:1}.build-cursor__name{background-color:var(--agent);color:#fff;white-space:nowrap;border-radius:3px 9px 9px;padding:3px 7px;font-size:12px;font-weight:500;line-height:1.2;position:absolute;top:19px;left:15px;box-shadow:0 2px 8px #00000029}.build-box{z-index:2;box-sizing:border-box;outline:1.5px solid var(--agent);opacity:0;transition:opacity .14s linear}.build-box[data-on=true]{opacity:1}.build-box[data-ghost=true]:before{content:"";border-radius:inherit;background-color:color-mix(in srgb, var(--agent) 10%, #fff);opacity:var(--ghost);position:absolute;inset:0}.build-handle{border:1.5px solid var(--agent);background-color:#fff;width:7px;height:7px;position:absolute}.build-handle--nw{top:-4px;left:-4px}.build-handle--ne{top:-4px;right:-4px}.build-handle--sw{bottom:-4px;left:-4px}.build-handle--se{bottom:-4px;right:-4px}.build-tag{background-color:var(--agent);font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;line-height:1.3;position:absolute;top:calc(100% + 7px);left:50%;translate:-50%}.build-tag[hidden]{display:none}.build-caret{background-color:var(--agent);opacity:0;width:2px;position:absolute;top:0;left:0}.build-caret[data-on=true]{opacity:1}.build-guide{z-index:1;opacity:0;background-color:#ff3b6b;width:1px;height:1px}.build-guide[data-on=true]{opacity:.7}html[data-build=running] .build-hud,html[data-build=done] .build-hud{z-index:20;border:3px solid var(--color-surface);border-radius:var(--radius-pill);background-color:var(--color-card);height:44px;color:var(--color-ink-subtle-aa);white-space:nowrap;align-items:center;gap:10px;padding-inline:12px 6px;font-size:12px;line-height:1;display:flex;position:fixed;bottom:20px;left:50%;translate:-50%;box-shadow:0 10px 28px -8px #00000038,0 0 10px #0000000a}html[data-build=done] .build-hud{animation:build-hud-out .4s 1.7s var(--ease-soft) forwards}@keyframes build-hud-out{to{opacity:0;translate:-50% 8px}}.build-hud__faces{padding-left:5px;display:flex}.build-hud__face{border:2px solid var(--color-surface);border-radius:var(--radius-pill);opacity:.18;width:16px;height:16px;transition:opacity .24s var(--ease-soft);margin-left:-5px}.build-hud__face[data-on=true]{opacity:1}.build-hud__stat b{font-variant-numeric:tabular-nums;color:var(--color-ink);font-weight:600}.build-hud__rule{background-color:var(--color-line);width:1px;height:16px}.build-hud__bar{border-radius:var(--radius-pill);background-color:var(--color-line);width:72px;height:4px;overflow:hidden}.build-hud__bar i{border-radius:inherit;background-color:var(--color-ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.build-hud__status{border-radius:var(--radius-pill);background-color:var(--color-ink);height:26px;color:var(--color-on-ink);transition:width .42s var(--ease-soft), background-color .32s var(--ease-soft), color .32s var(--ease-soft);font-weight:500;position:relative;overflow:hidden}.build-hud__status span{opacity:0;padding-inline:10px;line-height:26px;position:absolute;top:0;left:50%;translate:-50%}.build-hud__status span[data-state=in]{animation:build-status-in .36s 70ms var(--ease-soft) both}.build-hud__status span[data-state=out]{animation:build-status-out .12s var(--ease-soft) forwards}@keyframes build-status-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes build-status-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}.build-hud[data-status=busy] .build-hud__status{background-color:var(--color-surface);color:var(--color-ink)}.build-hud__skip{border-radius:var(--radius-pill);width:26px;height:26px;color:var(--color-ink);cursor:pointer;place-items:center;display:grid}.build-hud__skip:hover{background-color:var(--color-surface)}html[data-build=done] .build-hud__skip{visibility:hidden}@media (max-width:36rem){html[data-build=running] .build-hud,html[data-build=done] .build-hud{gap:8px;font-size:12px}.build-hud__faces,.build-hud__bar,.build-hud__rule{display:none}}}