.trade-page.page-width{width:min(100% - 48px,1360px)}.trade-professions{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.trade-profession{border:1px solid var(--border-subtle);min-width:0;min-height:90px;color:var(--text-secondary);background:var(--surface);box-shadow:var(--rd-bevel);font:inherit;text-align:center;cursor:pointer;transition:border-color var(--motion-fast,.14s) ease, background-color var(--motion-fast,.14s) ease, color var(--motion-fast,.14s) ease;align-content:center;justify-items:center;gap:6px;padding:10px 6px 9px;font-size:12.5px;font-weight:600;line-height:1.2;display:grid}.trade-profession img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated;filter:drop-shadow(0 4px 3px #00000059)}.trade-profession span{overflow-wrap:break-word;hyphens:auto}.trade-profession:hover{border-color:var(--border-strong);color:var(--text)}.trade-profession[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-panel)}.trade-profession:focus-visible,.trade-types button:focus-visible,.trade-hits button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.trade-layout{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"board side";align-items:start;gap:12px;display:grid}.trade-side{grid-area:side;gap:12px;min-width:0;display:grid}.trade-board{grid-area:board;gap:16px;min-width:0;padding:18px;display:grid}.trade-board__head{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:16px;display:grid}.trade-board__icon{place-items:center;width:80px;height:80px;display:grid;position:relative}.trade-board__icon img{z-index:1;object-fit:contain;width:64px;height:64px;image-rendering:pixelated;position:relative}.trade-board__icon:after{content:"";background:radial-gradient(#00000073,#0000 70%);width:48px;height:9px;position:absolute;bottom:2px;left:50%;translate:-50%}.trade-board__head h2{margin:0 0 4px;font-size:22px;line-height:1.2}.trade-board__head p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.trade-path{gap:10px;display:grid}.trade-path__bar{background:#3a3a3a;border:2px solid #1d1d1d;height:10px;margin:14px 12px 4px;position:relative}.trade-path__bar i{transform-origin:0;background:repeating-linear-gradient(90deg,#0000 0 18px,#00000047 18px 20px),linear-gradient(#b5ff5c,#80ff20 45%,#4fb80a);position:absolute;inset:0}.trade-path__mark{top:50%;left:var(--at);z-index:1;position:absolute;translate:-50% -50%}.trade-path p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.trade-badge{--gem:#9a9a9a;color:#1b1b1b;background:var(--gem);width:26px;height:26px;font-family:var(--font-pixel);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);flex:none;place-items:center;font-size:9px;display:inline-grid;box-shadow:inset 3px 3px #ffffff73,inset -3px -3px #0000004d}.trade-badge.is-level-2{--gem:#d9d9d9}.trade-badge.is-level-3{--gem:#f5d33b}.trade-badge.is-level-4{--gem:#19c85d}.trade-badge.is-level-5{--gem:#4fe3d4}.trade-levels{gap:16px;margin:0;padding:0;list-style:none;display:grid}.trade-level{border-top:1px solid var(--border-subtle);gap:10px;padding-top:14px;display:grid}.trade-level__head{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.trade-level__head h3{margin:0;font-size:16px}.trade-level__pick{color:var(--text-muted);font-size:12.5px}.trade-level__next{color:var(--text-secondary);margin-left:auto;font-size:12.5px}.trade-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));align-items:start;gap:8px;margin:0;padding:0;list-style:none;display:grid}.trade-row{border:1px solid var(--border-subtle);background:var(--surface-raised);min-width:0;transition:border-color var(--motion-base,.24s) ease;gap:9px;padding:10px 11px 11px;display:grid}.trade-row:hover{border-color:var(--border-strong)}.trade-offer{align-items:center;gap:5px;display:flex}.trade-slot{background:var(--bg-deep);flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:inset 2px 2px #00000080,inset -2px -2px #ffffff12}:root[data-theme=light] .trade-slot{background:#8b8b8b;box-shadow:inset 2px 2px #373737,inset -2px -2px #fff}.trade-item{flex:none;place-items:center;width:32px;height:32px;display:grid;position:relative}.trade-item img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.trade-slot__count{z-index:1;color:#fff;font-family:var(--font-num);text-shadow:2px 2px #3f3f3f;pointer-events:none;font-size:20px;font-weight:700;line-height:1;position:absolute;bottom:0;right:3px}.trade-plus{color:var(--text-muted);font-family:var(--font-pixel);font-size:10px}.trade-arrow{width:30px;height:27px;image-rendering:pixelated;transition:translate var(--motion-base,.24s) var(--ease-spring,ease-out);background:url(/assets/trading/trade_arrow.png) 50%/20px 18px no-repeat;flex:none;margin:0 3px;position:relative}.trade-arrow:after{content:"";opacity:0;background:linear-gradient(90deg,#0000 35%,#ffffffe6 50%,#0000 65%) 0 0/300% 100% no-repeat;position:absolute;inset:0;mask:url(/assets/trading/trade_arrow.png) 50%/20px 18px no-repeat}.trade-info{gap:6px;min-width:0;display:grid}.trade-info__head{align-items:baseline;gap:8px;min-width:0;display:flex}.trade-info__head strong{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:14px;line-height:1.35}.trade-role{border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-pixel);text-transform:uppercase;flex:none;padding:3px 5px 2px;font-size:8px;line-height:1}.trade-role.is-sells{border-color:var(--accent-border-soft);color:var(--accent-text)}.trade-info__price{color:var(--text-secondary);flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:13px;display:flex}.trade-price{align-items:baseline;gap:6px;display:inline-flex}.trade-price s{color:var(--text-muted);font-family:var(--font-num);font-size:1.25em;font-weight:700}.trade-price__for{color:var(--text-muted)}.trade-chips,.trade-tags{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.trade-chips li,.trade-tags li{border:1px solid var(--border-subtle);color:var(--text-muted);padding:2px 6px;font-size:11.5px;line-height:1.45}.trade-chips .is-magic{color:#caa6ff;background:#8c50ff14;border-color:#aa6eff73}:root[data-theme=light] .trade-chips .is-magic{color:#5d2aa8;background:#6e32c80f;border-color:#6e32c859}.trade-chips .is-biome{border-color:var(--accent-border-soft);color:var(--accent-text)}.trade-details summary{color:var(--accent-text);cursor:pointer;align-items:center;gap:5px;font-size:12.5px;font-weight:600;list-style:none;display:inline-flex}.trade-details summary::-webkit-details-marker{display:none}.trade-details summary svg{transition:rotate var(--motion-base,.24s) ease}.trade-details[open] summary svg{rotate:180deg}.trade-books{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 14px;max-height:280px;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.trade-books li{border-bottom:1px dashed var(--border-subtle);align-items:baseline;gap:6px;padding:3px 0;font-size:12.5px;display:flex}.trade-books li>span:first-child{flex:1;min-width:0}.trade-books b[data-numeric]{font-size:1.35em}.trade-books__double{color:var(--warning-text);font-size:11px;font-weight:700}.trade-details .trade-tags{margin-top:8px}.trade-details__note{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.trade-search,.trade-settings{gap:14px;padding:14px;display:grid}.trade-search{gap:10px}.trade-search__field{border:1px solid var(--border);color:var(--text-muted);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px 0 11px;display:grid}.trade-search__field:focus-within{border-color:var(--accent);color:var(--accent-text)}.trade-search__field input{min-width:0;height:44px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;font-size:14px}.trade-search__field input::-webkit-search-cancel-button{display:none}.trade-search__field button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.trade-hits ul{gap:2px;max-height:360px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.trade-hits button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-fast,.14s) ease, border-color var(--motion-fast,.14s) ease;background:0 0;border:0;border-left:2px solid #0000;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:6px 8px;display:grid}.trade-hits button:hover{border-left-color:var(--accent);background:var(--row-hover-bg)}.trade-hits strong{font-size:13px;display:block}.trade-hits small{color:var(--text-muted);font-size:12px}.trade-hits__empty{color:var(--text-muted);margin:0;font-size:13px}.trade-settings__group{gap:8px;display:grid}.trade-settings__label{color:var(--text);font-size:13px;font-weight:600}.trade-settings__hint{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.trade-types{flex-wrap:wrap;gap:4px;display:flex}.trade-types button{border:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--surface);box-shadow:var(--rd-bevel);font:inherit;cursor:pointer;padding:6px 9px;font-size:12.5px}.trade-types button:hover{color:var(--text)}.trade-types button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-panel)}.trade-cure{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-hero{grid-template-columns:repeat(6,minmax(0,1fr))}.trade-rebalance{border-top:1px solid var(--border-subtle);color:var(--text);font-family:var(--font-sans);grid-template-columns:34px minmax(0,1fr);padding-top:14px;font-size:13px;font-weight:600;line-height:1.35}.trade-rebalance small{color:var(--text-muted);margin-top:2px;font-size:11.5px;font-weight:400;display:block}@media (prefers-reduced-motion:no-preference){.trade-profession{animation:trade-card-in .38s var(--ease-spring,ease-out) both;animation-delay:calc(var(--i,0) * 28ms)}.trade-profession:hover img{animation:.46s steps(6,end) motion-hop}.trade-profession[aria-pressed=true] img{animation:2.2s ease-in-out infinite trade-bob}.trade-board__head{animation:trade-rise .42s var(--ease-out,ease-out) both}.trade-board__icon img{animation:3.4s ease-in-out infinite trade-float}.trade-board__icon:after{animation:3.4s ease-in-out infinite trade-shadow}.trade-path__bar i{animation:trade-fill 1.2s var(--ease-out,ease-out) .15s both}.trade-path__mark{animation:trade-pop .42s var(--ease-spring,ease-out) both}.trade-path__mark:nth-child(2){animation-delay:.25s}.trade-path__mark:nth-child(3){animation-delay:.45s}.trade-path__mark:nth-child(4){animation-delay:.7s}.trade-path__mark:nth-child(5){animation-delay:1s}.trade-level{animation:trade-rise .46s var(--ease-out,ease-out) both;animation-delay:calc(var(--i,0) * 70ms + 80ms)}.trade-row{animation:trade-slide .42s var(--ease-spring,ease-out) both;animation-delay:calc(var(--i,0) * 70ms + var(--j,0) * 45ms + .16s)}.trade-row:is(:hover,:focus-within,.is-highlighted) .trade-arrow:after{opacity:1;animation:1.6s linear infinite trade-shine}.trade-row:hover .trade-arrow{translate:4px}.trade-row.is-highlighted{animation:2.2s ease-out both trade-flash}.trade-hits li{animation:trade-slide .28s var(--ease-out,ease-out) both;animation-delay:calc(min(var(--k,0), 12) * 22ms)}.trade-details[open]>:not(summary){animation:trade-rise .28s var(--ease-out,ease-out) both}.trade-level__head .trade-badge{animation:trade-pop .46s var(--ease-spring,ease-out) both;animation-delay:calc(var(--i,0) * 70ms + .14s)}}@keyframes trade-card-in{0%{opacity:0;scale:.85}}@keyframes trade-rise{0%{opacity:0;translate:0 14px}}@keyframes trade-slide{0%{opacity:0;translate:-14px}}@keyframes trade-pop{0%{opacity:0;scale:.3}}@keyframes trade-bob{0%,to{translate:0}50%{translate:0 -4px}}@keyframes trade-float{0%,to{translate:0;rotate:0deg}50%{translate:0 -8px;rotate:-3deg}}@keyframes trade-shadow{0%,to{opacity:.9;scale:1}50%{opacity:.45;scale:.7}}@keyframes trade-fill{0%{scale:0 1}}@keyframes trade-shine{0%{background-position:110% 0}45%,to{background-position:-10% 0}}@keyframes trade-flash{0%,40%,80%{box-shadow:0 0 0 2px var(--accent), 0 0 26px #80ff2059}20%,60%,to{box-shadow:none}}@media (width<=1000px){.trade-professions{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}@media (width<=1080px){.trade-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"side""board"}.trade-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.trade-page.page-width{width:calc(100% - 24px)}.trade-professions{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:112px;grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.trade-profession{scroll-snap-align:start}.trade-side{grid-template-columns:minmax(0,1fr)}.trade-board{padding:14px}.trade-board__head{grid-template-columns:60px minmax(0,1fr);gap:12px}.trade-board__icon{width:60px;height:60px}.trade-board__icon img{width:48px;height:48px}.trade-level__next{margin-left:0}}