:root{--anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-hi:#26262a;--anatomy-lit:#000;--anatomy-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}figure{margin:0}body{background:var(--anatomy-page);color:var(--anatomy-text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#app{width:min(1180px,100% - 32px);margin:0 auto 96px}.site-nav{border-bottom:1px solid var(--anatomy-lo);align-items:center;gap:20px;margin-bottom:30px;padding:18px 0;display:flex}.site-nav .brand{color:var(--anatomy-strong);font:600 15px/1 var(--anatomy-mono);letter-spacing:.04em;flex:none;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.site-nav .brand svg{width:26px;height:26px;color:var(--anatomy-hi)}.site-nav .links{flex-wrap:wrap;flex:1;gap:4px 16px;display:flex}.site-nav .links a{color:var(--anatomy-muted);font:500 11px/1.8 var(--anatomy-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.site-nav .links a:hover,.site-nav .links a[aria-current=page]{color:var(--anatomy-strong)}i[data-accent]{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 1px var(--anatomy-card), 0 0 0 2px var(--accent);vertical-align:middle;border-radius:50%;display:inline-block}h1 i[data-accent]{width:10px;height:10px;margin:-3px 12px 0 2px}i[data-accent=red]{--accent:#e5484d}i[data-accent=green]{--accent:#30a46c}i[data-accent=blue]{--accent:#3e63dd}i[data-accent=amber]{--accent:#d9822b}i[data-accent=violet]{--accent:#7c4ddc}i[data-accent=cyan]{--accent:#0d9cc0}i[data-accent=magenta]{--accent:#d1349b}.home-hero{margin:8px 0 34px}.home-hero h1{color:var(--anatomy-strong);font:600 clamp(28px, 4.4vw, 46px)/1.08 var(--anatomy-mono);letter-spacing:-.01em;margin:0 0 10px}.home-hero p{max-width:70ch;margin:0;font-size:15px}.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:36px;display:grid}.category{color:inherit;text-decoration:none;display:block}.category .plate{transition:box-shadow .2s var(--anatomy-ease,ease);padding:40px 16px 16px}.category:hover .plate,.category:focus-visible .plate{box-shadow:0 0 0 1px var(--anatomy-hi)}.category canvas{height:200px}.category .about{margin-top:10px;display:block}.category .about strong{color:var(--anatomy-strong);font:600 13px/1.4 var(--anatomy-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;display:flex}.category .about span{color:var(--anatomy-muted);margin-top:3px;font-size:13px;display:block}.top{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.top h1{color:var(--anatomy-strong);font:600 22px/1.2 var(--anatomy-mono);letter-spacing:.02em;margin:0 0 6px}.top p{max-width:62ch;margin:0}.top .tools{flex:none;gap:8px;display:flex}button{appearance:none;background:var(--anatomy-card);color:var(--anatomy-strong);font:500 11px/1 var(--anatomy-mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 0 1px var(--anatomy-lo);cursor:pointer;border:0;border-radius:999px;padding:7px 14px}button:hover{box-shadow:0 0 0 1px var(--anatomy-mid)}button:focus-visible{outline:2px solid var(--anatomy-mid);outline-offset:2px}.plate{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);margin:0;padding:44px 20px;position:relative}.plate canvas{touch-action:manipulation;cursor:pointer;width:100%;height:300px;display:block}.plate.hero canvas{touch-action:pan-y;height:min(620px,62vw);min-height:360px}.corner{color:var(--anatomy-muted);font:10.5px/1 var(--anatomy-mono);letter-spacing:.04em;white-space:nowrap;pointer-events:none;position:absolute}.corner.fig{color:var(--anatomy-text);top:18px;left:20px}.corner.title{text-transform:uppercase;letter-spacing:.1em;top:18px;right:20px}.corner.hint{text-transform:uppercase;letter-spacing:.1em;bottom:18px;left:20px}.corner.readout{color:var(--anatomy-text);font-variant-numeric:tabular-nums;bottom:18px;right:20px}.hero-tools{gap:8px;display:flex;position:absolute;top:40px;left:20px}.legend{color:var(--anatomy-muted);margin:12px 0 0;font-size:13px;line-height:1.55}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px;display:grid}.grid figure{margin:0}.grid .legend{margin:10px 0 0}.notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;display:grid}.notes h2{color:var(--anatomy-strong);font:600 12px/1.3 var(--anatomy-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.notes p{margin:0;font-size:13px}.error{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);font-family:var(--anatomy-mono);white-space:pre-wrap;padding:24px}@media (max-width:1100px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.grid,.notes{grid-template-columns:1fr}.site-nav{flex-wrap:wrap}.site-nav .links{flex-basis:100%;order:3}.top{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.categories{grid-template-columns:1fr}.plate{padding:40px 10px 64px}.corner.hint{white-space:normal;max-width:calc(100% - 40px);bottom:36px}.corner.readout{white-space:normal;text-align:right;line-height:1.35;left:20px}.plate canvas{height:260px}.plate.hero canvas{height:72vw;min-height:220px}.plate.hero{padding-bottom:84px}.plate.hero .corner.hint{bottom:42px}.hero-tools{justify-content:center;margin:4px 0 8px;position:static}}body.solo .grid{grid-template-columns:1fr}body.solo .plate canvas{height:calc(100vh - 220px)}body.solo .notes{display:none}.plate.world .hero-tools{flex-wrap:wrap;align-items:center;right:20px}.hero-tools .seed{color:var(--anatomy-muted);font:500 11px/1 var(--anatomy-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.hero-tools input[type=number]{background:var(--anatomy-card);width:92px;color:var(--anatomy-strong);box-shadow:0 0 0 1px var(--anatomy-lo);font:500 12px/1 var(--anatomy-mono);border:0;border-radius:999px;padding:6px 10px}.chunk-nav{gap:2px;display:inline-flex}.chunk-nav button{padding:7px 9px}.schema{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-lo);margin-top:14px;padding:14px}.schema .tricks{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.schema textarea{background:var(--anatomy-page);width:100%;height:300px;color:var(--anatomy-strong);box-shadow:inset 0 0 0 1px var(--anatomy-lo);font:12px/1.5 var(--anatomy-mono);resize:vertical;border:0;padding:12px;display:block}.schema-bar{align-items:center;gap:8px;margin-top:10px;display:flex}.schema-error{color:var(--anatomy-muted);font:11px/1.4 var(--anatomy-mono);white-space:pre-wrap}.schema-error[data-state=error]{color:#e5484d}.plate.world .hero-tools{row-gap:8px;margin:0 0 10px;position:static}.tool-row{gap:2px;display:inline-flex}button[aria-pressed=true]{background:var(--anatomy-hi);color:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-hi)}.hero-tools select{background:var(--anatomy-card);color:var(--anatomy-strong);box-shadow:0 0 0 1px var(--anatomy-lo);font:500 11px/1 var(--anatomy-mono);border:0;border-radius:999px;padding:6px 10px}@media (max-width:560px){.plate.world{padding-bottom:88px}.plate.world .corner.hint{bottom:54px}}