@layer reset,tokens,theme,base,layout,components,utilities;@font-face{font-family:pixelify sans;src:url(/static/fonts/pixelify-sans-4a5633a0c9c1b73abd133a56d3716c2d8df2ed03cb987346f72194aeb224f382.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:jetbrains mono;src:url(/static/fonts/jetbrains-mono-18be452724bfdc236c074ca94a249a7f41a86752c7d04ab258ce9ed5651f6a7e.woff2)format("woff2");font-weight:100 800;font-display:swap}@layer tokens{:root{--sb-ink-0:oklch(97% 0.008 279);--sb-ink-1:oklch(88% 0.028 270);--sb-ink-2:oklch(79.3% 0.05 268.7);--sb-ink-3:oklch(70% 0.055 268);--sb-ink-4:oklch(61.8% 0.056 267.8);--sb-ink-5:oklch(50% 0.058 266);--sb-ink-6:oklch(40% 0.057 265.5);--sb-ink-7:oklch(33.2% 0.055 265.2);--sb-ink-8:oklch(27.5% 0.048 265.5);--sb-ink-9:oklch(23.4% 0.043 265.6);--sb-ink-10:oklch(21.2% 0.04 265.8);--sb-ink-11:oklch(18.6% 0.038 266.6);--sb-ink-12:oklch(16.4% 0.035 268.9);--sb-violet-0:oklch(96% 0.03 292);--sb-violet-1:oklch(90% 0.06 292);--sb-violet-2:oklch(82% 0.1 292);--sb-violet-3:oklch(74.6% 0.144 292.6);--sb-violet-4:oklch(68.5% 0.18 291);--sb-violet-5:oklch(63.5% 0.21 289.3);--sb-violet-6:oklch(56% 0.215 288);--sb-violet-7:oklch(48% 0.2 287);--sb-violet-8:oklch(40% 0.17 286);--sb-violet-9:oklch(32% 0.13 285);--sb-violet-10:oklch(25% 0.09 284);--sb-green-1:oklch(95% 0.07 152);--sb-green-3:oklch(87.2% 0.174 151.8);--sb-green-5:oklch(74% 0.17 152);--sb-green-7:oklch(55% 0.13 153);--sb-green-9:oklch(32% 0.07 154);--sb-cyan-1:oklch(93% 0.05 240);--sb-cyan-3:oklch(77.5% 0.126 241.8);--sb-cyan-5:oklch(66% 0.14 243);--sb-cyan-7:oklch(50% 0.12 245);--sb-cyan-9:oklch(30% 0.07 248);--sb-amber-3:oklch(84% 0.15 80);--sb-amber-7:oklch(55% 0.12 70);--sb-red-3:oklch(72% 0.17 22);--sb-red-5:oklch(64% 0.2 25);--sb-red-7:oklch(50% 0.17 25);--sb-space-px:1px;--sb-space-1:0.25rem;--sb-space-2:0.5rem;--sb-space-3:0.75rem;--sb-space-4:1rem;--sb-space-5:1.25rem;--sb-space-6:1.5rem;--sb-space-8:2rem;--sb-space-10:2.5rem;--sb-space-12:3rem;--sb-space-16:4rem;--sb-radius-xs:4px;--sb-radius-sm:6px;--sb-radius-md:8px;--sb-radius-lg:10px;--sb-radius-pill:999px;--sb-font-display:"Pixelify Sans", "Silkscreen", ui-monospace, monospace;--sb-font-ui:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sb-font-size-00:0.6875rem;--sb-font-size-0:0.75rem;--sb-font-size-1:0.8125rem;--sb-font-size-2:0.875rem;--sb-font-size-3:1rem;--sb-font-size-4:1.125rem;--sb-font-size-5:clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);--sb-font-size-6:clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--sb-font-size-7:clamp(2rem, 1.4rem + 2.6vw, 3.25rem);--sb-font-size-8:clamp(2.5rem, 1.6rem + 3.4vw, 4.5rem);--sb-font-weight-regular:400;--sb-font-weight-medium:500;--sb-font-weight-semibold:600;--sb-font-weight-bold:700;--sb-line-height-tight:1.05;--sb-line-height-snug:1.3;--sb-line-height-normal:1.55;--sb-letter-spacing-display:0.02em;--sb-letter-spacing-caps:0.08em;--sb-border-width:1px;--sb-border-width-thick:2px;--sb-shadow-1:0 1px 0 oklch(100% 0 0 / 0.04) inset, 0 1px 2px oklch(0% 0 0 / 0.35);--sb-shadow-2:0 1px 0 oklch(100% 0 0 / 0.05) inset, 0 8px 24px -12px oklch(0% 0 0 / 0.6);--sb-shadow-3:0 24px 48px -16px oklch(0% 0 0 / 0.7);--sb-frame-step:3px;--sb-notch:1;--sb-duration-instant:80ms;--sb-duration-fast:120ms;--sb-duration-base:180ms;--sb-duration-slow:320ms;--sb-ease-standard:cubic-bezier(0.2, 0, 0, 1);--sb-ease-out:cubic-bezier(0, 0, 0.2, 1);--sb-ease-in:cubic-bezier(0.4, 0, 1, 1);--sb-ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--sb-ease-steps:steps(4, end);--sb-z-base:0;--sb-z-raised:1;--sb-z-sticky:10;--sb-z-dropdown:20;--sb-z-overlay:40;--sb-z-modal:50;--sb-z-toast:60;--sb-z-tooltip:70;--sb-control-height-sm:2rem;--sb-control-height-md:2.5rem;--sb-control-height-lg:3rem;--sb-content-max:90rem;--sb-sidebar-width:17rem}}@property --sb-glow-strength{syntax: "<percentage>";
	inherits: true;
	initial-value: 0%;
}@layer theme{:root,[data-sb-theme=deep-space]{color-scheme:dark;--sb-bg:var(--sb-ink-12);--sb-bg-glow:oklch(30% 0.12 285 / 0.35);--sb-surface-raised:var(--sb-ink-10);--sb-surface-card:var(--sb-ink-9);--sb-surface-inset:var(--sb-ink-11);--sb-surface-hover:oklch(from var(--sb-ink-9) calc(l + 0.03) c h);--sb-surface-overlay:oklch(12% 0.03 268 / 0.72);--sb-border:var(--sb-ink-7);--sb-border-subtle:oklch(from var(--sb-ink-7) l c h / 0.6);--sb-border-strong:var(--sb-ink-6);--sb-text-1:var(--sb-ink-0);--sb-text-2:var(--sb-ink-2);--sb-text-muted:var(--sb-ink-4);--sb-text-on-brand:var(--sb-ink-0);--sb-brand:var(--sb-violet-5);--sb-brand-hover:var(--sb-violet-4);--sb-brand-light:var(--sb-violet-3);--sb-brand-subtle:oklch(from var(--sb-violet-5) l c h / 0.14);--sb-accent:var(--sb-cyan-3);--sb-datastar:var(--sb-green-3);--sb-ok:var(--sb-green-3);--sb-ok-subtle:oklch(from var(--sb-green-3) l c h / 0.12);--sb-warn:var(--sb-amber-3);--sb-warn-subtle:oklch(from var(--sb-amber-3) l c h / 0.12);--sb-danger:var(--sb-red-3);--sb-danger-subtle:oklch(from var(--sb-red-3) l c h / 0.12);--sb-info:var(--sb-cyan-3);--sb-info-subtle:oklch(from var(--sb-cyan-3) l c h / 0.12);--sb-control-bg:var(--sb-ink-11);--sb-control-border:var(--sb-ink-7);--sb-control-border-hover:var(--sb-ink-6);--sb-control-text:var(--sb-ink-0);--sb-control-placeholder:var(--sb-ink-4);--sb-control-radius:var(--sb-radius-sm);--sb-radius:var(--sb-radius-md);--sb-frame-color:var(--sb-violet-3);--sb-glow-brand:0 0 0 1px oklch(from var(--sb-violet-5) l c h / 0.35), 0 8px 32px -8px oklch(from var(--sb-violet-5) l c h / 0.45);--sb-focus-ring:0 0 0 2px var(--sb-bg), 0 0 0 4px var(--sb-brand-light);--sb-selection:oklch(from var(--sb-violet-5) l c h / 0.4);--sb-font-body:var(--sb-font-ui);--sb-font-heading:var(--sb-font-ui);--sb-code-keyword:var(--sb-violet-3);--sb-code-function:var(--sb-violet-2);--sb-code-tag:var(--sb-cyan-3);--sb-code-string:var(--sb-green-3);--sb-code-number:var(--sb-amber-3);--sb-text-on-danger:#1B0A0C}[data-sb-style=smooth]{--sb-notch:0;--sb-frame-step:1px;--sb-font-display:var(--sb-font-ui)}}@layer theme{[data-sb-theme=nebula]{color-scheme:dark;--sb-bg:oklch(17% 0.05 330);--sb-bg-glow:oklch(40% 0.16 350 / 0.35);--sb-surface-raised:oklch(21% 0.055 330);--sb-surface-card:oklch(24% 0.06 330);--sb-surface-inset:oklch(15% 0.045 330);--sb-surface-hover:oklch(27% 0.065 330);--sb-border:oklch(36% 0.07 335);--sb-border-subtle:oklch(36% 0.07 335 / 0.6);--sb-border-strong:oklch(44% 0.08 335);--sb-text-1:oklch(97% 0.015 340);--sb-text-2:oklch(82% 0.05 340);--sb-text-muted:oklch(65% 0.06 340);--sb-brand:oklch(68% 0.2 350);--sb-brand-hover:oklch(73% 0.18 350);--sb-brand-light:oklch(80% 0.13 20);--sb-brand-subtle:oklch(68% 0.2 350 / 0.15);--sb-accent:oklch(82% 0.12 50);--sb-datastar:oklch(85% 0.14 60);--sb-control-bg:oklch(15% 0.045 330);--sb-control-border:oklch(36% 0.07 335);--sb-control-border-hover:oklch(44% 0.08 335);--sb-control-text:oklch(97% 0.015 340);--sb-control-placeholder:oklch(65% 0.06 340);--sb-frame-color:oklch(80% 0.13 20);--sb-focus-ring:0 0 0 2px var(--sb-bg), 0 0 0 4px oklch(80% 0.13 20);--sb-glow-brand:0 0 0 1px oklch(68% 0.2 350 / 0.35), 0 8px 32px -8px oklch(68% 0.2 350 / 0.45);--sb-radius:var(--sb-radius-lg);--sb-control-radius:var(--sb-radius-md)}[data-sb-theme=terminal]{color-scheme:dark;--sb-bg:oklch(12% 0.01 150);--sb-bg-glow:oklch(40% 0.12 150 / 0.2);--sb-surface-raised:oklch(15% 0.015 150);--sb-surface-card:oklch(17% 0.02 150);--sb-surface-inset:oklch(10% 0.01 150);--sb-surface-hover:oklch(20% 0.025 150);--sb-border:oklch(35% 0.07 150);--sb-border-subtle:oklch(35% 0.07 150 / 0.6);--sb-border-strong:oklch(48% 0.1 150);--sb-text-1:oklch(90% 0.16 150);--sb-text-2:oklch(76% 0.13 150);--sb-text-muted:oklch(58% 0.09 150);--sb-text-on-brand:oklch(12% 0.01 150);--sb-brand:oklch(82% 0.2 148);--sb-brand-hover:oklch(88% 0.18 148);--sb-brand-light:oklch(90% 0.16 148);--sb-brand-subtle:oklch(82% 0.2 148 / 0.12);--sb-accent:oklch(85% 0.15 95);--sb-datastar:oklch(85% 0.15 95);--sb-ok:oklch(82% 0.2 148);--sb-control-bg:oklch(10% 0.01 150);--sb-control-border:oklch(35% 0.07 150);--sb-control-border-hover:oklch(48% 0.1 150);--sb-control-text:oklch(90% 0.16 150);--sb-control-placeholder:oklch(58% 0.09 150);--sb-frame-color:oklch(82% 0.2 148);--sb-focus-ring:0 0 0 2px var(--sb-bg), 0 0 0 4px oklch(82% 0.2 148);--sb-glow-brand:0 0 0 1px oklch(82% 0.2 148 / 0.4), 0 0 24px -4px oklch(82% 0.2 148 / 0.5);--sb-radius:0px;--sb-control-radius:0px;--sb-font-body:var(--sb-font-ui)}[data-sb-theme=daylight]{color-scheme:light;--sb-art-star:oklch(42% 0.08 285);--sb-art-star-dim:oklch(68% 0.05 280);--sb-art-smoke-light:oklch(95% 0.012 280);--sb-art-smoke:oklch(87% 0.025 282);--sb-art-smoke-shade:oklch(74% 0.04 284);--sb-bg:oklch(98.5% 0.005 270);--sb-bg-glow:oklch(90% 0.05 290 / 0.5);--sb-surface-raised:oklch(100% 0 0);--sb-surface-card:oklch(100% 0 0);--sb-surface-inset:oklch(96% 0.01 270);--sb-surface-hover:oklch(97% 0.012 280);--sb-surface-overlay:oklch(30% 0.03 270 / 0.4);--sb-border:oklch(88% 0.015 270);--sb-border-subtle:oklch(92% 0.01 270);--sb-border-strong:oklch(78% 0.02 270);--sb-text-1:oklch(22% 0.03 270);--sb-text-2:oklch(40% 0.03 270);--sb-text-muted:oklch(50% 0.03 270);--sb-code-keyword:oklch(47% 0.2 288);--sb-code-function:oklch(45% 0.17 310);--sb-code-tag:oklch(46% 0.13 245);--sb-code-string:oklch(45% 0.12 155);--sb-code-number:oklch(48% 0.12 60);--sb-text-on-danger:#fff;--sb-brand:oklch(55% 0.22 288);--sb-brand-hover:oklch(50% 0.22 288);--sb-brand-light:oklch(55% 0.22 288);--sb-brand-subtle:oklch(55% 0.22 288 / 0.1);--sb-accent:oklch(55% 0.15 243);--sb-datastar:oklch(55% 0.15 152);--sb-ok:oklch(55% 0.15 152);--sb-ok-subtle:oklch(55% 0.15 152 / 0.1);--sb-warn:oklch(62% 0.14 70);--sb-danger:oklch(55% 0.2 25);--sb-info:oklch(55% 0.15 243);--sb-control-bg:oklch(100% 0 0);--sb-control-border:oklch(85% 0.015 270);--sb-control-border-hover:oklch(75% 0.02 270);--sb-control-text:oklch(22% 0.03 270);--sb-control-placeholder:oklch(60% 0.02 270);--sb-frame-color:oklch(55% 0.22 288);--sb-focus-ring:0 0 0 2px var(--sb-bg), 0 0 0 4px oklch(55% 0.22 288);--sb-glow-brand:0 0 0 1px oklch(55% 0.22 288 / 0.2), 0 8px 24px -10px oklch(55% 0.22 288 / 0.35)}[data-sb-theme]:not([data-sb-theme=deep-space]){--sb-art-brand:var(--sb-brand);--sb-art-brand-light:var(--sb-brand-light);--sb-art-star:var(--sb-text-1);--sb-art-star-dim:var(--sb-text-muted);--sb-art-planet-light:color-mix(in oklch, var(--sb-brand) 90%, white);--sb-art-planet-lip:color-mix(in oklch, var(--sb-brand) 84%, black);--sb-art-planet-band:color-mix(in oklch, var(--sb-brand) 78%, black);--sb-art-planet:color-mix(in oklch, var(--sb-brand) 70%, black);--sb-art-planet-crater:color-mix(in oklch, var(--sb-brand) 58%, black);--sb-art-planet-shade:color-mix(in oklch, var(--sb-brand) 50%, black);--sb-art-planet-deep:color-mix(in oklch, var(--sb-brand) 36%, black)}}@layer reset{*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;interpolate-size:allow-keywords}body{min-block-size:100dvh;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none;padding:0}:where(a){color:inherit}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer base{html{background:var(--sb-bg);scrollbar-color:var(--sb-border)var(--sb-bg);scroll-padding-block-start:var(--sb-space-16)}body{background:radial-gradient(60rem 30rem at 70% -5%,var(--sb-bg-glow),transparent 70%),var(--sb-bg);color:var(--sb-text-1);font-family:var(--sb-font-body);font-size:var(--sb-font-size-2);line-height:var(--sb-line-height-normal);font-feature-settings:"calt" 0}::selection{background:var(--sb-selection)}h1,h2,h3,h4{font-family:var(--sb-font-heading);line-height:var(--sb-line-height-snug);text-wrap:balance;font-weight:var(--sb-font-weight-bold)}p{text-wrap:pretty}a{text-decoration-color:color-mix(in oklch,currentColor 40%,transparent);text-underline-offset:.2em;transition:color var(--sb-duration-fast)var(--sb-ease-standard)}:focus-visible{outline:none;box-shadow:var(--sb-focus-ring);border-radius:var(--sb-radius-xs)}code,kbd,samp,pre{font-family:var(--sb-font-ui);font-size:.95em}:not(pre)>code{padding:.1em .35em;border-radius:var(--sb-radius-xs);background:var(--sb-surface-inset);border:var(--sb-border-width)solid var(--sb-border-subtle);color:var(--sb-brand-light)}kbd{display:inline-grid;place-items:center;min-inline-size:1.6em;padding:.1em .45em;border:var(--sb-border-width)solid var(--sb-border);border-block-end-width:2px;border-radius:var(--sb-radius-xs);background:var(--sb-surface-raised);color:var(--sb-text-2);font-size:var(--sb-font-size-00);line-height:1.4}hr{border:0;border-block-start:var(--sb-border-width)solid var(--sb-border-subtle)}img{height:auto}.sb-cloak :not(:defined){visibility:hidden}[hidden]{display:none!important}}@layer layout{.app{display:grid;grid-template-rows:auto 1fr auto;min-block-size:100dvh}.wrap{inline-size:min(100% - 2 * var(--gutter,var(--sb-space-6)),var(--sb-content-max));margin-inline:auto;@media(width < 40rem){--gutter: var(--sb-space-4);}}.main{container:page/inline-size;display:flex;flex-direction:column}.browse-shell{flex:1;display:flex;flex-direction:column;border-block-start:var(--sb-border-width)solid var(--sb-border-subtle)}.browse{flex:1;display:grid;grid-template-columns:var(--sb-sidebar-width)minmax(0,1fr);@container page (width < 56rem){grid-template-columns: minmax(0, 1fr);
		}}.stack{display:flex;flex-direction:column;gap:var(--gap,var(--sb-space-4))}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap,var(--sb-space-3))}.docs{container:docs/inline-size;display:grid;grid-template-columns:minmax(0,1fr)16rem;gap:var(--sb-space-12);padding-block:var(--sb-space-10)var(--sb-space-16);@container page (width < 64rem){grid-template-columns: minmax(0, 1fr);
		}& > aside{position:sticky;inset-block-start:var(--sb-space-6);align-self:start}}}@layer components{.btn{--btn-bg:transparent;--btn-fg:var(--sb-text-1);--btn-border:var(--sb-border);display:inline-flex;align-items:center;justify-content:center;gap:var(--sb-space-2);block-size:var(--sb-control-height-lg);padding-inline:var(--sb-space-6);border:var(--sb-border-width)solid var(--btn-border);border-radius:var(--sb-radius-sm);background:var(--btn-bg);color:var(--btn-fg);font-weight:var(--sb-font-weight-semibold);font-size:var(--sb-font-size-2);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--sb-duration-fast)var(--sb-ease-standard),border-color var(--sb-duration-fast)var(--sb-ease-standard),translate var(--sb-duration-fast)var(--sb-ease-standard),box-shadow var(--sb-duration-fast)var(--sb-ease-standard);& svg{inline-size:1.15em;block-size:1.15em;flex:none}&:hover{--btn-border:var(--sb-border-strong);--btn-bg:var(--sb-surface-hover)}&:active{translate:0 1px}}.btn--primary{--btn-bg:var(--sb-brand);--btn-fg:var(--sb-text-on-brand);--btn-border:var(--sb-brand);&:hover{--btn-bg:var(--sb-brand-hover);--btn-border:var(--sb-brand-hover);translate:0 -1px}}.btn--outline{--btn-border:var(--sb-brand-light);&:hover{--btn-border:var(--sb-brand-light);--btn-bg:var(--sb-brand-subtle);translate:0 -1px}}.btn--ghost{--btn-border:transparent}.btn.is-pending{opacity:.6;pointer-events:none}.btn--sm{block-size:var(--sb-control-height-sm);padding-inline:var(--sb-space-3);font-size:var(--sb-font-size-1)}.icon-btn{display:inline-grid;place-items:center;inline-size:var(--sb-control-height-md);block-size:var(--sb-control-height-md);border-radius:var(--sb-radius-sm);color:var(--sb-text-1);transition:background var(--sb-duration-fast)var(--sb-ease-standard);& svg{inline-size:1.5rem;block-size:1.5rem}&:hover{background:var(--sb-surface-hover)}}.site-header{container:header/inline-size;position:relative;z-index:var(--sb-z-sticky)}.site-header__inner{display:flex;align-items:center;gap:var(--sb-space-6);min-block-size:6rem;padding-block:var(--sb-space-4);@container header (width < 68rem){flex-wrap: wrap;
			gap: var(--sb-space-4) var(--sb-space-6);
		}}.brand{display:flex;align-items:center;gap:var(--sb-space-3);text-decoration:none;flex:none;& .pixel-sprite{inline-size:3.6rem;block-size:auto;filter:drop-shadow(0 4px 12px oklch(from var(--sb-brand) l c h/.35))}}.brand__word{display:block;font-family:var(--sb-font-display);font-weight:var(--sb-font-weight-bold);font-size:2.6rem;line-height:.9;letter-spacing:.04em;color:var(--sb-text-1)}.brand__tag{display:block;margin-block-start:var(--sb-space-1);font-size:var(--sb-font-size-2);line-height:1.25;color:var(--sb-text-2)}.primary-nav{display:flex;gap:0;margin-inline-start:var(--sb-space-4);@container header (width < 68rem){order: 3;
			inline-size: 100%;
			margin-inline-start: 0;
			overflow-x: auto;
		}& a{position:relative;padding:var(--sb-space-2)var(--sb-space-4);color:var(--sb-text-2);font-weight:var(--sb-font-weight-semibold);text-decoration:none;white-space:nowrap;&::after{content:"";position:absolute;inset-inline:var(--sb-space-1);inset-block-end:calc(-1 * var(--sb-space-3));block-size:3px;background:var(--sb-brand);scale:0 1;transition:scale var(--sb-duration-base)var(--sb-ease-standard)}&:hover{color:var(--sb-text-1)}&[aria-current=page]{color:var(--sb-text-1);&::after{scale:1 1}}}}.header-tools{display:flex;flex:auto;justify-content:flex-end;align-items:center;gap:var(--sb-space-4);min-inline-size:0;margin-inline-start:auto;@container header (width < 44rem){inline-size: 100%;
			gap: var(--sb-space-2);

			& .search {
				flex: 1;
				inline-size: auto;
			}
		}}.search{position:relative;display:flex;align-items:center;flex:0 1 21rem;min-inline-size:10rem;& > svg{position:absolute;inset-inline-start:var(--sb-space-3);inline-size:1.15rem;block-size:1.15rem;color:var(--sb-text-2);pointer-events:none}& input{inline-size:100%;block-size:var(--sb-control-height-lg);padding-inline:2.6rem 3.8rem;border:var(--sb-border-width)solid var(--sb-control-border);border-radius:var(--sb-radius-sm);background:var(--sb-surface-raised);color:var(--sb-control-text);transition:border-color var(--sb-duration-fast)var(--sb-ease-standard);&::placeholder{color:var(--sb-text-2)}&:hover{border-color:var(--sb-control-border-hover)}&:focus-visible{border-color:var(--sb-brand-light);box-shadow:0 0 0 3px var(--sb-brand-subtle);border-radius:var(--sb-radius-sm)}}& kbd{position:absolute;inset-inline-end:var(--sb-space-3);pointer-events:none}&:focus-within kbd{opacity:0}}.avatar{inline-size:var(--size,1.5rem);block-size:var(--size,1.5rem);border-radius:50%;background:var(--sb-surface-inset);border:var(--sb-border-width)solid var(--sb-border);image-rendering:auto;flex:none}.user-menu{position:relative;& summary{list-style:none;cursor:pointer;border-radius:50%;&::-webkit-details-marker{display:none}}& .avatar{--size:2.25rem}& .user-menu__panel{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + var(--sb-space-2));min-inline-size:12rem;padding:var(--sb-space-2);border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-md);background:var(--sb-surface-raised);box-shadow:var(--sb-shadow-3);z-index:var(--sb-z-dropdown);& p{padding:var(--sb-space-2)var(--sb-space-3);color:var(--sb-text-2);font-size:var(--sb-font-size-1);& strong{display:block;color:var(--sb-text-1)}}& button{inline-size:100%;justify-content:flex-start}}}.hero{container:hero/inline-size;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr)minmax(0,1fr);align-items:center;min-block-size:20rem;padding-block:var(--sb-space-6)0;@container page (width < 60rem){grid-template-columns: minmax(0, 1fr);
		}}.hero__copy{position:relative;z-index:var(--sb-z-raised);padding-block:var(--sb-space-6)}.hero__title{font-family:var(--sb-font-display);font-size:var(--sb-font-size-8);font-weight:var(--sb-font-weight-bold);line-height:var(--sb-line-height-tight);letter-spacing:var(--sb-letter-spacing-display);text-wrap:balance;white-space:nowrap;@container page (width < 36rem){white-space: normal;
		}& em{font-style:normal;color:var(--sb-brand);text-shadow:0 0 32px oklch(from var(--sb-brand) l c h/.45)}}.hero__lede{max-inline-size:38rem;margin-block-start:var(--sb-space-6);color:var(--sb-text-2);font-size:var(--sb-font-size-4);line-height:1.45}.hero__actions{margin-block-start:var(--sb-space-6);--gap:var(--sb-space-4)}.hero__art{position:relative;align-self:end;aspect-ratio:180/84;margin-inline-start:-6%;container-type:inline-size;@container page (width < 60rem){display: none;
		}& .scene{position:absolute;inset:0;inline-size:100%;block-size:100%}}.hero__motto{position:absolute;inset-block-start:21%;inset-inline-end:17%;margin:0;font-family:var(--sb-font-display);font-weight:var(--sb-font-weight-bold);font-size:min(var(--sb-font-size-5),3.4cqi);line-height:1.15;letter-spacing:var(--sb-letter-spacing-caps);color:var(--sb-brand-light);text-transform:uppercase;&::after{content:"";display:block;inline-size:.6em;block-size:max(2px,.125em);margin-block-start:.5em;background:currentColor}}.badge-datastar{--sb-frame-color:var(--sb-datastar);position:absolute;inset-block-end:22%;inset-inline-end:1.5%;display:inline-flex;align-items:center;gap:.85em;padding:.85em 1.15em;background:oklch(from var(--sb-bg) l c h/.85);color:var(--sb-datastar);font-family:var(--sb-font-display);font-size:min(var(--sb-font-size-2),1.95cqi);line-height:1.1;letter-spacing:var(--sb-letter-spacing-caps);text-decoration:none;text-transform:uppercase;transition:translate var(--sb-duration-fast)var(--sb-ease-standard);& b{display:block;font-size:1.3em}& svg{inline-size:1.25em;block-size:1.25em}&:hover{translate:2px 0}}.scene .twinkle{animation:twinkle 3.2s var(--sb-ease-steps)infinite;&:nth-of-type(3n){animation-delay:-1.1s;animation-duration:4.1s}&:nth-of-type(4n + 1){animation-delay:-2.3s;animation-duration:5.3s}}.scene .rocket-float{animation:float 4s steps(8,jump-none)infinite alternate}.scene .flame{animation:flicker .36s steps(2,jump-none)infinite}@keyframes twinkle{0%,70%,100%{opacity:1}80%{opacity:.25}}@keyframes float{from{translate:0 0}to{translate:0 -6px}}@keyframes flicker{from{opacity:1}to{opacity:.7}}.pixel-sprite{image-rendering:pixelated;shape-rendering:crispEdges}.sidebar{border-inline-end:var(--sb-border-width)solid var(--sb-border-subtle);@container page (width < 56rem){border-inline-end: 0;

			& .side-links,
			& .sidebar__motto,
			& hr {
				display: none;
			}
		}}.sidebar__inner{display:flex;flex-direction:column;gap:var(--sb-space-6);padding-block:var(--sb-space-6);padding-inline-end:var(--sb-space-4);@container page (width >= 56rem){position: sticky;
			inset-block-start: 0;
			block-size: min(100dvh, 100%);
			overflow-y: auto;
			scrollbar-width: thin;
		}@container page (width < 56rem){padding-inline-end: 0;
		}}.cat-nav{display:flex;flex-direction:column;gap:var(--sb-space-1);@container page (width < 56rem){flex-direction: row;
			overflow-x: auto;
			padding-block-end: var(--sb-space-2);
			scrollbar-width: thin;
		}}.cat-nav__item{position:relative;display:grid;grid-template-columns:1.5rem 1fr auto;align-items:center;gap:var(--sb-space-3);padding:var(--sb-space-2)var(--sb-space-3);border-radius:var(--sb-radius-sm);color:var(--sb-text-1);text-decoration:none;transition:background var(--sb-duration-fast)var(--sb-ease-standard);& svg{inline-size:1.25rem;block-size:1.25rem;color:var(--sb-text-2)}& .count{color:var(--sb-text-2);font-size:var(--sb-font-size-1);font-variant-numeric:tabular-nums}&:hover{background:var(--sb-surface-hover)}&[aria-current=true]{background:var(--sb-brand-subtle);color:var(--sb-brand-light);& svg, & .count{color:var(--sb-brand-light)}&::before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--sb-space-3));inline-size:3px;background:var(--sb-brand);border-radius:0 2px 2px 0}}&:is(.is-empty):not([aria-current=true]){opacity:.45}@container page (width < 56rem){grid-template-columns: auto auto auto;
			white-space: nowrap;

			&[aria-current="true"]::before {
				display: none;
			}
		}}.side-links{display:flex;flex-direction:column;gap:var(--sb-space-1);padding:0;list-style:none;& a{display:flex;align-items:center;gap:var(--sb-space-3);padding:var(--sb-space-2)var(--sb-space-3);border-radius:var(--sb-radius-sm);color:var(--sb-text-1);text-decoration:none;& svg{inline-size:1.15rem;block-size:1.15rem;color:var(--sb-text-2)}&:hover{background:var(--sb-surface-hover)}}}.sidebar__motto{display:flex;align-items:center;gap:var(--sb-space-4);margin-block-start:auto;padding:var(--sb-space-4)var(--sb-space-2);font-family:var(--sb-font-display);font-size:var(--sb-font-size-3);line-height:1.2;letter-spacing:var(--sb-letter-spacing-caps);color:var(--sb-text-muted);text-transform:uppercase;& .pixel-sprite{inline-size:4rem;flex:none}}.collection{container:collection/inline-size;padding:var(--sb-space-6)0 var(--sb-space-16)var(--sb-space-6);@container page (width < 56rem){padding-inline-start: 0;
		}}.collection__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--sb-space-4);margin-block-end:var(--sb-space-6);& p{margin-block-start:var(--sb-space-2);color:var(--sb-text-2)}}.section-title{display:flex;align-items:center;gap:var(--sb-space-3);font-family:var(--sb-font-display);font-size:var(--sb-font-size-5);letter-spacing:.04em;& .pixel-sprite{inline-size:1.4rem}}.select-field{display:flex;align-items:center;gap:var(--sb-space-3);color:var(--sb-text-2);& select{appearance:none;block-size:var(--sb-control-height-lg);min-inline-size:10.5rem;padding-inline:var(--sb-space-3)var(--sb-space-10);border:var(--sb-border-width)solid var(--sb-control-border);border-radius:var(--sb-radius-sm);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AEBBDD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")no-repeat right var(--sb-space-3)center/1.1rem,var(--sb-surface-raised);color:var(--sb-control-text);cursor:pointer;&:hover{border-color:var(--sb-control-border-hover)}}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:var(--sb-space-5);padding:0;list-style:none}.empty-state{display:grid;justify-items:center;gap:var(--sb-space-3);padding:var(--sb-space-16)var(--sb-space-6);border:var(--sb-border-width)dashed var(--sb-border);border-radius:var(--sb-radius-lg);color:var(--sb-text-2);text-align:center;& h3{font-family:var(--sb-font-display);color:var(--sb-text-1)}& .pixel-sprite{inline-size:4rem}}.card{container:card/inline-size;position:relative;display:flex;flex-direction:column;padding:var(--sb-space-3);border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-lg);background:var(--sb-surface-card);transition:border-color var(--sb-duration-base)var(--sb-ease-standard),translate var(--sb-duration-base)var(--sb-ease-standard),box-shadow var(--sb-duration-base)var(--sb-ease-standard);&:hover, &:has(:focus-visible){border-color:oklch(from var(--sb-brand) l c h/.6);box-shadow:var(--sb-glow-brand);translate:0 -2px}}.card__preview{position:relative;z-index:var(--sb-z-raised);display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-block-size:9rem;padding:var(--sb-space-4);border-radius:var(--sb-radius-md);background:radial-gradient(circle at 50% 120%,oklch(from var(--sb-brand) l c h/.08),transparent 60%),var(--sb-surface-inset);overflow:hidden;& > *{max-inline-size:100%}}.card__body{display:flex;flex-direction:column;flex:1;gap:var(--sb-space-1);padding:var(--sb-space-4)var(--sb-space-1)var(--sb-space-1)}.card__name{font-size:var(--sb-font-size-3);& a{text-decoration:none;&::after{content:"";position:absolute;inset:0;border-radius:inherit}&:focus-visible{box-shadow:none;&::after{box-shadow:var(--sb-focus-ring)}}}}.card__summary{color:var(--sb-text-2);font-size:var(--sb-font-size-2);line-height:1.45;flex:1}.card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sb-space-2);margin-block-start:var(--sb-space-4)}.card__stats{display:inline-flex;align-items:center;gap:var(--sb-space-3)}.card__size{color:var(--sb-text-muted);font-size:var(--sb-font-size-00);font-variant-numeric:tabular-nums;white-space:nowrap}.author{display:inline-flex;align-items:center;gap:var(--sb-space-2);min-inline-size:0;color:var(--sb-text-2);font-size:var(--sb-font-size-2);& span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.star{position:relative;z-index:var(--sb-z-raised);display:inline-flex;align-items:center;gap:var(--sb-space-2);padding:var(--sb-space-1)var(--sb-space-2);border:var(--sb-border-width)solid transparent;border-radius:var(--sb-radius-sm);background:0 0;color:var(--sb-text-2);font-size:var(--sb-font-size-2);font-variant-numeric:tabular-nums;text-decoration:none;cursor:pointer;transition:color var(--sb-duration-fast)var(--sb-ease-standard),background var(--sb-duration-fast)var(--sb-ease-standard);& svg{inline-size:1.15rem;block-size:1.15rem;transition:scale var(--sb-duration-base)var(--sb-ease-spring)}&:hover{color:var(--sb-text-1);background:var(--sb-surface-hover);& svg{scale:1.12}}&[aria-pressed=true]{color:var(--sb-warn);& svg{fill:currentColor}}&.is-pending{opacity:.6;pointer-events:none}}.star--lg{padding:var(--sb-space-2)var(--sb-space-4);border-color:var(--sb-border);background:var(--sb-surface-raised)}.site-footer{border-block-start:var(--sb-border-width)solid var(--sb-border-subtle);color:var(--sb-text-muted);font-size:var(--sb-font-size-1);& .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sb-space-4);padding-block:var(--sb-space-6)}& a{color:var(--sb-text-2)}& .made-with{display:inline-flex;align-items:center;gap:var(--sb-space-2)}}.page-head{display:grid;gap:var(--sb-space-3);padding-block:var(--sb-space-10)var(--sb-space-6);border-block-end:var(--sb-border-width)solid var(--sb-border-subtle);& h1{font-family:var(--sb-font-display);font-size:var(--sb-font-size-7);line-height:var(--sb-line-height-tight);letter-spacing:var(--sb-letter-spacing-display)}& .lede{max-inline-size:48rem;color:var(--sb-text-2);font-size:var(--sb-font-size-4)}}.breadcrumbs{display:flex;gap:var(--sb-space-2);color:var(--sb-text-muted);font-size:var(--sb-font-size-1);& a{color:var(--sb-text-2);text-decoration:none;&:hover{color:var(--sb-text-1)}}}.meta-row{--gap:var(--sb-space-4);color:var(--sb-text-2)}.tag-chip{display:inline-flex;align-items:center;gap:var(--sb-space-1);padding:.15em .6em;border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-xs);color:var(--sb-text-2);font-size:var(--sb-font-size-0);text-decoration:none}.tag-chip--brand{border-color:oklch(from var(--sb-brand) l c h/.5);background:var(--sb-brand-subtle);color:var(--sb-brand-light)}.prose{max-inline-size:52rem;color:var(--sb-text-2);font-size:var(--sb-font-size-3);& > * + *{margin-block-start:var(--sb-space-4)}& :is(h2, h3){color:var(--sb-text-1);scroll-margin-block-start:var(--sb-space-6)}& h2{margin-block-start:var(--sb-space-12);padding-block-end:var(--sb-space-2);font-size:var(--sb-font-size-5);border-block-end:var(--sb-border-width)solid var(--sb-border-subtle)}& h3{margin-block-start:var(--sb-space-8);font-size:var(--sb-font-size-4)}& a{color:var(--sb-brand-light)}& strong{color:var(--sb-text-1)}& :is(ul, ol){padding-inline-start:var(--sb-space-6);& li + li{margin-block-start:var(--sb-space-2)}& li::marker{color:var(--sb-brand)}}& blockquote{padding:var(--sb-space-3)var(--sb-space-4);border-inline-start:3px solid var(--sb-brand);background:var(--sb-brand-subtle);border-radius:0 var(--sb-radius-sm)var(--sb-radius-sm)0}& table{inline-size:100%;border-collapse:collapse;font-size:var(--sb-font-size-2)}& :is(th, td){padding:var(--sb-space-2)var(--sb-space-3);border-block-end:var(--sb-border-width)solid var(--sb-border-subtle);text-align:start;vertical-align:top}& th{color:var(--sb-text-1);font-weight:var(--sb-font-weight-semibold)}}.toc{display:grid;gap:var(--sb-space-2);font-size:var(--sb-font-size-1);& h2{margin-block-end:var(--sb-space-2);color:var(--sb-text-muted);font-size:var(--sb-font-size-00);letter-spacing:var(--sb-letter-spacing-caps);text-transform:uppercase}& a{color:var(--sb-text-2);text-decoration:none;&:hover{color:var(--sb-brand-light)}}}.demo{overflow:hidden;border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-lg);background:var(--sb-surface-card)}.demo-stage{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sb-space-4);min-block-size:8rem;padding:var(--sb-space-8)var(--sb-space-6);background:radial-gradient(circle at 50% 140%,oklch(from var(--sb-brand) l c h/.1),transparent 60%),var(--sb-surface-inset);color:var(--sb-text-1);font-size:var(--sb-font-size-2);& > :is(p, div):not([class]){inline-size:100%}}.demo-code,.code-block{position:relative;border-block-start:var(--sb-border-width)solid var(--sb-border)}.code-block{border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-md);overflow:hidden}.code-copy{position:absolute;inset-block-start:var(--sb-space-2);inset-inline-end:var(--sb-space-2);z-index:var(--sb-z-raised)}.code-copy::part(tip){inset-block:50% auto;inset-inline:auto calc(100% + 6px);translate:0 -50%}.playground{container:playground/inline-size;display:grid;overflow:hidden;border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-lg);background:var(--sb-surface-card)}.playground__stage{min-block-size:12rem}.playground__controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));align-items:end;gap:var(--sb-space-5)var(--sb-space-6);padding:var(--sb-space-5)var(--sb-space-6);border-block-start:var(--sb-border-width)solid var(--sb-border);font-size:var(--sb-font-size-1)}.playground__select{display:grid;gap:var(--sb-space-2);font-weight:var(--sb-font-weight-semibold);& select{block-size:var(--sb-control-height-md);min-inline-size:0}}.playground__code{border:0;border-block-start:var(--sb-border-width)solid var(--sb-border);border-radius:0;& code:empty::before{content:"…"}}.api-table{inline-size:100%;border-collapse:collapse;font-size:var(--sb-font-size-1);& :is(th, td){padding:var(--sb-space-3);border-block-end:var(--sb-border-width)solid var(--sb-border-subtle);text-align:start;vertical-align:top}& th{color:var(--sb-text-muted);font-size:var(--sb-font-size-00);font-weight:var(--sb-font-weight-semibold);letter-spacing:var(--sb-letter-spacing-caps);text-transform:uppercase}& td:first-child code{white-space:nowrap}}.size-table{& :is(th, td):not(:first-child){text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}& tfoot :is(th, td){border-block-end:0;color:var(--sb-text-1)}& tfoot th{font-size:inherit;letter-spacing:normal;text-transform:none}& td .muted{margin-inline-start:var(--sb-space-2);font-size:var(--sb-font-size-00)}}.table-scroll{overflow-x:auto;border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-md);background:var(--sb-surface-card)}.notice{display:flex;gap:var(--sb-space-3);padding:var(--sb-space-4);border:var(--sb-border-width)solid oklch(from var(--sb-info) l c h/.4);border-radius:var(--sb-radius-md);background:var(--sb-info-subtle);color:var(--sb-text-2);& svg{flex:none;inline-size:1.25rem;block-size:1.25rem;color:var(--sb-info)}}.theme-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--sb-space-3)}.theme-option{display:grid;gap:var(--sb-space-2);padding:var(--sb-space-4);border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-md);background:var(--sb-surface-card);color:var(--sb-text-2);text-align:start;cursor:pointer;transition:border-color var(--sb-duration-fast)var(--sb-ease-standard);& strong{color:var(--sb-text-1)}& .swatches{display:flex;gap:3px;& span{inline-size:1.25rem;block-size:1.25rem;border-radius:var(--sb-radius-xs);border:var(--sb-border-width)solid oklch(100% 0 0/.12)}}&:hover{border-color:var(--sb-border-strong)}&[aria-pressed=true]{border-color:var(--sb-brand);box-shadow:var(--sb-glow-brand)}}.theme-style{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sb-space-3)var(--sb-space-6)}.theme-stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--sb-space-6);padding:var(--sb-space-8);border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-lg);background:radial-gradient(40rem 20rem at 80% 0%,var(--sb-bg-glow),transparent 70%),var(--sb-bg);color:var(--sb-text-1);transition:background var(--sb-duration-slow)var(--sb-ease-standard);& .theme-stage__cell{display:grid;gap:var(--sb-space-3);align-content:start;& h3{color:var(--sb-text-muted);font-size:var(--sb-font-size-00);letter-spacing:var(--sb-letter-spacing-caps);text-transform:uppercase}}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--sb-space-4)}.feature{display:grid;gap:var(--sb-space-2);padding:var(--sb-space-6);border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-lg);background:var(--sb-surface-card);color:var(--sb-text-2);& h3{color:var(--sb-text-1);font-family:var(--sb-font-display);font-size:var(--sb-font-size-4);letter-spacing:.03em}& .pixel-sprite{inline-size:2.5rem}}.page-head--compact{padding-block:var(--sb-space-8)var(--sb-space-5)}.code-page{padding-block-end:var(--sb-space-12)}.code-page__island{padding-block-start:var(--sb-space-6);& sb-code-playground{--sb-code-playground-height:max(28rem, calc(100dvh - 18rem))}& sb-code-playground:not(:defined){display:block;block-size:var(--sb-code-playground-height)}}.code-page__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sb-space-3);padding-block-start:var(--sb-space-4);color:var(--sb-text-2);font-size:var(--sb-font-size-1)}.flight-section{display:grid;gap:var(--sb-space-4);padding-block:var(--sb-space-10)0}.flight__lede{max-inline-size:70ch;color:var(--sb-text-2)}.flight{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(0,1fr);gap:var(--sb-space-6);padding:var(--sb-space-6);border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-md);background:var(--sb-surface-card);@container page (width < 48rem){grid-template-columns: minmax(0, 1fr);
		}& :state(pending){outline:2px dashed var(--sb-warn);outline-offset:6px;border-radius:2px}}.flight__controls{display:grid;gap:var(--sb-space-5);align-content:start}.flight__state{display:grid;gap:var(--sb-space-3);align-content:start;margin:0;padding:var(--sb-space-4);border-radius:var(--sb-radius-sm);background:var(--sb-surface-inset);font-size:var(--sb-font-size-1);& div{display:flex;justify-content:space-between;gap:var(--sb-space-4)}& dt{color:var(--sb-text-muted)}& dd{margin:0;color:var(--sb-text-1);font-weight:var(--sb-font-weight-bold)}&::before{content:"The server's state";color:var(--sb-text-muted);font-size:var(--sb-font-size-0,.75rem);letter-spacing:var(--sb-letter-spacing-caps);text-transform:uppercase}}.flight__error{margin:0;color:var(--sb-danger);font-size:var(--sb-font-size-1)}.mission{container:mission/inline-size;display:grid;gap:var(--sb-space-5);padding:var(--sb-space-6);border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-lg);background:var(--sb-surface-card)}.mission__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sb-space-4);& h2{margin-inline-end:auto}}.mission__stage{--_c:var(--sb-text-2);padding:var(--sb-space-1)var(--sb-space-3);border:var(--sb-border-width)solid color-mix(in oklch,var(--_c) 50%,transparent);border-radius:var(--sb-radius-xs);color:var(--_c);font-family:var(--sb-font-display);letter-spacing:var(--sb-letter-spacing-caps);&[data-stage=ASCENT]{--_c:var(--sb-warn)}&[data-stage=MECO]{--_c:var(--sb-danger)}&[data-stage=ORBIT]{--_c:var(--sb-ok)}}.mission__clock{color:var(--sb-text-1);font-family:var(--sb-font-display);font-size:var(--sb-font-size-5);font-variant-numeric:tabular-nums;min-inline-size:7ch;text-align:end}.mission__grid{display:grid;grid-template-columns:minmax(0,1.1fr)minmax(0,1fr);gap:var(--sb-space-6);@container mission (width < 44rem){grid-template-columns: minmax(0, 1fr);
		}}.mission__view{position:relative;display:grid;place-items:center;min-block-size:20rem;border-radius:var(--sb-radius-md);overflow:hidden;& sb-starfield{position:absolute;inset:0;--sb-starfield-height:100%}& sb-voxel{position:relative;--sb-voxel-size:15rem}}.mission__panel{display:grid;align-content:center;gap:var(--sb-space-6)}.mission__gauges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sb-space-4);justify-items:center;& sb-gauge{--sb-gauge-size:100%}}.mission__row{display:grid;gap:var(--sb-space-2);& sb-sparkline{--sb-sparkline-width:100%}}.mission__panel sb-meter{--sb-meter-width:100%}.mission__caption{color:var(--sb-text-2);font-size:var(--sb-font-size-1);font-weight:var(--sb-font-weight-semibold)}.mission__note{color:var(--sb-text-muted);font-size:var(--sb-font-size-1)}.howto{border-block-start:var(--sb-border-width)solid var(--sb-border-subtle);padding-block-start:var(--sb-space-3);color:var(--sb-text-2);font-size:var(--sb-font-size-1);& summary{display:inline-flex;align-items:center;gap:var(--sb-space-2);color:var(--sb-text-2);font-weight:var(--sb-font-weight-semibold);cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&::before{content:"";inline-size:6px;block-size:10px;background:currentColor;clip-path:polygon(0 0,2px 0,2px 2px,4px 2px,4px 4px,6px 4px,6px 6px,4px 6px,4px 8px,2px 8px,2px 10px,0 10px);transition:rotate var(--sb-duration-fast)var(--sb-ease-standard)}&:hover{color:var(--sb-text-1)}}&[open] summary::before{rotate:90deg}&::details-content{block-size:0;overflow:clip;transition:block-size var(--sb-duration-base)var(--sb-ease-standard),content-visibility var(--sb-duration-base)allow-discrete}&[open]::details-content{block-size:auto}}.howto__body{display:grid;gap:var(--sb-space-3);max-inline-size:60rem;padding-block-start:var(--sb-space-3);font-size:var(--sb-font-size-2);line-height:var(--sb-line-height-normal);& h3{margin-block-start:var(--sb-space-3);color:var(--sb-text-1);font-size:var(--sb-font-size-3)}& strong{color:var(--sb-text-1)}& ul{display:grid;gap:var(--sb-space-2);padding-inline-start:var(--sb-space-5)}& .chroma{border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-md)}& ol{display:grid;gap:var(--sb-space-2);padding-inline-start:var(--sb-space-5)}}.board-section{container:board/inline-size;display:grid;gap:var(--sb-space-5);margin-block-start:var(--sb-space-8);padding:var(--sb-space-6);border:var(--sb-border-width)solid var(--sb-border);border-radius:var(--sb-radius-lg);background:var(--sb-surface-card)}.board-stats{display:inline-flex;align-items:center;gap:var(--sb-space-2);color:var(--sb-text-2);font-size:var(--sb-font-size-1);font-variant-numeric:tabular-nums}.board-stats__dot{inline-size:8px;block-size:8px;background:var(--sb-ok);box-shadow:0 0 8px var(--sb-ok);animation:pulse 2s steps(2,jump-none)infinite}@keyframes pulse{50%{opacity:.35}}.board-section__grid{display:grid;grid-template-columns:minmax(0,34rem)minmax(0,1fr);gap:var(--sb-space-8);align-items:start;@container board (width < 44rem){grid-template-columns: minmax(0, 1fr);
		}& sb-pixel-board{--sb-pixel-board-size:100%}}.board-section__about{display:grid;gap:var(--sb-space-3);color:var(--sb-text-2);& ol{display:grid;gap:var(--sb-space-2);padding-inline-start:var(--sb-space-5)}& strong{color:var(--sb-text-1)}}@view-transition{navigation: auto;
	}}@layer components{.chroma{margin:0;padding:var(--sb-space-4)var(--sb-space-5);overflow-x:auto;background:var(--sb-surface-inset);color:var(--sb-text-2);font-size:var(--sb-font-size-1);line-height:1.7;tab-size:2;& :is(.k, .kc, .kd, .kn, .kp, .kr, .kt){color:var(--sb-code-keyword)}& :is(.nt, .nb, .bp){color:var(--sb-code-tag)}& :is(.na, .nf, .fm){color:var(--sb-code-function)}& :is(.s, .s1, .s2, .sb, .sc, .sd, .se, .sh, .si, .sx, .sr, .ss, .dl){color:var(--sb-code-string)}& :is(.m, .mb, .mf, .mh, .mi, .il, .mo){color:var(--sb-code-number)}& :is(.c, .ch, .cm, .c1, .cs, .cp, .cpf){color:var(--sb-text-muted);font-style:italic}& :is(.o, .ow, .p){color:var(--sb-text-muted)}& :is(.nv, .vc, .vg, .vi, .nx){color:var(--sb-text-1)}}}@layer utilities{.sb-pixel-frame{--_s:var(--sb-frame-step);--_c:var(--sb-frame-color);border:0;border-radius:0;box-shadow:0 calc(-1 * var(--_s))0 0 var(--_c),0 var(--_s)0 0 var(--_c),calc(-1 * var(--_s))0 0 0 var(--_c),var(--_s)0 0 0 var(--_c);margin:var(--_s)}.sb-pixel-frame--drop{box-shadow:0 calc(-1 * var(--_s))0 0 var(--_c),0 var(--_s)0 0 var(--_c),calc(-1 * var(--_s))0 0 0 var(--_c),var(--_s)0 0 0 var(--_c),calc(var(--_s) * 2)calc(var(--_s) * 2)oklch(0% 0 0/.45)}.visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pixel-font{font-family:var(--sb-font-display);letter-spacing:.03em}.muted{color:var(--sb-text-muted)}}@layer theme{@media(prefers-color-scheme:light){:root:not([data-sb-theme]){color-scheme:light;--sb-art-star:oklch(42% 0.08 285);--sb-art-star-dim:oklch(68% 0.05 280);--sb-art-smoke-light:oklch(95% 0.012 280);--sb-art-smoke:oklch(87% 0.025 282);--sb-art-smoke-shade:oklch(74% 0.04 284);--sb-bg:oklch(98.5% 0.005 270);--sb-bg-glow:oklch(90% 0.05 290 / 0.5);--sb-surface-raised:oklch(100% 0 0);--sb-surface-card:oklch(100% 0 0);--sb-surface-inset:oklch(96% 0.01 270);--sb-surface-hover:oklch(97% 0.012 280);--sb-surface-overlay:oklch(30% 0.03 270 / 0.4);--sb-border:oklch(88% 0.015 270);--sb-border-subtle:oklch(92% 0.01 270);--sb-border-strong:oklch(78% 0.02 270);--sb-text-1:oklch(22% 0.03 270);--sb-text-2:oklch(40% 0.03 270);--sb-text-muted:oklch(50% 0.03 270);--sb-code-keyword:oklch(47% 0.2 288);--sb-code-function:oklch(45% 0.17 310);--sb-code-tag:oklch(46% 0.13 245);--sb-code-string:oklch(45% 0.12 155);--sb-code-number:oklch(48% 0.12 60);--sb-text-on-danger:#fff;--sb-brand:oklch(55% 0.22 288);--sb-brand-hover:oklch(50% 0.22 288);--sb-brand-light:oklch(55% 0.22 288);--sb-brand-subtle:oklch(55% 0.22 288 / 0.1);--sb-accent:oklch(55% 0.15 243);--sb-datastar:oklch(55% 0.15 152);--sb-ok:oklch(55% 0.15 152);--sb-ok-subtle:oklch(55% 0.15 152 / 0.1);--sb-warn:oklch(62% 0.14 70);--sb-danger:oklch(55% 0.2 25);--sb-info:oklch(55% 0.15 243);--sb-control-bg:oklch(100% 0 0);--sb-control-border:oklch(85% 0.015 270);--sb-control-border-hover:oklch(75% 0.02 270);--sb-control-text:oklch(22% 0.03 270);--sb-control-placeholder:oklch(60% 0.02 270);--sb-frame-color:oklch(55% 0.22 288);--sb-focus-ring:0 0 0 2px var(--sb-bg), 0 0 0 4px oklch(55% 0.22 288);--sb-glow-brand:0 0 0 1px oklch(55% 0.22 288 / 0.2), 0 8px 24px -10px oklch(55% 0.22 288 / 0.35)}}}