.opening{background-color:var(--color-bg);height:calc(100svh + 6200px)}.opening-pin{height:100svh;position:relative;overflow:hidden}.hero-copy{z-index:3;text-align:center;opacity:calc(1 - var(--hero-out,0));transform:translateY(calc(var(--hero-out,0) * -60px));flex-direction:column;align-items:center;padding-top:clamp(5rem,14vh,9rem);display:flex;position:absolute;inset:0 0 auto}.hero-mark{margin-bottom:1.5rem}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;text-shadow:0 2px 30px #101410f2;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:800;line-height:.95}.hero-sub{max-width:30rem;font-family:var(--font-sans);color:var(--color-ink-muted);text-shadow:0 1px 20px #101410f2;margin-top:1.25rem;font-size:clamp(.9375rem,1.6vw,1.125rem);font-weight:500;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.frame{z-index:1;left:calc((1 - var(--rise,0)) * 8vw);right:calc((1 - var(--rise,0)) * 8vw);top:calc(52svh - var(--rise,0) * 52svh);bottom:calc((1 - var(--rise,0)) * -14svh);perspective:1400px;position:absolute}.frame-inner{border:1px solid rgba(255, 255, 255, calc(.14 * (1 - var(--rise,0))));border-radius:calc((1 - var(--rise,0)) * 18px);width:100%;height:100%;transform:rotateX(calc((1 - var(--rise,0)) * 9deg));transform-origin:50% 100%;background-color:var(--color-bg-deep);position:relative;overflow:hidden}.frame-code{background-color:var(--color-bg-deep);position:absolute;inset:0;overflow:hidden}.frame-code pre{font-family:var(--font-mono);transform:translate3d(0, calc(var(--code-scroll,0) * -1px), 0);will-change:transform;margin:0;padding:0 clamp(1.25rem,4vw,4rem);font-size:clamp(.6875rem,.92vw,.875rem);line-height:1.75;position:absolute;inset:0 0 auto;background-color:#0000!important}.frame-code code{font-family:inherit}.frame-shot{clip-path:inset(0 0 calc(var(--wipe,0) * 100%) 0);position:absolute;inset:0}.frame-shot video{object-fit:cover;object-position:center center;width:100%;height:100%}.frame-seam{left:0;right:0;top:calc((1 - var(--wipe,0)) * 100%);background-color:var(--color-matcha-bright);height:2px;opacity:calc(min(var(--wipe,0) * 10, 1) * min((1 - var(--wipe,0)) * 10, 1));position:absolute}.reveal-copy{z-index:3;text-align:center;pointer-events:none;place-items:end center;width:100%;height:100%;padding-bottom:clamp(3.5rem,11vh,7rem);display:grid;position:absolute;inset:0}.reveal-line{opacity:0;will-change:opacity, transform;grid-area:1/1;max-width:34rem}.reveal-title{font-family:var(--font-display);letter-spacing:-.03em;text-shadow:0 2px 30px #101410f2;margin:0;font-size:clamp(1.875rem,4.4vw,3rem);font-weight:800;line-height:1.1}.reveal-sub{max-width:30rem;font-family:var(--font-sans);color:var(--color-ink-muted);text-shadow:0 1px 20px #101410f2;margin:.75rem auto 0;font-size:clamp(1rem,1.8vw,1.125rem);font-weight:500;line-height:1.6}.opening.is-reduced{height:auto}.opening.is-reduced .opening-pin{height:auto;padding-block:clamp(3rem,8vh,5rem);position:static}.opening.is-reduced .hero-copy{opacity:1;padding-top:0;position:static;transform:none}.opening.is-reduced .frame{perspective:none;opacity:1;height:60svh;margin-top:3rem;position:static;transform:none}.opening.is-reduced .frame-inner{border-color:var(--color-line);border-radius:14px;transform:none}.opening.is-reduced .frame-shot{clip-path:inset(0 0 50%)}.opening.is-reduced .frame-seam{opacity:1;top:50%}.opening.is-reduced .reveal-copy{flex-direction:column;gap:1rem;margin-top:2rem;display:flex;position:static}.opening.is-reduced .reveal-line{opacity:1;grid-area:auto}.pitch{background-color:var(--color-bg);height:calc(100svh + 5600px)}.pitch-pin{place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}.stage-art{grid-area:1/1;place-items:center;width:100%;height:100%;display:grid}.scene{aspect-ratio:16/9;width:100%;max-width:177.778svh;position:relative;container:scene/size}.screen{border:2px solid var(--color-line-strong);opacity:1;background-color:#0b0e0b;border-radius:1.76cqw;position:absolute;inset:5% 2.7%;overflow:hidden}.screen-video{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.hud-stack{flex-direction:column;align-items:stretch;gap:.25rem;margin:1rem;display:flex}.hud-el{z-index:1;--local:clamp(0, (var(--mods-in,0) - var(--slot)) * 8, 1);opacity:var(--local);font-size:clamp(.75rem, calc(var(--hud-h,1.2rem) - .45rem), 1.4rem);background-color:#0b0e0bb8;border:1.5px solid #ffffff21;border-radius:4px;width:max-content;padding:6px 18px}.hud-el-fps{font-size:calc(clamp(.75rem, calc(var(--hud-h,1.2rem) - .45rem), 1.4rem) * var(--fps-scale,1))}.keys{z-index:3;left:var(--from-x);top:var(--from-y);--tx:calc((var(--to-x-cqw,0) - var(--from-x-cqw,0)) * var(--travel,0) * 1cqw);--ty:calc((var(--to-y-cqh,0) - var(--from-y-cqh,0)) * var(--travel,0) * 1cqh);width:10.9%;transform:translate(var(--tx), calc(var(--ty) - var(--grab,0) * 16px));opacity:clamp(0, (var(--mods-in,0) - .1) * 4, 1);position:absolute}.key-plate{background-color:rgba(11, 14, 11, calc(.42 + var(--grab,0) * .34));border:2.5px solid rgba(156, 204, 101, calc(var(--grab,0) * .6));border-radius:.98cqw;position:absolute;inset:-8.5%}.key-rows{aspect-ratio:140/116;transform:scale(calc(1 + var(--v-size,0) * .16));transform-origin:50%;transition:transform .42s var(--ease-cubic-out);position:relative}.key{background-color:#0b0e0bc7;border:1.5px solid #ffffff2b;border-radius:.49cqw;position:absolute}.key-w{width:30%;height:36.2%;transform:translateY(calc(var(--v-gap,0) * -14px));transition:transform .42s var(--ease-cubic-out);top:0;left:35%;background-color:#f2f4f2d1!important}.key-a{width:30%;height:36.2%;transform:translateX(calc(var(--v-gap,0) * -14px));transition:transform .42s var(--ease-cubic-out);top:42.2%;left:0}.key-s{width:30%;height:36.2%;top:42.2%;left:35%}.key-d{width:30%;height:36.2%;transform:translateX(calc(var(--v-gap,0) * 14px));transition:transform .42s var(--ease-cubic-out);top:42.2%;left:70%}.key-space{width:100%;height:15.5%;transform:translateY(calc(var(--v-gap,0) * 14px));transition:transform .42s var(--ease-cubic-out);top:84.5%;left:0}.key-cps{color:var(--color-matcha-bright);font-family:var(--font-mono);opacity:var(--v-cps,0);transition:opacity .26s var(--ease-quad-out);white-space:nowrap;font-size:clamp(.5rem,1.4cqi,.9rem);position:absolute;bottom:-22%;left:50%;transform:translate(-50%)}.guide{z-index:2;background-color:var(--color-matcha-bright);opacity:calc(var(--grab,0) * .7);transition:opacity .22s var(--ease-quad-out);position:absolute}.guide-v{left:calc(var(--from-x) + (var(--to-x) - var(--from-x)) * var(--travel,0) + 7%);background-image:linear-gradient(var(--color-matcha-bright) 50%, transparent 50%);background-color:#0000;background-size:1.5px 12px;width:1.5px;top:4.8%;bottom:4.8%}.guide-h{top:calc(var(--from-y) + (var(--to-y) - var(--from-y)) * var(--travel,0) + 10%);background-image:linear-gradient(90deg, var(--color-matcha-bright) 50%, transparent 50%);background-color:#0000;background-size:12px 1.5px;height:1.5px;left:2.7%;right:2.7%}.cursor{z-index:4;color:var(--color-ink);opacity:var(--cursor-in,0);left:calc(var(--from-x) + (var(--to-x) - var(--from-x)) * var(--travel,0) + 10.9%);top:calc(var(--from-y) + (var(--to-y) - var(--from-y)) * var(--travel,0) + 12.8% - var(--grab,0) * 16px);transition:opacity .26s var(--ease-quad-out);position:absolute}.panel{z-index:2;border:1.5px solid var(--color-line-strong);width:min(34.2%,36rem);transform:scale(calc(.95 + var(--panel-in,0) * .05));transform-origin:0 0;opacity:var(--panel-in,0);transition:opacity .34s var(--ease-quad-out), transform .42s var(--ease-cubic-out);background-color:#1b1e1b;border-radius:1.37cqw;padding:16px;position:absolute;top:26%;left:7.4%}.panel-title{color:var(--color-ink);font-family:var(--font-sans);margin:0 0 1.4rem;font-size:clamp(.75rem,1.6cqi,1.35rem);font-weight:600}.setting{--v:var(--v-size,0);margin-top:1.6rem}.setting.is-gap{--v:var(--v-gap,0)}.setting-label{color:var(--color-ink-muted);font-family:var(--font-sans);margin-bottom:.6rem;font-size:clamp(.6rem,1.3cqi,1rem);display:block}.track{background-color:#ffffff1a;border-radius:3.5px;height:7px;position:relative}.track-fill{width:calc(var(--v) * 100%);background-color:var(--color-matcha);transition:width .42s var(--ease-cubic-out);border-radius:3.5px;position:absolute;inset:0 auto 0 0}.knob{top:50%;left:calc(var(--v) * 100%);width:1.15rem;height:1.15rem;transition:left .42s var(--ease-cubic-out);background-color:#fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.fps-counter{z-index:5;text-align:center;opacity:var(--fps-in,0);transition:opacity .38s var(--ease-quad-out);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fps-big{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,11cqi,8rem);font-weight:800;line-height:1}.fps-label{color:var(--color-matcha-bright);font-family:var(--font-sans);letter-spacing:.26em;margin:.5rem 0 0;font-size:clamp(.6rem,1.5cqi,1.25rem);font-weight:600}.pitch-copy{z-index:10;text-align:center;pointer-events:none;grid-area:1/1;place-items:end center;width:100%;height:100%;padding-bottom:clamp(3.5rem,11vh,7rem);display:grid;position:relative}.pitch-line{opacity:0;grid-area:1/1;max-width:34rem}.pitch-line .beat-title{text-shadow:0 2px 30px #101410f2;font-size:clamp(1.875rem,4.4vw,3rem)}.pitch-line .beat-sub{text-shadow:0 1px 20px #101410f2;max-width:30rem;margin-inline:auto}@media (height<=760px){.scene{max-width:min(32rem,76vw);transform:translateY(-14%)}}.pitch.is-reduced{height:auto}.pitch.is-reduced .pitch-pin{height:auto;padding-block:clamp(4rem,10vh,7rem);display:block;position:static}.pitch.is-reduced .stage-art{display:none}.pitch.is-reduced .pitch-copy{text-align:left;flex-direction:column;gap:3rem;height:auto;padding-bottom:0;display:flex}.pitch.is-reduced .pitch-line{opacity:1;grid-area:auto}.pitch.is-reduced .pitch-line .beat-sub{margin-inline:0}.capes{background-color:var(--color-bg);height:calc(100svh + 3000px)}.capes-pin{flex-direction:column;justify-content:center;gap:clamp(2rem,6vh,4rem);height:100svh;display:flex;position:relative;overflow:hidden}.capes-copy{display:grid}.capes-line{opacity:0;grid-area:1/1;max-width:32rem}.capes-link{color:var(--color-matcha-bright);white-space:nowrap;font-weight:600}.capes-link:hover{color:var(--color-ink)}.capes-track{position:relative}.capes-belt{width:max-content;transform:translate3d(var(--drift,0), 0, 0);will-change:transform;display:flex}.capes-row{gap:clamp(1rem,2.5vw,2rem);margin:0;padding:0 clamp(.5rem,1.25vw,1rem);list-style:none;display:flex}.cape{flex-shrink:0;width:clamp(7rem,12vw,10rem)}.cape-art{aspect-ratio:10/16;border:1px solid var(--color-line);border-radius:var(--radius-lg);background-color:var(--color-surface);place-items:center;display:grid;position:relative;overflow:hidden}.cape-flat{width:60%;height:auto;image-rendering:pixelated}.cape-name{color:var(--color-ink-faint);text-align:center;margin-top:.75rem;font-size:.75rem;font-weight:500}.capes.is-reduced{height:auto}.capes.is-reduced .capes-pin{height:auto;padding-block:clamp(4rem,10vh,7rem);position:static}.capes.is-reduced .capes-copy{gap:3rem}.capes.is-reduced .capes-line{opacity:1;grid-area:auto}.capes.is-reduced .capes-track{overflow-x:auto}.capes.is-reduced .capes-belt{transform:none}.capes.is-reduced .capes-row[data-copy="2"],.capes.is-reduced .capes-row[data-copy="3"]{display:none}.install{background-color:var(--color-bg-deep);height:calc(100svh + 2400px)}.install-pin{align-items:center;height:100svh;display:flex;position:relative;overflow:hidden}.install-inner{align-items:center;gap:clamp(2.5rem,6vw,5rem);width:100%;display:grid}.install-copy{max-width:32rem}.install-title{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.875rem,4.4vw,3rem);font-weight:800;line-height:1}.steps{flex-direction:column;gap:1.25rem;margin:2.5rem 0 0;padding:0;list-style:none;display:flex}.step{color:var(--color-ink-muted);opacity:0;align-items:center;gap:1rem;font-size:clamp(1rem,1.7vw,1.1875rem);display:flex}.step-num{width:1.75rem;height:1.75rem;font-family:var(--font-mono);border:var(--color-ink-muted) 1.5px solid;color:var(--color-ink-muted);border-radius:16rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.install-note{border-top:1px solid var(--color-line);color:var(--color-ink-faint);margin-top:2.5rem;padding-top:1.5rem;font-size:.8125rem}.installer{width:min(21rem,76vw);font-size:clamp(11px,1.05vw,14px);font-family:var(--font-sans);color:var(--color-ink);border:1px solid var(--color-line);opacity:var(--window-in,0);transform:translateY(calc((1 - var(--window-in,0)) * 22px));transition:opacity .5s var(--ease-quad-out), transform .6s var(--ease-cubic-out);background-color:#101410;border-radius:.75em;line-height:1.5;overflow:hidden;box-shadow:0 24px 60px -24px #000c}.titlebar{background-color:#101410;justify-content:space-between;align-items:center;height:2.85em;padding:0 .7em 0 1em;display:flex}.titlebar-brand{color:var(--color-ink-muted);align-items:center;gap:.57em;font-size:.93em;display:flex}.titlebar-controls{color:var(--color-ink-faint);gap:.14em;display:flex}.titlebar-button{border-radius:.43em;justify-content:center;align-items:center;width:2.28em;height:2em;font-size:.93em;display:flex}.content{flex-direction:column;align-items:center;gap:1.57em;padding:.85em 2.28em 1.7em;display:flex}.logo-lockup{text-align:center;flex-direction:column;align-items:center;gap:.7em;display:flex}.logo-mark{filter:drop-shadow(0 0 22px rgba(156, 204, 101, calc(.4 + var(--done,0) * .15)));transform:scale(calc(1 + var(--done,0) * .08));font-size:3.15em;line-height:1;transition:filter .3s,transform .3s}.logo-lockup h1{letter-spacing:.08em;color:color-mix(in srgb, var(--color-matcha-bright) calc(var(--done,0) * 100%), #f2f4f2);margin:0;font-size:1.36em;font-weight:600;transition:color .3s}.success-subtitle{color:var(--color-ink-muted);opacity:var(--done,0);margin:0;font-size:.89em;transition:opacity .3s}.info-panel{border:1px solid var(--color-line);width:100%;opacity:calc(1 - var(--panel-out,0));transform:translateY(calc(var(--panel-out,0) * -6px));background-color:#1b1e1b;border-radius:.71em;flex-direction:column;gap:.85em;padding:1em 1.14em;transition:opacity .4s,transform .4s;display:flex}.detail-row{justify-content:space-between;align-items:center;gap:.85em;display:flex}.detail-label{color:var(--color-ink-muted);flex-shrink:0;font-size:.86em}.channel-select{border:1px solid var(--color-line);border-color:color-mix(in srgb, var(--color-matcha) calc(var(--channel,0) * 60%), #ffffff17);transition:border-color .3s var(--ease-quad-out);background-color:#252925;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238b93a7' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .71em center;background-repeat:no-repeat;border-radius:.43em;padding:.36em 1.85em .36em .71em;font-size:.89em;font-weight:500;display:inline-block}.path-control{align-items:center;gap:.57em;min-width:0;display:flex}.detail-value.path{font-family:var(--font-mono);color:var(--color-ink-muted);white-space:nowrap;max-width:calc(var(--path,0) * 9em);transition:max-width .5s var(--ease-cubic-out);font-size:.82em;overflow:hidden}.change-path-button{border:1px solid var(--color-line);background-color:#252925;border-radius:.43em;flex-shrink:0;padding:.36em .71em;font-size:.82em;font-weight:500}.option-row{border-top:1px solid var(--color-line);align-items:center;gap:.71em;margin-top:.14em;padding-top:.85em;display:flex}.option-box{border:1.5px solid var(--color-line);background-color:color-mix(in srgb, var(--color-matcha) calc(var(--tick,0) * 100%), #1b1e1b);border-color:color-mix(in srgb, var(--color-matcha) calc(var(--tick,0) * 100%), #ffffff17);width:1.28em;height:1.28em;transition:background-color .2s var(--ease-quad-out), border-color .2s var(--ease-quad-out);border-radius:.36em;flex-shrink:0;position:relative}.option-box:after{content:"";width:.36em;height:.64em;transform:rotate(45deg) scale(var(--tick,0));opacity:var(--tick,0);transition:opacity .16s var(--ease-quad-out), transform .24s var(--ease-back-out);border:2px solid #fff;border-width:0 2px 2px 0;position:absolute;top:.07em;left:.36em}.option-label{font-size:.93em}.bottom-bar{border-top:1px solid var(--color-line);justify-content:center;align-items:center;padding:1em 1.7em;display:flex;position:relative}.install-button{text-align:center;isolation:isolate;background-color:color-mix(in srgb, #252925 calc(min(var(--fill,0) * 400, 100) * 1%), #7cb342);width:100%;box-shadow:0 0 16px 2px rgba(156, 204, 101, calc(.55 * (1 - min(var(--fill,0) * 400, 1))));opacity:calc(1 - var(--launch,0));transform:translateY(calc(var(--launch,0) * 6px)) scale(calc(1 - var(--launch,0) * .02));border-radius:.57em;padding:.71em 2.28em;font-size:.96em;font-weight:600;transition:opacity .4s,transform .4s;position:relative;overflow:hidden}.install-button-fill{z-index:1;width:calc(var(--fill,0) * 100%);background-color:var(--color-matcha);position:absolute;inset:0 auto 0 0;box-shadow:0 0 16px 2px #9ccc658c}.install-button-label{z-index:2;color:color-mix(in srgb, #12210a calc((1 - min(var(--fill,0) * 400, 1)) * 100%), #f2f4f2);font-variant-numeric:tabular-nums;position:relative}.launch-button{background-color:var(--color-matcha);color:var(--color-matcha-ink);opacity:var(--launch,0);transform:translateY(calc((1 - var(--launch,0)) * 6px)) scale(calc(.98 + var(--launch,0) * .02));border-radius:.57em;justify-content:center;align-items:center;padding:.71em 2.28em;font-size:.96em;font-weight:600;transition:opacity .4s,transform .4s;display:flex;position:absolute;inset:1em 1.7em;box-shadow:0 0 10px #9ccc654d}@media (width>=900px){.install-inner{grid-template-columns:1fr auto}}.install.is-reduced{height:auto}.install.is-reduced .install-pin{height:auto;padding-block:clamp(4rem,10vh,7rem);position:static}.install.is-reduced .step{opacity:1}.install.is-reduced .installer{opacity:1;transform:none}.install.is-reduced .launch-button{display:none}.close[data-astro-cid-maivg7pr]{background-color:var(--color-bg);text-align:center;padding-block:clamp(6rem,18vh,11rem)}.close-inner[data-astro-cid-maivg7pr]{flex-direction:column;align-items:center;display:flex}.close-mark[data-astro-cid-maivg7pr]{margin-bottom:2rem}.close-title[data-astro-cid-maivg7pr]{font-family:var(--font-display);letter-spacing:-.035em;margin-top:1rem;font-size:clamp(2.25rem,7vw,4.5rem);font-weight:800;line-height:1}.close-sub[data-astro-cid-maivg7pr]{color:var(--color-ink-muted);margin-top:1.25rem;font-size:clamp(1rem,1.6vw,1.1875rem)}.close-cta[data-astro-cid-maivg7pr]{margin-top:2.25rem}.close-platforms[data-astro-cid-maivg7pr]{letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-faint);gap:1.25rem;margin:1.75rem 0 0;padding:0;font-size:.6875rem;font-weight:600;list-style:none;display:flex}.close-fine[data-astro-cid-maivg7pr]{max-width:30rem;color:var(--color-ink-faint);margin-top:3rem;font-size:.8125rem;line-height:1.6}.close-fine[data-astro-cid-maivg7pr] a[data-astro-cid-maivg7pr]{color:var(--color-ink-muted);text-underline-offset:2px;text-decoration:underline}.close-fine[data-astro-cid-maivg7pr] a[data-astro-cid-maivg7pr]:hover{color:var(--color-matcha-bright)}