:root{color:#3a312a;font-family:Iowan Old Style,Palatino,Palatino Linotype,Georgia,DejaVu Sans,Noto Sans,serif;font-size:calc(16px * var(--ui,1));--ink:#3a312a;--cream:#fff9ee;--paper:#f6edd8;--moss:#6f8f5b;--moss-deep:#3e5a38;--terra:#d4785a;--sky:#8ec6e0;--honey:#e6b15a;background:#e7d3b0}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body.reduce *{transition:none!important;animation:none!important}button,input,select{font:inherit;color:inherit}button{background:var(--cream);border:2.5px solid var(--ink);box-shadow:2px 3px 0 var(--ink);cursor:pointer;border-radius:14px;padding:.35rem .65rem}button:hover{background:var(--paper)}button[aria-pressed=true]{background:var(--honey)}button.danger{background:#f6e4dc}button:disabled{opacity:.55;cursor:not-allowed}.shell{background:radial-gradient(circle at 20% 0,#f6edd8,#0000 40%),#e7d3b0;grid-template:"top top top""cat stage ins"minmax(0,1fr)"tick tick tick"/18rem minmax(0,1fr) 22rem;height:100%;display:grid}.top{background:var(--cream);border-bottom:3px solid var(--ink);flex-wrap:wrap;grid-area:top;align-items:center;gap:.45rem .6rem;padding:.45rem .7rem;display:flex}.brand{align-items:center;gap:.45rem;min-width:12rem;display:flex}.brand strong{font-size:1.05rem;display:block}.brand small,.muted{color:#5c5148}.paw{background:var(--honey);border:2.5px solid var(--ink);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.speeds,.nav{flex-wrap:wrap;gap:.3rem;display:flex}.meter{text-align:left;flex-direction:column;align-items:flex-start;gap:.05rem;min-width:6.2rem;display:flex}.meter b{font-size:1.05rem}.meter .why{font-size:.75rem;text-decoration:underline}.price{background:var(--paper);border:2.5px solid var(--ink);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.25rem .55rem;display:flex}.price input{accent-color:#8d4e32;width:7.5rem}.fair{color:#5c5148;flex-basis:100%;margin:0;font-size:.78rem}.catalog,.inspector{background:var(--cream);padding:.6rem;overflow:auto}.catalog{border-right:3px solid var(--ink);grid-area:cat}.inspector{border-left:3px solid var(--ink);grid-area:ins}.stage{border:3px solid var(--ink);background:#8faf72;border-radius:18px;grid-area:stage;min-height:0;margin:.45rem;position:relative;overflow:hidden;box-shadow:4px 5px #3a312a40}.stage canvas{touch-action:none;width:100%;height:100%;display:block}.ticker{background:var(--paper);border-top:3px solid var(--ink);grid-area:tick;align-items:center;gap:.45rem;padding:.4rem .6rem;display:flex;overflow:auto}.ticker p{white-space:nowrap;margin:0}.cat-head,.inspector h2,.sheet h2{margin:.2rem 0 .45rem}.build{text-align:left;align-items:flex-start;gap:.45rem;width:100%;margin:.35rem 0;display:flex}.build svg{flex:none}.build-name{font-weight:700;display:block}.build-cost,.build-blurb{color:#5c5148;font-size:.78rem;display:block}h3{margin:.8rem 0 .2rem;font-size:.92rem}.check{border:2px solid var(--ink);border-radius:12px;margin:.35rem 0;padding:.4rem .5rem}.check strong{display:block}.check p{margin:.15rem 0 0}.check-good{background:#e7f0dc}.check-warn{background:repeating-linear-gradient(135deg,#f8efd4,#f8efd4 6px,#f3e2b0 6px 9px)}.check-bad{background:#f6e4dc;border-style:dashed}.shape{letter-spacing:.01em;font-weight:700}.bar{margin:.35rem 0;font-size:.85rem;display:block}.bar .track{margin-top:.2rem}.track{border:2px solid var(--ink);background:#fff;border-radius:99px;height:.7rem;overflow:hidden}.fill{background:var(--moss);height:100%}.fill.warn{background:var(--honey)}.fill.bad{background:var(--terra)}.row{flex-wrap:wrap;gap:.35rem;margin:.35rem 0;display:flex}.animal,.card,.clip,.line,.staff{border:2px solid var(--ink);background:var(--cream);border-radius:12px;margin:.35rem 0;padding:.45rem .55rem}.clip{background:#fffdf6;box-shadow:2px 2px #3a312a26}.clip h3{margin-top:0}.empty{background:var(--paper);border-radius:12px;padding:.6rem}.toast{background:var(--cream);border:2.5px solid var(--ink);max-width:min(420px,100% - 24px);box-shadow:3px 3px 0 var(--ink);z-index:3;border-radius:14px;padding:.45rem .6rem;position:absolute;top:12px;left:12px}.banner{background:var(--honey);border:2.5px solid var(--ink);z-index:2;border-radius:999px;max-width:calc(100% - 24px);padding:.25rem .7rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.bubble{background:var(--cream);border:2.5px solid var(--ink);width:min(420px,100% - 24px);box-shadow:3px 4px 0 var(--ink);z-index:3;border-radius:18px 18px 18px 6px;padding:.7rem .75rem;position:absolute;bottom:12px;left:12px}.bubble p{margin:.25rem 0 .5rem}.modal[hidden],.toast[hidden],.banner[hidden],.bubble[hidden],.debug[hidden]{display:none}.modal{z-index:20;background:#3a312a61;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.sheet{background:var(--cream);border:3px solid var(--ink);width:min(740px,100%);max-height:min(82vh,860px);box-shadow:6px 8px 0 var(--ink);border-radius:22px;padding:.9rem 1rem 1.1rem;overflow:auto}.debug{background:var(--cream);border:3px solid var(--ink);z-index:30;width:min(420px,100% - 24px);box-shadow:4px 4px 0 var(--ink);border-radius:16px;padding:.6rem;position:fixed;bottom:64px;right:12px}.debug pre{background:var(--paper);border-radius:8px;max-height:220px;padding:.4rem;font-size:.75rem;overflow:auto}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}@media (width<=1100px){.shell{grid-template-columns:15rem minmax(0,1fr) 18rem}}@media (width<=860px){.shell{grid-template:"top""stage"16rem"ins"minmax(280px,1fr)"cat""tick"/1fr}.catalog,.inspector{border:0;border-top:3px solid var(--ink);max-height:280px}}