.hero[data-astro-cid-ge2uvauf]{--scene-h:clamp(480px, min(58vw, 100svh - 190px), 860px)}.scene[data-astro-cid-ge2uvauf]{height:var(--scene-h);padding:32px var(--side);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}canvas[data-astro-cid-ge2uvauf]{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.scene[data-astro-cid-ge2uvauf].is-3d canvas[data-astro-cid-ge2uvauf]{opacity:1;pointer-events:auto}.scene[data-astro-cid-ge2uvauf].is-3d .flat[data-astro-cid-ge2uvauf]{opacity:0;pointer-events:none;transition:opacity .4s}.flat[data-astro-cid-ge2uvauf]{--flap:#1f2024;--glyph:#f3f1ec;--key:#ffb000;--gmuted:#9aa0a8;--gap:.25cqw;width:min(100%, calc((var(--scene-h) - 64px) * 1.45));background:#16171a;border-radius:14px;flex-direction:column;gap:1.2cqw;padding:2.2%;display:flex;box-shadow:0 30px 60px #00000059;container-type:inline-size}[data-theme=light] .flat[data-astro-cid-ge2uvauf]{--flap:#f6f5f1;--glyph:#141518;--key:#8f5300;--gmuted:#6b7078;background:#1d1e22;box-shadow:0 30px 60px #0000002e}.flat-mobile[data-astro-cid-ge2uvauf]{display:none}.flat[data-astro-cid-ge2uvauf] .flat-row{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--gap);display:grid}.flat[data-astro-cid-ge2uvauf] .flat-name .flat-row{grid-template-columns:repeat(var(--name-cols), minmax(0, 1fr));gap:.5cqw}.flat[data-astro-cid-ge2uvauf] .flat-row span{aspect-ratio:38/56;background:linear-gradient(to bottom, var(--flap) 0 49.5%, #00000059 49.5% 50.5%, var(--flap) 50.5% 100%);color:var(--glyph);font-family:var(--mono);font-weight:700;font-size:calc(100cqw / var(--cols) * .62);white-space:pre;border-radius:2px;justify-content:center;align-items:center;line-height:1;display:flex}.flat[data-astro-cid-ge2uvauf] .flat-row.clickable{cursor:pointer}.flat[data-astro-cid-ge2uvauf] .flat-name .flat-row span{aspect-ratio:80/118;font-size:calc(100cqw / var(--name-cols) * .66)}.flat[data-astro-cid-ge2uvauf] .flat-code{gap:var(--gap);flex-direction:column;display:flex}.flat[data-astro-cid-ge2uvauf] .flat-print{font-family:var(--mono);color:#a9a49a;justify-content:space-between;font-size:1.3cqw;display:flex}.flat[data-astro-cid-ge2uvauf] .flat-row span.c-k{color:var(--key)}.flat[data-astro-cid-ge2uvauf] .flat-row span.c-m{color:var(--gmuted)}.flat[data-astro-cid-ge2uvauf] .flat-row span.c-h{color:#16171a;background:linear-gradient(#ffb000 0 49.5%,#00000059 49.5% 50.5%,#ffb000 50.5% 100%)}.below[data-astro-cid-ge2uvauf]{padding:8px var(--side) 56px;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,3fr);gap:32px 48px;display:grid}.lede[data-astro-cid-ge2uvauf]{font-family:var(--mono);letter-spacing:-.03em;font-size:44px;font-weight:700;line-height:1.12}.intro[data-astro-cid-ge2uvauf]{flex-direction:column;gap:16px;display:flex}.intro[data-astro-cid-ge2uvauf] p[data-astro-cid-ge2uvauf]{max-width:52ch}.links[data-astro-cid-ge2uvauf]{flex-wrap:wrap;gap:8px 22px;font-weight:500;display:flex}.links[data-astro-cid-ge2uvauf] a[data-astro-cid-ge2uvauf]{text-decoration-thickness:2px}.links[data-astro-cid-ge2uvauf] .primary[data-astro-cid-ge2uvauf]{font-weight:600}.play[data-astro-cid-ge2uvauf]{flex-direction:column;gap:10px;display:flex}.play[data-astro-cid-ge2uvauf][hidden]{display:none}.msg[data-astro-cid-ge2uvauf]{flex-direction:column;gap:6px;display:flex}.msg[data-astro-cid-ge2uvauf] label[data-astro-cid-ge2uvauf]{font-family:var(--mono);color:var(--muted);font-size:12px}.msg[data-astro-cid-ge2uvauf] input[data-astro-cid-ge2uvauf]{font-family:var(--mono);color:var(--ink);background:var(--field);border:1px solid var(--ink);border-radius:4px;width:100%;height:46px;padding:0 12px;font-size:16px;font-weight:600}.buttons[data-astro-cid-ge2uvauf]{flex-wrap:wrap;gap:8px;display:flex}.buttons[data-astro-cid-ge2uvauf] [data-astro-cid-ge2uvauf][hidden]{display:none}.note[data-astro-cid-ge2uvauf]{min-height:46px;font-size:15px}.demo-note[data-astro-cid-ge2uvauf]{color:var(--muted);font-size:13px}.below-404[data-astro-cid-ge2uvauf]{padding:8px var(--side) 56px;flex-direction:column;gap:18px;max-width:820px;display:flex}.below-404[data-astro-cid-ge2uvauf] ul[data-astro-cid-ge2uvauf]{font-family:var(--mono);padding:0;font-size:17px;font-weight:600;list-style:none}.below-404[data-astro-cid-ge2uvauf] li[data-astro-cid-ge2uvauf]{border-top:1px solid var(--rule);padding:12px 0}.below-404[data-astro-cid-ge2uvauf] li[data-astro-cid-ge2uvauf]:last-child{border-bottom:1px solid var(--rule)}.console[data-astro-cid-ge2uvauf]{margin:0 var(--side) 48px;background:var(--night);border:1px solid var(--code-edge);color:#cfcbc2;font-family:var(--mono);border-radius:6px;padding:12px 16px 14px;font-size:13px;line-height:1.6}.console[data-astro-cid-ge2uvauf][hidden]{display:none}.console-head[data-astro-cid-ge2uvauf]{letter-spacing:.04em;color:var(--night-muted);border-bottom:1px solid var(--night-rule);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-bottom:8px;padding-bottom:8px;font-size:11px;display:flex}.dot[data-astro-cid-ge2uvauf]{color:var(--amber)}.console[data-astro-cid-ge2uvauf] ol[data-astro-cid-ge2uvauf]{flex-direction:column;gap:2px;min-height:138px;padding:0;list-style:none;display:flex}.console[data-astro-cid-ge2uvauf] li{white-space:nowrap;grid-template-columns:104px 84px minmax(0,1fr);column-gap:14px;display:grid;overflow:hidden}.console[data-astro-cid-ge2uvauf] .t{color:var(--night-muted)}.console[data-astro-cid-ge2uvauf] .k{color:var(--amber)}.console[data-astro-cid-ge2uvauf] .v{text-overflow:ellipsis;overflow:hidden}@media (width<=1100px){.below[data-astro-cid-ge2uvauf]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lede[data-astro-cid-ge2uvauf]{grid-column:1/-1}}@media (width<=760px){.hero[data-astro-cid-ge2uvauf]{--scene-h:520px}.scene[data-astro-cid-ge2uvauf]{padding:24px var(--side)}.flat-desktop[data-astro-cid-ge2uvauf]{display:none}.flat-mobile[data-astro-cid-ge2uvauf]{width:min(100%,420px);display:flex}.flat[data-astro-cid-ge2uvauf] .flat-print{font-size:3cqw}.below[data-astro-cid-ge2uvauf]{grid-template-columns:minmax(0,1fr);padding-bottom:48px}.lede[data-astro-cid-ge2uvauf]{font-size:30px}.msg[data-astro-cid-ge2uvauf]{display:none}.console[data-astro-cid-ge2uvauf]{margin:0 var(--side) 32px}.console[data-astro-cid-ge2uvauf] ol[data-astro-cid-ge2uvauf]{min-height:120px}.console[data-astro-cid-ge2uvauf] li{grid-template-columns:96px 64px minmax(0,1fr)}}