:root{--c-bg: #faf7f3;--c-ink: #241f2b;--c-accent: #6e5a92;--c-text: #3f3949;--c-text-soft: #574f63;--c-muted: #5c5468;--c-line: #e6ded4;--c-panel: #ede6f4;--c-selection: #ded2f0;--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-body: "Karla", system-ui, -apple-system, "Segoe UI", sans-serif;--ls-micro: .14em;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);font-size:1rem;font-weight:400;color:var(--c-text);background:var(--c-bg);overflow:hidden}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}button{min-block-size:44px;min-inline-size:44px;font:inherit;cursor:pointer}.app{display:grid;grid-template-rows:auto 1fr;block-size:100dvh}.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;border-block-end:1px solid var(--c-line);background:var(--c-bg)}.bar__title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--c-ink)}.home{display:inline-flex;gap:.4rem;align-items:center;min-block-size:44px;padding:.4rem .9rem;border:1px solid var(--c-line);border-radius:999px;color:var(--c-text);font-size:.875rem;text-decoration:none}.home:hover{border-color:var(--c-accent);color:var(--c-accent)}.home__icon{inline-size:1.125rem;block-size:1.125rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bar__group{display:flex;align-items:center;gap:1rem}.bar__toggle{padding:.4rem .9rem;border:1px solid var(--c-line);border-radius:999px;background:transparent;color:var(--c-text);font-size:.875rem}.bar__toggle:hover{border-color:var(--c-accent);color:var(--c-accent)}.stage{position:relative;min-block-size:0}#board{display:block;inline-size:100%;block-size:100%}body.is-armed #board{cursor:crosshair}.panel{position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(19rem,80vw);padding:1.25rem;overflow-y:auto;border-inline-start:1px solid var(--c-line);background:var(--c-bg)}.panel__title{margin:0 0 .25rem;font-size:.8125rem;font-weight:700;letter-spacing:var(--ls-micro);text-transform:uppercase;color:var(--c-muted)}.panel__hint{margin:0 0 1rem;font-size:.875rem;color:var(--c-text-soft)}.palette{display:grid;gap:.5rem}.stitch{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:.75rem;padding:.5rem;border:1px solid var(--c-line);border-radius:10px;background:transparent;text-align:start}.stitch:hover{border-color:var(--c-accent)}.stitch[aria-pressed=true]{border-color:var(--c-accent);background:var(--c-selection)}.stitch__label{display:grid;gap:.1rem;line-height:1.25}.stitch__hu{color:var(--c-ink);font-size:.9375rem}.stitch__en{color:var(--c-muted);font-size:.8125rem}.stitch__key{padding:.1rem .4rem;border:1px solid var(--c-line);border-radius:4px;background:var(--c-panel);color:var(--c-muted);font-family:var(--font-body);font-size:.75rem}