@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-block-size:100dvh;font-family:var(--font-sans);font-size:var(--font-size-2);line-height:var(--line-height-body);color:var(--ink);background-color:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,picture,video,canvas,svg{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--measure:66ch;--size-content-1:20rem;--size-content-2:45rem;--size-content-3:60rem;--radius-1:2px;--radius-2:4px;--radius-3:8px;--radius-4:12px;--radius-round:50%;--radius-pill:9999px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--font-size-0:.75rem;--font-size-1:.875rem;--font-size-2:1rem;--font-size-3:1.125rem;--font-size-4:1.25rem;--font-size-5:1.5rem;--font-size-6:2rem;--font-size-7:2.5rem;--line-height-tight:1.2;--line-height-body:1.5;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--neutral-1:#fcfcfc;--neutral-2:#f9f9f9;--neutral-3:#f0f0f0;--neutral-4:#e8e8e8;--neutral-5:#e0e0e0;--neutral-6:#d8d8d8;--neutral-7:#cecece;--neutral-8:#bbb;--neutral-9:#8d8d8d;--neutral-10:gray;--neutral-11:#646464;--neutral-12:#202020;--accent-2:#eef3ff;--accent-6:#b8ccf0;--accent-9:#3b6fe0;--accent-10:#315fc4;--accent-11:#2f5bb8;--danger-2:#fdecec;--danger-6:#f0b8b8;--danger-9:#d33b3b;--danger-10:#bd3131;--danger-11:#a62f2f;--success-2:#e9f7ee;--success-6:#a9dbbc;--success-9:#2f9d55;--success-10:#298a4a;--success-11:#237a41;--warning-2:#fdf3e2;--warning-6:#f0d29a;--warning-9:#d9911f;--warning-10:#c07f18;--warning-11:#a56d14;--surface-page:var(--neutral-1);--surface-raised:var(--neutral-2);--surface-sunken:var(--neutral-3);--surface-overlay:var(--neutral-1);--ink:var(--neutral-12);--ink-muted:var(--neutral-11);--ink-subtle:var(--neutral-10);--ink-on-solid:var(--neutral-1);--border-subtle:var(--neutral-6);--border:var(--neutral-7);--border-strong:var(--neutral-8);--accent-surface:var(--accent-2);--accent-border:var(--accent-6);--accent-solid:var(--accent-9);--accent-solid-hover:var(--accent-10);--accent-ink:var(--accent-11);--danger-surface:var(--danger-2);--danger-border:var(--danger-6);--danger-solid:var(--danger-9);--danger-solid-hover:var(--danger-10);--danger-ink:var(--danger-11);--success-surface:var(--success-2);--success-border:var(--success-6);--success-solid:var(--success-9);--success-solid-hover:var(--success-10);--success-ink:var(--success-11);--warning-surface:var(--warning-2);--warning-border:var(--warning-6);--warning-solid:var(--warning-9);--warning-solid-hover:var(--warning-10);--warning-ink:var(--warning-11);--focus-ring:var(--accent-9);--focus-ring-width:2px;--radius-control:var(--radius-2);--radius-panel:var(--radius-3);--radius-card:var(--radius-4)}}@layer primitives{.stack{gap:var(--stack-space,var(--space-4));align-items:var(--stack-align,stretch);justify-content:var(--stack-justify,flex-start);flex-direction:column;display:flex}.row{flex-direction:row;flex-wrap:var(--row-wrap,wrap);gap:var(--row-space,var(--space-4));align-items:var(--row-align,center);justify-content:var(--row-justify,flex-start);display:flex}.grid{gap:var(--grid-space,var(--space-4));grid-template-columns:repeat(var(--grid-cols,auto-fill), minmax(min(var(--grid-min,16rem), 100%), 1fr));display:grid}.center{box-sizing:content-box;max-inline-size:var(--center-max,var(--measure));padding-inline:var(--center-gutter,var(--space-4));margin-inline:auto}.center--flex{align-items:var(--center-align,center);flex-direction:column;display:flex}}@layer components;@layer game{:root{--board-bg:var(--neutral-12);--board-line:var(--neutral-10);--peg-blue:var(--accent-9);--peg-blue-lit:var(--accent-10);--peg-orange:var(--warning-9);--peg-orange-lit:var(--warning-10)}body{background:var(--surface-page);color:var(--ink)}main.shell{place-items:center;min-height:100dvh;padding:16px;display:grid}}@layer theme;@layer utilities{.visually-hidden:not(:focus):not(:active){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}