:root{--ink:#1e1a1d;--ink-raised:#2a252a;--board:#c8c2b6;--lamp:#e8a44c;--screen:#6e9dc0;--stamp:#c24a55;--paper:#f2ebdd;--surface-sunken:color-mix(in oklab, var(--ink) 92%, black);--surface-base:var(--ink);--surface-raised:var(--ink-raised);--surface-overlay:color-mix(in oklab, var(--ink-raised) 88%, white);--text-primary:#efe7dc;--text-secondary:#b5a9a4;--text-muted:#7e7370;--text-on-board:#3a342e;--text-on-paper:#2e2823;--light-warm:color-mix(in oklab, var(--lamp) 8%, transparent);--light-cool:color-mix(in oklab, var(--screen) 8%, transparent);--light-edge:linear-gradient(105deg, var(--light-warm), transparent 45%, var(--light-cool));--hairline:color-mix(in oklab, var(--text-primary) 12%, transparent);--hairline-strong:color-mix(in oklab, var(--text-primary) 22%, transparent);--seam-color:var(--hairline);--seam-tab-size:14px;--font-display:"Fraunces", Georgia, serif;--font-body:"Public Sans", system-ui, sans-serif;--font-data:"Space Mono", ui-monospace, monospace;--fraunces-soft:60;--fraunces-wonk:1;--size-caption:.8125rem;--size-small:.9375rem;--size-body:1.0625rem;--size-lead:1.375rem;--size-title:2rem;--size-display:3rem;--weight-normal:400;--weight-medium:500;--leading-tight:1.15;--leading-body:1.6;--tracking-data:.04em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius:8px;--radius-lg:14px;--dur-settle:.18s;--dur-base:.22s;--dur-replay:4s;--dur-ring:3s;--dur-dissolve:.9s;--ease-settle:cubic-bezier(.22, 1.2, .36, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--piece-stroke:color-mix(in oklab, var(--text-on-board) 18%, transparent);--piece-stroke-locked:color-mix(in oklab, var(--text-on-board) 8%, transparent);--piece-lift-shadow:0 6px 18px #00000059;--piece-lift-shadow-y:6px;--piece-lift-shadow-blur:18px;--piece-lift-shadow-color:#00000059;--piece-held-stroke:var(--lamp);--piece-stroke-width:1px;--piece-focus-stroke:var(--lamp);--table:color-mix(in oklab, var(--board) 92%, var(--ink));--table-grain-strength:.12;--table-grain-scale:2px;--table-grain-dark:var(--ink);--table-grain-light:var(--paper);--table-vignette:.18;--cursor-self:var(--lamp);--cursor-partner:var(--screen);--cursor-radius:9px;--board-inset-shadow:inset 0 1px 0 #ffffff0f}@media (prefers-reduced-motion:reduce){:root{--dur-settle:0s;--dur-base:0s;--dur-replay:0s;--dur-dissolve:0s}}.on-paper{--surface-base:var(--paper);--text-primary:var(--text-on-paper);--text-secondary:color-mix(in oklab, var(--text-on-paper) 70%, var(--paper));--hairline:color-mix(in oklab, var(--text-on-paper) 15%, transparent)}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;overflow:hidden}#root{height:100dvh;overflow:hidden}body{background:var(--surface-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--size-body);font-weight:var(--weight-normal);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:2px solid var(--lamp);outline-offset:2px;border-radius:var(--radius-sm)}.seam{width:100%;height:var(--seam-tab-size);flex:none}.seam--vertical{width:var(--seam-tab-size);height:100%}.seam__svg{width:100%;height:100%;display:block}.seam__svg--v,.seam--vertical .seam__svg--h{display:none}.seam--vertical .seam__svg--v{display:block}.seam__path{stroke:var(--seam-color);stroke-width:1px}.upload{height:100%;padding:var(--space-6);background:var(--surface-base);background-image:var(--light-edge);place-items:center;display:grid;overflow-y:auto}.upload__inner{gap:var(--space-6);flex-direction:column;width:100%;max-width:30rem;display:flex}.upload__title{font-family:var(--font-display);font-size:var(--size-title);font-weight:var(--weight-medium);font-variation-settings:"SOFT" var(--fraunces-soft), "WONK" var(--fraunces-wonk);line-height:var(--leading-tight);margin:0}.upload__lede{color:var(--text-secondary);font-size:var(--size-small);margin:0}.upload__difficulty{border:0;margin:0;padding:0}.upload__legend{padding:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--size-caption)}.upload__options{gap:var(--space-2);flex-wrap:wrap;display:flex}.upload__option{padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--surface-raised);background-image:var(--light-edge);color:var(--text-secondary);font-size:var(--size-small);cursor:pointer}.upload__option[data-selected=true]{background:var(--lamp);color:var(--ink);font-weight:var(--weight-medium);background-image:none}.upload__option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload__file{display:none}.dropzone{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-raised);background-image:var(--light-edge);flex-direction:column;display:flex}.dropzone[data-over=true]{background:var(--surface-overlay)}.dropzone__hint{color:var(--text-muted);font-size:var(--size-caption);text-align:center;margin:0}.lobby__field{gap:var(--space-2);flex-direction:column;display:flex}.lobby__input{padding:var(--space-3);border-radius:var(--radius);background:var(--surface-raised);color:var(--text-primary);font-family:inherit;font-size:var(--size-body);border:0}.lobby__input::placeholder{color:var(--text-muted);opacity:1}.lobby__presence{color:var(--text-secondary);font-size:var(--size-small);margin:0}.lobby__unreachable{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.lobby__unreachable-text{color:var(--stamp);font-size:var(--size-small);margin:0}.lobby__retry{padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--surface-raised);color:var(--text-primary);font-family:inherit;font-size:var(--size-small);font-weight:var(--weight-medium);cursor:pointer;border:0}.lobby__stuck{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.lobby__stuck-text{color:var(--text-secondary);font-size:var(--size-small);margin:0}.lobby__preview{gap:var(--space-3);flex-direction:column;display:flex}.lobby__preview img{border-radius:var(--radius-lg);width:100%}.lobby__change{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--surface-raised);color:var(--text-secondary);font-family:inherit;font-size:var(--size-caption);cursor:pointer;border:0;align-self:flex-start}.share{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-raised);background-image:var(--light-edge);flex-direction:column;display:flex}.share[data-emphasis=true]{background:var(--surface-overlay)}.share__label{color:var(--text-secondary);font-size:var(--size-caption);margin:0}.share[data-emphasis=true] .share__label{color:var(--text-primary)}.share__code{color:var(--lamp);font-family:var(--font-data);font-size:var(--size-lead);letter-spacing:var(--tracking-data);-webkit-user-select:all;user-select:all;margin:0}.share__row{gap:var(--space-2);display:flex}.share__link{min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--surface-sunken);color:var(--text-secondary);font-family:var(--font-data);font-size:var(--size-caption);border:0;flex:1}.share__copy{padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--lamp);color:var(--ink);font-family:inherit;font-size:var(--size-small);font-weight:var(--weight-medium);cursor:pointer;border:0;flex:none}.upload__button{padding:var(--space-3) var(--space-6);border-radius:var(--radius);background:var(--lamp);color:var(--ink);font-family:inherit;font-size:var(--size-body);font-weight:var(--weight-medium);cursor:pointer;border:0}.upload__button:disabled{background:var(--surface-raised);color:var(--text-muted);cursor:progress}.upload__error{color:var(--stamp);font-size:var(--size-small);margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game{background:var(--table);width:100%;height:100%;position:relative;overflow:hidden}.game__table{position:absolute;inset:0;overflow:hidden}.board-canvas{touch-action:none;overscroll-behavior:contain;width:100%;height:100%;display:block}.game__restart{left:var(--space-4);top:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--surface-overlay);color:var(--text-secondary);font-family:inherit;font-size:var(--size-caption);cursor:pointer;border:0;position:absolute}.game__stats{left:var(--space-4);bottom:var(--space-4);color:var(--text-muted);font-family:var(--font-data);font-size:var(--size-caption);letter-spacing:var(--tracking-data);pointer-events:none;margin:0;position:absolute}.game__count{color:var(--text-secondary)}.game__offline{left:50%;top:var(--space-4);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--surface-overlay);display:flex;position:absolute;transform:translate(-50%)}.game__offline-text{color:var(--stamp);font-size:var(--size-caption);margin:0}.game__offline-retry{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--lamp);color:var(--ink);font-family:inherit;font-size:var(--size-caption);font-weight:var(--weight-medium);cursor:pointer;border:0}.game__hint{left:50%;bottom:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--surface-overlay);color:var(--text-secondary);font-size:var(--size-caption);text-align:center;pointer-events:none;margin:0;position:absolute;transform:translate(-50%)}.game__dev{right:var(--space-4);top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-muted);font-family:var(--font-data);font-size:var(--size-caption);line-height:var(--leading-tight);pointer-events:none;margin:0;position:absolute}.game__table:focus-visible{outline:none}.game__table:focus-visible .board-canvas{outline:2px solid var(--lamp);outline-offset:calc(var(--space-1) * -1)}