:where(.pi-draw)[data-variant=filled] path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}:where(.pi-draw):not([data-variant=filled]) path{stroke-dasharray:1;stroke-dashoffset:1px;animation:pi-draw var(--pi-duration,.62s) var(--pi-ease,cubic-bezier(.65, 0, .35, 1)) forwards}@keyframes pi-draw{to{stroke-dashoffset:0}}:where(.pi-draw):not([data-variant=filled]) path:first-child{animation-delay:calc(var(--pi-stagger,70ms) * 0)}:where(.pi-draw):not([data-variant=filled]) path:nth-child(2){animation-delay:calc(var(--pi-stagger,70ms) * 1)}:where(.pi-draw):not([data-variant=filled]) path:nth-child(3){animation-delay:calc(var(--pi-stagger,70ms) * 2)}:where(.pi-draw):not([data-variant=filled]) path:nth-child(4){animation-delay:calc(var(--pi-stagger,70ms) * 3)}:where(.pi-draw):not([data-variant=filled]) path:nth-child(5){animation-delay:calc(var(--pi-stagger,70ms) * 4)}:where(.pi-draw):not([data-variant=filled]) path:nth-child(6){animation-delay:calc(var(--pi-stagger,70ms) * 5)}:where(.pi-draw):not([data-variant=filled]) path:nth-child(7){animation-delay:calc(var(--pi-stagger,70ms) * 6)}:where(.pi-draw):not([data-variant=filled]) g+path[data-modifier]{animation-delay:calc(var(--pi-stagger,70ms) * 5)}:where(.pi-draw):not([data-variant=filled]) g+path[data-modifier]~path[data-modifier]{animation-delay:calc(var(--pi-stagger,70ms) * 6)}:where(.pi-hover){transition:transform .18s cubic-bezier(.34,1.56,.64,1)}:where(.pi-hover):hover{transform:scale(1.08)}@media (prefers-reduced-motion:reduce){:where(.pi-draw):not([data-variant=filled]) path,:where(.pi-draw):not([data-variant=filled]) g+path[data-modifier]{stroke-dashoffset:0;animation:none}:where(.pi-hover){transition:none}:where(.pi-hover):hover{transform:none}}:root{--paper:#f6f7f4;--ink:#191d1a;--muted:#697068;--hairline:#dce0d8;--redline:#b23a2b;--field:#fff}@media (prefers-color-scheme:dark){:root{--paper:#111413;--ink:#e6eae3;--muted:#848c82;--hairline:#262b27;--redline:#e4705e;--field:#171b19}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}code{background:color-mix(in srgb, var(--ink) 7%, transparent);padding:1px 5px;font-family:inherit}.sheet{max-width:1120px;margin:0 auto;padding:32px 24px 96px}.titleblock{border:1px solid var(--ink)}.titleblock__main{border-bottom:1px solid var(--ink);padding:22px 20px 20px}.titleblock h1{letter-spacing:-.02em;margin:0;font-size:clamp(24px,4.4vw,40px);font-weight:600;line-height:1.05}.titleblock p{max-width:64ch;color:var(--muted);margin:10px 0 0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.6}.fields{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.field{border-right:1px solid var(--hairline);min-width:0;padding:9px 14px}.field:last-child{border-right:0}.field dt{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.field dd{margin:3px 0 0;font-size:13px}@media (width<=640px){.fields{grid-template-columns:repeat(2,1fr)}.field:nth-child(2){border-right:0}.field:nth-child(-n+2){border-bottom:1px solid var(--hairline)}}.controls{border:1px dashed var(--hairline);background:var(--field);z-index:2;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px;padding:12px;display:flex;position:sticky;top:0}.search{min-width:0;font:inherit;color:var(--ink);border:1px solid var(--hairline);background:0 0;flex:260px;padding:6px 10px}.search:focus-visible,button:focus-visible{outline:2px solid var(--redline);outline-offset:2px}.ctrl{align-items:center;gap:6px;display:flex}.ctrl__label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}button{font:inherit;color:var(--ink);border:1px solid var(--hairline);cursor:pointer;background:0 0;padding:4px 10px;font-size:12px;transition:border-color .15s,color .15s,background .15s}button:hover{border-color:var(--ink)}button[aria-pressed=true]{border-color:var(--redline);color:var(--redline);background:color-mix(in srgb, var(--redline) 7%, transparent)}.group{margin-top:34px}.grouphead{border-bottom:1px solid var(--ink);align-items:baseline;gap:10px;padding-bottom:7px;font-size:12px;display:flex}.grouphead>span:last-child{letter-spacing:.14em;color:var(--muted);margin-left:auto;font-size:10px}.grid{border-left:1px solid var(--hairline);grid-template-columns:repeat(auto-fill,minmax(148px,1fr));display:grid}.cell{border:0;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--field);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:20px 10px 12px;transition:background .15s;display:flex;position:relative}.cell:hover{background:color-mix(in srgb, var(--redline) 5%, var(--field));border-color:var(--hairline)}.cell__art{place-items:center;height:44px;margin-bottom:8px;display:grid}.cell__name{word-break:break-word;font-size:11.5px}.cell__zh{color:var(--muted);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:11px}.cell__formula{color:var(--redline);font-size:10px}.cell__tier{letter-spacing:.1em;text-transform:uppercase;color:var(--redline);border:1px solid color-mix(in srgb, var(--redline) 40%, transparent);padding:0 4px;font-size:9px;position:absolute;top:6px;right:6px}.cell__copied{background:var(--redline);color:#fff;letter-spacing:.06em;padding:3px 0;font-size:10px;position:absolute;inset:auto 0 0}.empty{color:var(--muted);margin-top:40px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.footnote{border-top:1px solid var(--ink);color:var(--muted);flex-wrap:wrap;gap:6px 24px;margin-top:56px;padding-top:14px;font-size:11px;display:flex}.compare{margin-top:34px}.compare__note{max-width:68ch;color:var(--muted);margin:12px 0 18px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.65}.compare__grid{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.compare__pair{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--field);grid-template-columns:24px 24px 1fr;align-items:center;gap:8px;padding:10px 12px;display:grid}.compare__pair>svg:nth-child(2){opacity:.85;outline:1px dashed color-mix(in srgb, var(--redline) 40%, transparent);outline-offset:2px}.compare__pair>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.cell__covers{color:var(--muted);letter-spacing:.04em;font-size:9.5px}.cell__concepts{color:var(--muted);opacity:.75;overflow-wrap:anywhere;max-width:100%;margin-top:2px;font-size:9px;line-height:1.45}.cell__nofill{letter-spacing:.06em;color:var(--muted);border:1px dashed var(--hairline);padding:0 4px;font-size:9px;position:absolute;top:6px;left:6px}