:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12141a;--surface:#171a21;--surface-2:#1c1f28;--surface-3:#232733;--line:#2f3545;--text:#e6e8ee;--text-dim:#9aa3b8;--text-mid:#b6bccd;--accent:#7cc4ff;--accent-bright:#9ed3ff;--accent-soft:#cfe9ff;--on-accent:#12141a;--ok:#6ee7a8;--warn:#ffb86b;--err:#ff6b6b;--err-text:#ffb0b0;--s1:.25rem;--s2:.4rem;--s3:.6rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--radius:4px;--radius-sm:3px;--radius-lg:8px;--font:15px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-sm:.8rem}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:var(--font);margin:0}h1{margin:0 0 var(--s1);letter-spacing:-.01em;font-size:1.5rem}h2{margin:var(--s6) 0 var(--s3);color:var(--text-dim);font-size:1rem;font-weight:600}p{margin:var(--s2) 0;color:var(--text-mid)}code{color:var(--text);background:var(--surface-2);border-radius:var(--radius-sm);padding:.1em .35em}a{color:var(--accent)}table{border-collapse:collapse;width:100%;margin:var(--s2) 0}td{padding:.3rem var(--s3) .3rem 0;border-bottom:1px solid var(--surface-3)}td:last-child{text-align:right}thead td{color:var(--text-dim)}.ok{color:var(--ok)}.missing{color:var(--warn)}.note{border-left:2px solid var(--line);padding:var(--s2) 0 var(--s2) var(--s4);margin:var(--s4) 0;color:var(--text-dim)}.error{border-left:2px solid var(--err);padding:var(--s2) 0 var(--s2) var(--s4);margin:var(--s4) 0;color:var(--err-text)}.bar{align-items:center;gap:var(--s3);flex-wrap:wrap;margin:.75rem 0 0;display:flex}.inline{align-items:center;gap:var(--s2);color:var(--text-dim);display:flex}.btn{font:inherit;color:var(--on-accent);background:var(--accent);border-radius:var(--radius);padding:var(--s2) .9rem;cursor:pointer;border:0}.btn:hover{background:var(--accent-bright)}.btn.secondary{color:var(--text);background:var(--surface-2);border:1px solid var(--line)}.btn.secondary:hover{background:var(--surface-3)}.btn:disabled{opacity:.5;cursor:default}.field{font:inherit;width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:.45rem var(--s3)}.field:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field.slim{width:auto}.field.num{width:5.5rem}.field.grow{width:100%}.chips{margin:.35rem 0 var(--s3);flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.chip{font:inherit;font-size:var(--font-sm);color:var(--text-mid);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;padding:.15rem .5rem;text-decoration:none;display:inline-block}.chip:hover{border-color:var(--text-dim)}.chip.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.chip.off{opacity:.35;cursor:default}.chip .count{color:var(--text-dim)}.chip.on .count{color:var(--on-accent);opacity:.7}.meta{font-size:var(--font-sm);color:var(--text-dim);margin:var(--s2) 0}.meta.ok{color:var(--ok)}.meta.warn{color:var(--warn)}.meta.err{color:var(--err-text)}.topbar{justify-content:space-between;align-items:baseline;gap:var(--s4);margin-bottom:var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--surface-3);flex-wrap:wrap;display:flex}.topbar .chips{margin:0}.split{gap:var(--s5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=62rem){.split{grid-template-columns:minmax(0,1fr)}}.pane{background:var(--surface);border:1px solid var(--surface-3);border-radius:var(--radius-lg);padding:var(--s4)}.pane h2:first-child{margin-top:0}.pane>h2{justify-content:space-between;align-items:baseline;gap:var(--s3);font-size:var(--font-sm);display:flex}.chips.modes{gap:var(--s1);margin-bottom:var(--s3)}.blurb{color:var(--text-dim);font-size:var(--font-sm);margin:0 0 var(--s3);min-height:1.4em}.bar.submit{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--surface-3)}.spend{align-items:baseline;gap:var(--s2);padding-bottom:var(--s3);border-bottom:1px solid var(--surface-3);flex-wrap:wrap;display:flex}.spend strong{color:var(--text);font-size:1.1rem}.spend .meta{margin:0}.bar.pager{margin-top:var(--s5);justify-content:center}.grid{gap:var(--s4);margin:var(--s2) 0;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));display:grid}.grid.tight{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr))}.card{margin:0}.card figcaption{font-size:var(--font-sm);color:var(--text-dim);margin-top:var(--s2);word-break:break-word}.card.compact figcaption{font-size:.7rem}.sprite{image-rendering:pixelated;background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius);width:100%;display:block}.tiled{height:64px;image-rendering:pixelated;border:1px solid var(--surface-3);border-radius:var(--radius);background-repeat:repeat;background-size:32px 32px;margin-top:.3rem}.shot{display:block;position:relative}.shot .raw{object-fit:contain;image-rendering:auto;background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .12s ease-out;position:absolute;inset:0}.shot .raw.on{opacity:1}@media (prefers-reduced-motion:reduce){.shot .raw{transition:none}}.thumb{display:block}.card.set{position:relative}.setcover{cursor:pointer;width:100%;font:inherit;background:0 0;border:0;padding:0}.card.set .setcover:before{content:"";background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius);z-index:-1;width:100%;height:100%;position:absolute;inset:-4px -4px auto auto}.badge{right:var(--s2);bottom:var(--s2);color:var(--on-accent);background:var(--accent);border-radius:999px;padding:0 .4rem;font-size:.7rem;position:absolute}.card.set.open{background:var(--surface);border:1px solid var(--surface-3);border-radius:var(--radius-lg);padding:var(--s3);grid-column:1/-1}.card.set.open .setcover{max-width:9rem}.members{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--surface-3)}.tune{gap:var(--s5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=44rem){.tune{grid-template-columns:minmax(0,1fr)}}.preview{top:var(--s4);align-self:start;position:sticky}.preview canvas{width:100%}.preview .shot{outline-offset:2px;max-width:22rem}.panel h2:first-child{margin-top:0}.row{align-items:center;gap:var(--s3);grid-template-columns:7.5rem minmax(0,1fr) 3rem;margin:.35rem 0;display:grid}.row>span{color:var(--text-dim);font-size:.85rem}.row>output{font-size:var(--font-sm);color:var(--text);text-align:right}.row input[type=range]{width:100%}.row input[type=checkbox]{justify-self:start;width:1rem;height:1rem}.row input[type=color]{background:0 0;border:0;width:3rem;height:1.6rem;padding:0}.scroll{overflow-x:auto}.scroll table{min-width:40rem}.canvas{aspect-ratio:1;max-width:22rem;margin:var(--s3) 0;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:relative}.region{color:var(--on-accent);background:var(--accent);border:1px solid var(--accent-soft);border-radius:2px;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute}.region.round{border-radius:50%}.region.ghost{background:#7cc4ff59;border-style:dashed}