@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:400;src:url(./chivo-latin-400-normal-BP0TbwmH.woff2)format("woff2"),url(./chivo-latin-400-normal-DBaM4DNC.woff)format("woff")}@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:700;src:url(./chivo-latin-700-normal-w8tJISmu.woff2)format("woff2"),url(./chivo-latin-700-normal-D76hz2nd.woff)format("woff")}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(./bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(./bungee-latin-400-normal-DA8IEVW_.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:#f47c70;--color-success:#6fc884;--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:#0f0415;--color-paper-2:#190d20;--color-paper-3:#24162c;--color-ink:#f2ecf5;--color-ink-2:#d9d1dd;--color-muted:#a79dac;--color-rule:#41304b;--color-accent:#f55500;--color-accent-2:#d5e51b;--color-accent-ink:#0f0415;--color-focus:#d5e51b;--color-crt-r:#f92434;--color-crt-g:#4ee11b;--color-crt-b:#3c71ff;--color-crt-c:#00d1d9;--color-shade:#030104;--font-display:"Bungee", "Impact", sans-serif;--font-body:"Chivo", ui-sans-serif, sans-serif;--font-outlier:"Silkscreen", monospace;--radius-card:4px;--radius-pill:0;--rule-hair:1px;--rule-bar:2px;--shadow-card:6px 6px 0 var(--color-accent-2);--tracking-display:0;--display-weight:400}@supports (color:lab(0% 0 0)){:root{--color-error:lab(66.0977% 46.4553 28.7923);--color-success:lab(73.824% -38.9805 25.4059);--color-paper:lab(2.20506% 4.95325 -6.54711);--color-paper-2:lab(5.23676% 8.78122 -10.5838);--color-paper-3:lab(10.031% 11.0223 -12.1223);--color-ink:lab(94.0214% 3.40098 -3.71969);--color-ink-2:lab(84.6894% 4.379 -4.7748);--color-muted:lab(66.0497% 5.85729 -6.34484);--color-rule:lab(22.7466% 12.0474 -13.5668);--color-accent:lab(58.7764% 62.4967 75.1911);--color-accent-2:lab(87.5031% -21.0687 81.7798);--color-accent-ink:lab(2.20506% 4.95325 -6.54711);--color-focus:lab(87.5031% -21.0687 81.7798);--color-crt-r:lab(54.625% 76.1472 49.2233);--color-crt-g:lab(79.5546% -63.7312 71.959);--color-crt-b:lab(50.5653% 26.5836 -84.6483);--color-crt-c:lab(75.8295% -43.7601 -17.9455);--color-shade:lab(.418787% .821553 -.974494)}}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]:has(>img){isolation:isolate;background:var(--color-accent);outline:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent);outline-offset:-1px}[data-slot]>img{z-index:0;filter:grayscale();mix-blend-mode:multiply}[data-slot]:has(>img):before{content:"";z-index:1;background:var(--color-paper);mix-blend-mode:lighten;pointer-events:none;position:absolute;inset:0}:root{--color-grid-line:color-mix(in oklab, var(--color-ink) 30%, transparent);--color-cut-line:var(--color-accent-2);--color-check-a:var(--color-paper-2);--color-check-b:var(--color-paper-3);--control-h:44px;--rail:clamp(17rem, 30vw, 21rem);--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button,select,input,textarea,summary,label,a{touch-action:manipulation}@media (pointer:coarse){.on-fine{display:none}}@media not (pointer:coarse){.on-coarse{display:none!important}}.app{min-height:100dvh;padding-bottom:var(--safe-b);grid-template-rows:auto 1fr;display:grid}.bar{align-items:center;gap:var(--space-lg);min-height:56px;padding:var(--safe-t) calc(var(--space-lg) + var(--safe-r)) 0 calc(var(--space-lg) + var(--safe-l));border-bottom:var(--rule-hair) solid var(--color-rule);display:flex}.wordmark{min-height:44px;font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--color-ink);text-shadow:-1.5px 0 0 var(--color-crt-r), 1.5px 0 0 var(--color-crt-c);flex:none;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.engine{min-width:0;font-size:var(--text-sm);color:var(--color-muted);text-align:right;margin-left:auto}.work{width:100%;max-width:var(--container);padding-inline:var(--safe-l) var(--safe-r);grid-template-columns:minmax(0,1fr);align-content:start;margin-inline:auto;display:grid}@media (min-width:48rem){.work{grid-template-columns:var(--rail) minmax(0, 1fr);grid-template-rows:auto 1fr;grid-template-areas:"source viewer""controls viewer";align-content:stretch}.source{border-right:var(--rule-hair) solid var(--color-rule);grid-area:source}.viewer{grid-area:viewer}.controls{border-right:var(--rule-hair) solid var(--color-rule);grid-area:controls}}.source,.controls{background:var(--color-paper-2)}.controls{flex-direction:column;display:flex}.controls>.group:first-child{border-top:var(--rule-hair) solid var(--color-rule)}@media (max-width:47.99rem){.viewer{border-block:var(--rule-hair) solid var(--color-rule)}}.group{gap:var(--space-sm);padding:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule);flex-direction:column;display:flex}.source{border-top:0}.group h2{font-family:var(--font-body);font-weight:700;font-size:var(--text-md);color:var(--color-ink);line-height:1.2}.drop{align-items:flex-start;gap:var(--space-2xs);padding:var(--space-md);border:var(--rule-bar) dashed var(--color-muted);border-radius:var(--radius-card);transition:background-color var(--dur-micro) var(--ease-out);flex-direction:column;display:flex}.drop[data-dragging]{background:var(--color-paper-3)}.drop .upload{margin-top:var(--space-xs)}.drop-title{overflow-wrap:anywhere;font-weight:700}.drop-note,.hint{font-size:var(--text-sm);color:var(--color-muted)}.hint--warn,.hint[role=alert]{color:var(--color-error)}.palettes{border-top:var(--rule-hair) solid var(--color-rule);flex-direction:column;display:flex}.palette-row{align-items:center;column-gap:var(--space-sm);row-gap:var(--space-2xs);min-height:44px;padding:var(--space-xs) var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.palette-row input{opacity:0;width:1px;height:1px;position:absolute}.palette-row:hover{background:var(--color-paper-3)}.palette-row:has(input:checked){background:var(--color-accent);color:var(--color-accent-ink);transition:background-color var(--dur-micro) steps(1)}.palette-row:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:-2px}.palette-name{font-weight:700}.palette-note{font-size:var(--text-sm);color:var(--color-muted)}.palette-row:has(input:checked) .palette-note{color:var(--color-accent-ink)}.swatches{border:var(--rule-hair) solid var(--color-shade);grid-column:1/-1;height:12px;display:flex}.swatches>span{background:var(--swatch);flex:1 1 0;min-width:0}.field{gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-2);flex-direction:column;display:flex}.field--inline{align-items:center;gap:var(--space-xs);flex-direction:row}.field input[type=number],.field input[type=password],.field select,.field textarea{min-height:var(--control-h);padding:0 var(--space-sm);background:var(--color-paper);color:var(--color-ink);border:var(--rule-bar) solid var(--color-muted);font-size:var(--text-md);border-radius:0}.field input[type=number]:focus-visible,.field input[type=password]:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.field input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;min-height:44px;margin:0}.field input[type=range]::-webkit-slider-runnable-track{background:var(--color-paper-3);border:var(--rule-hair) solid var(--color-rule);height:12px}.field input[type=range]::-moz-range-track{background:var(--color-paper-3);border:var(--rule-hair) solid var(--color-rule);height:12px}.field input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:28px;height:28px;margin-top:calc(-1 * var(--space-xs));background:var(--color-accent);border:var(--rule-bar) solid var(--color-ink);border-radius:0}.field input[type=range]::-moz-range-thumb{box-sizing:border-box;background:var(--color-accent);border:var(--rule-bar) solid var(--color-ink);border-radius:0;width:28px;height:28px}.field input[type=range]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.field input[type=range]:disabled{cursor:not-allowed}.field input:disabled,.field select:disabled{opacity:.55;cursor:not-allowed}.field textarea{min-height:calc(var(--control-h) * 2);padding:var(--space-xs) var(--space-sm);resize:vertical;font-family:var(--font-body);line-height:1.4}.pair{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.seg{border:0;margin:0;padding:0;display:flex}.seg label{flex:1 1 0;min-width:0;display:flex;position:relative}.seg input{opacity:0;width:1px;height:1px;position:absolute}.seg span{min-height:44px;padding:0 var(--space-xs);border:var(--rule-bar) solid var(--color-rule);margin-left:calc(-1 * var(--rule-bar));font-size:var(--text-sm);text-align:center;cursor:pointer;flex:1;justify-content:center;align-items:center;font-weight:700;line-height:1.2;display:inline-flex}.seg label:first-of-type span{margin-left:0}.seg span:hover{background:var(--color-paper-3)}.seg input:checked+span{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.seg label:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px;z-index:var(--z-raised)}.check{align-items:center;gap:var(--space-xs);cursor:pointer;min-height:44px;display:flex}.check input{width:18px;height:18px;accent-color:var(--color-accent)}.check--small{font-size:var(--text-sm)}.check:has(input:disabled){opacity:.55;cursor:not-allowed}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--control-h);padding:0 var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);border:var(--rule-bar) solid var(--color-ink);border-radius:var(--radius-card);font-weight:700;font-size:var(--text-md);white-space:nowrap;cursor:pointer;box-shadow:3px 3px 0 var(--color-accent-2);transition:translate var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out);line-height:1;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--color-accent-2);translate:-1px -1px}.btn:active{box-shadow:1px 1px 0 var(--color-accent-2);translate:2px 2px}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.btn--quiet{color:var(--color-ink);background:0 0}.btn--quiet:hover{background:var(--color-paper-3)}.btn--small{min-height:44px;padding:0 var(--space-sm);font-size:var(--text-sm)}.btn:disabled,.btn.is-disabled{opacity:.55;cursor:not-allowed;box-shadow:none;pointer-events:none;translate:none}.btn[aria-busy=true]{cursor:progress}.file-btn{align-self:flex-start;position:relative}.file-btn:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.upload{position:relative}.upload-menu{top:calc(100% + var(--space-xs));z-index:var(--z-dropdown);min-width:13rem;padding:var(--space-2xs);background:var(--color-paper-2);border:var(--rule-bar) solid var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:absolute;left:0}.upload-menu[hidden]{display:none}.upload-item{min-height:var(--control-h);padding:0 var(--space-sm);color:var(--color-ink);border-radius:var(--radius-card);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;font-weight:700}.upload-item:hover,.upload-item:focus-visible{background:var(--color-paper-3)}.upload-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.upload-scrim{display:none}@media (pointer:coarse),(max-width:47.99rem){.upload-scrim{z-index:calc(var(--z-modal) - 1);background:color-mix(in oklab, var(--color-shade) 70%, transparent);display:block;position:fixed;inset:0}.upload-menu{z-index:var(--z-modal);min-width:0;padding:var(--space-sm) calc(var(--space-md) + var(--safe-r)) calc(var(--space-md) + var(--safe-b)) calc(var(--space-md) + var(--safe-l));border-width:var(--rule-bar) 0 0;box-shadow:none;animation:sheet-in var(--dur-short) var(--ease-out);border-radius:0;position:fixed;inset:auto 0 0}.upload-item{min-height:52px;font-size:var(--text-lg)}}@keyframes sheet-in{0%{transform:translateY(100%)}}.magic{gap:var(--space-xs);padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);flex-direction:column;display:flex}.magic-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.magic-status{font-size:var(--text-sm);color:var(--color-success);font-weight:700}.generate{gap:var(--space-sm);flex-direction:column;display:flex}.generate a{color:var(--color-ink)}.generate a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.prompt summary{min-height:44px;font-size:var(--text-sm);cursor:pointer;align-items:center;font-weight:700;display:flex}.prompt summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.prompt p{font-size:var(--text-sm);color:var(--color-ink-2);overflow-wrap:anywhere}.thumbs{gap:var(--space-xs);flex-wrap:wrap;display:flex}.thumb{background:var(--color-shade);border:var(--rule-bar) solid var(--color-rule);border-radius:var(--radius-card);cursor:pointer;padding:0}.thumb:hover{border-color:var(--color-ink)}.thumb:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.thumb img{width:64px;height:64px;image-rendering:pixelated}.confirm{width:min(28rem, calc(100% - 2 * var(--space-md)));max-width:none;max-height:calc(100dvh - 2 * var(--space-md) - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;padding:var(--space-lg);background:var(--color-paper-2);color:var(--color-ink);border:var(--rule-bar) solid var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow-y:auto}.confirm::backdrop{background:color-mix(in oklab, var(--color-shade) 70%, transparent)}.confirm h2{font-family:var(--font-body);font-weight:700;font-size:var(--text-lg)}.confirm ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.confirm-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.confirm-actions .btn{flex:auto}.viewer{flex-direction:column;min-width:0;display:flex;container-type:inline-size}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:var(--rule-hair) solid var(--color-rule);flex-wrap:wrap;display:flex}.tabs{gap:var(--space-2xs);display:flex}.tab{min-height:44px;padding:0 var(--space-md);color:var(--color-muted);border:0;border-bottom:var(--rule-bar) solid transparent;cursor:pointer;white-space:nowrap;background:0 0;font-weight:700}.tab:hover{color:var(--color-ink)}.tab[aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--color-accent)}.tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.zoom{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.icon-btn{width:44px;height:44px;color:var(--color-ink);border:var(--rule-bar) solid var(--color-rule);border-radius:var(--radius-card);font-size:var(--text-lg);cursor:pointer;background:0 0;place-items:center;line-height:1;display:inline-grid}.icon-btn:hover{background:var(--color-paper-3)}.icon-btn:active{translate:0 1px}.icon-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.icon-btn:disabled{opacity:.55;cursor:not-allowed;translate:none}.zoom-value{text-align:center;font-variant-numeric:tabular-nums;min-width:3.5ch;font-weight:700}.stage-frame{padding:var(--space-lg);position:relative}.stage{background:var(--color-shade);border:var(--rule-bar) solid var(--color-rule);border-radius:var(--radius-card);place-items:safe center;height:clamp(16rem,62dvh,52rem);display:grid;overflow:auto}.stage-canvas{image-rendering:pixelated;background-color:var(--color-check-a);background-image:conic-gradient(var(--color-check-b) 25%, var(--color-check-a) 0 50%, var(--color-check-b) 0 75%, var(--color-check-a) 0);background-size:16px 16px;display:block}.stage-canvas[data-view=source]{image-rendering:auto}.stage-canvas[data-zoom="1"]{max-width:100%;height:auto}.stage-message{inset:var(--space-lg);padding:var(--space-lg);text-align:center;color:var(--color-ink-2);pointer-events:none;place-items:center;display:grid;position:absolute}.stage-error{margin:var(--space-sm) 0 0;padding:var(--space-sm) var(--space-md);border-left:var(--rule-bar) solid var(--color-error);color:var(--color-error);background:var(--color-paper-2)}.stage-frame[aria-busy=true] .stage{cursor:progress}.summary{gap:var(--space-lg);padding:0 var(--space-lg) var(--space-xl);flex-direction:column;display:flex}.metrics{row-gap:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.metric{padding:var(--space-sm) var(--space-sm) 0;border-left:var(--rule-hair) solid var(--color-rule);min-width:0}.metric:nth-child(odd){border-left:0;padding-left:0}@container (width>=28rem){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric:nth-child(odd){padding-left:var(--space-sm);border-left:var(--rule-hair) solid var(--color-rule)}.metric:nth-child(3n+1){border-left:0;padding-left:0}}@container (width>=48rem){.metrics{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:0}.metric:nth-child(3n+1){padding-left:var(--space-sm);border-left:var(--rule-hair) solid var(--color-rule)}.metric:first-child{border-left:0;padding-left:0}}.metric dt{font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap}.metric dd{margin:var(--space-2xs) 0 0;font-size:var(--text-lg);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.exports{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}@media (max-width:40rem){.bar{padding-inline:calc(var(--space-md) + var(--safe-l)) calc(var(--space-md) + var(--safe-r))}.toolbar{padding-inline:var(--space-md)}.group,.stage-frame{padding:var(--space-md)}.stage{height:clamp(16rem,52dvh,34rem)}.stage-message{inset:var(--space-md)}.summary{padding-inline:var(--space-md)}}.local{gap:var(--space-sm);padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);flex-direction:column;display:flex}.local-title{font-family:var(--font-body);font-weight:700;font-size:var(--text-md);letter-spacing:normal;color:var(--color-ink);line-height:1.2}.pxp{--pxp-unit:8px;--pxp-cycle:1.1s;align-items:center;gap:var(--space-sm);width:min(100%,22rem);color:var(--color-ink-2);flex-direction:column;display:flex}.pxp[data-compact]{--pxp-unit:3px;gap:var(--space-sm);flex-direction:row;width:auto;max-width:100%}.pxp-text{justify-content:space-between;align-items:baseline;column-gap:var(--space-sm);width:100%;font-size:var(--text-sm);text-align:left;flex-wrap:wrap;font-weight:700;display:flex}.pxp-scene+.pxp-text{text-align:center;justify-content:center;width:auto}.pxp-elapsed{color:var(--color-muted);font-variant-numeric:tabular-nums}.pxp-percent{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:400;line-height:1}.pxp-cells{gap:var(--space-3xs);width:100%;padding:var(--space-3xs);background:var(--color-shade);border:var(--rule-bar) solid var(--color-rule);display:flex}.pxp-cell{--c:var(--color-accent);aspect-ratio:1;background:var(--color-paper-3);flex:1 1 0;min-width:0}.pxp-cell:nth-child(n+5){--c:var(--color-accent-2)}.pxp-cell:nth-child(n+9){--c:var(--color-crt-g)}.pxp-cell:nth-child(n+13){--c:var(--color-crt-c)}.pxp-cell:nth-child(n+17){--c:var(--color-crt-b)}.pxp-cell[data-on]{background:var(--c);box-shadow:inset calc(-1 * var(--space-3xs)) calc(-1 * var(--space-3xs)) 0 color-mix(in oklab, var(--color-shade) 45%, transparent)}.pxp-cell[data-next]{animation:.6s step-end infinite pxp-blink}@keyframes pxp-blink{50%{background:var(--c)}}.pxp-scene{width:calc(28 * var(--pxp-unit));height:calc(18 * var(--pxp-unit));flex:none;overflow:visible}.pxp-a{fill:var(--color-ink-2)}.pxp-b{fill:var(--color-muted)}.pxp-c{fill:var(--color-rule)}.pxp-head{fill:var(--color-ink-2)}.pxp-glint{fill:var(--color-ink)}.pxp-handle{fill:var(--color-accent)}.pxp-hot{fill:var(--color-accent-2)}.pxp-cool{fill:var(--color-crt-c)}.pxp-pose,.pxp-spark{animation:var(--pxp-cycle) steps(1, end) infinite;opacity:0}.pxp-pose--raised{opacity:1;animation-name:pxp-raised}.pxp-pose--mid{animation-name:pxp-mid}.pxp-pose--strike{animation-name:pxp-strike}.pxp-spark--a{animation-name:pxp-spark-a}.pxp-spark--b{animation-name:pxp-spark-b}@keyframes pxp-raised{0%{opacity:1}40%{opacity:0}82%{opacity:1}}@keyframes pxp-mid{0%{opacity:0}40%{opacity:1}52%{opacity:0}70%{opacity:1}82%{opacity:0}}@keyframes pxp-strike{0%{opacity:0}52%{opacity:1}70%{opacity:0}}@keyframes pxp-spark-a{0%{opacity:0}52%{opacity:1}61%{opacity:0}}@keyframes pxp-spark-b{0%{opacity:0}61%{opacity:1}70%{opacity:0}}@media (prefers-reduced-motion:reduce){.pxp-pose,.pxp-spark,.pxp-cell[data-next]{animation:none}.pxp-pose--raised,.pxp-pose--mid,.pxp-spark--b{opacity:0}.pxp-pose--strike,.pxp-spark--a{opacity:1}}.stage-loading{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.stage-busy{top:calc(var(--space-lg) + var(--space-sm));right:calc(var(--space-lg) + var(--space-sm));z-index:var(--z-raised);padding:var(--space-xs) var(--space-sm);background:var(--color-paper-2);border:var(--rule-bar) solid var(--color-ink);border-radius:var(--radius-card);box-shadow:3px 3px 0 var(--color-accent-2);pointer-events:none;position:absolute}@media (max-width:40rem){.stage-busy{top:calc(var(--space-md) + var(--space-sm));right:calc(var(--space-md) + var(--space-sm))}}.generate-busy{padding:var(--space-sm) 0;border-block:var(--rule-hair) solid var(--color-rule);justify-content:center;display:flex}