.trade-icon{background:var(--color-pit);box-shadow:0 0 0 1px var(--color-pit), 0 0 0 2px #5b4a2b;border-radius:4px;flex:none;display:inline-block;overflow:hidden}.trade-icon img{object-fit:cover;width:100%;height:100%;display:block}.trade-search{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.trade-book{align-items:start;gap:1.25rem;display:grid}@media (min-width:64rem){.trade-book{grid-template-columns:16rem minmax(0,1fr);gap:1.75rem}}.trade-index{gap:1rem;margin-inline:-1rem;padding:0 1rem .5rem;display:flex;overflow-x:auto}.trade-index-group ul{gap:.5rem;display:flex}@media (min-width:64rem){.trade-index{flex-direction:column;gap:1.25rem;margin:0;padding:0;position:sticky;top:1.5rem;overflow:visible}.trade-index-group ul{flex-direction:column;gap:.375rem}}.trade-index-title{font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ash);margin-bottom:.5rem;font-weight:700}.trade-tab{border:1px solid var(--color-seam);background-color:var(--color-slab);background-image:var(--granite);background-blend-mode:soft-light;cursor:pointer;width:max-content;min-width:11rem;transition:border-color .15s, translate .12s var(--ease-out-expo);background-size:320px 320px;border-radius:3px;align-items:center;gap:.75rem;padding:.375rem .75rem .375rem .375rem;display:flex;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #00000059}@media (min-width:64rem){.trade-tab{width:100%}}.trade-tab:hover{border-color:var(--color-brass-deep)}.trade-tab.is-on{border-color:var(--color-brass);background-color:var(--color-pit);background-image:none;translate:0 1px;box-shadow:inset 0 2px 5px #000000bf}.trade-tab.is-on .font-bold{color:var(--color-brass)}@media (prefers-reduced-motion:no-preference){.trade-page{animation:page-in .45s var(--ease-out-expo)}@keyframes page-in{0%{opacity:0;translate:0 .5rem}}}.trade-head{border-bottom:1px solid var(--color-pit);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem 1.25rem;padding-bottom:1.25rem;display:grid;box-shadow:0 1px #ffffff0f}.trade-crest{background:var(--brass-lit);box-shadow:0 0 0 1px var(--color-pit), 0 6px 12px #00000080;border-radius:8px;place-items:center;padding:5px;display:grid}.trade-crest .trade-icon{box-shadow:inset 0 0 0 1px #0009}.trade-figures{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:48rem){.trade-head{grid-template-columns:auto minmax(0,1fr) auto}.trade-figures{grid-column:auto;grid-template-columns:repeat(3,6.5rem)}}.trade-figures>div{text-align:center;background:var(--color-pit);border-radius:3px;padding:.5rem .75rem;display:grid;box-shadow:inset 0 2px 4px #0009,0 1px #ffffff12}.trade-figures dd{font-family:var(--font-display);color:var(--color-chalk);font-variant-numeric:lining-nums;order:-1;font-size:1.75rem;line-height:1.1}.trade-figures dt{font-size:var(--text-2xs);color:var(--color-ash)}.trade-sub{font-family:var(--font-display);color:var(--color-brass);margin:1.5rem 0 .875rem;font-size:1.25rem}.crafter-grid{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.5rem;display:grid}.crafter{background:var(--color-pit);border-radius:3px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.375rem .5rem;padding:.5rem .625rem .625rem;display:grid;box-shadow:inset 0 2px 4px #0000008c,0 1px #ffffff0f}.crafter.is-best{box-shadow:inset 0 2px 4px #0000008c, 0 0 0 1px var(--color-brass-deep)}.crafter-name{align-items:center;gap:.5rem;min-width:0;font-weight:700;display:flex}.crafter-name:hover{color:var(--color-brass)}.crafter-rank{font-size:var(--text-2xs);color:var(--color-ash)}.crafter-bar{grid-column:1/-1}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.5rem;display:grid}.recipe-card,.recipe-row{border-radius:3px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:.625rem .75rem;display:grid}.recipe-card{background:#0000002e;box-shadow:inset 0 0 0 1px #00000059}.recipe-name{color:var(--color-chalk);font-weight:700;display:block}a.recipe-name:hover{color:var(--color-brass);text-underline-offset:3px;text-decoration:underline}.recipe-mats{font-size:var(--text-2xs);color:var(--color-ash);margin-top:.125rem;display:block}.trade-who{flex-wrap:wrap;align-items:center;gap:.125rem .875rem;margin-top:.375rem;font-size:.9375rem;display:flex}.trade-who-name{align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.trade-who-name:hover{color:var(--color-brass)}@media (min-width:48rem){.recipe-row{grid-template-columns:auto minmax(0,1fr) minmax(14rem,auto);align-items:center}.recipe-row .trade-who{justify-content:flex-end;margin-top:0}}