.forge-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:6px 12px;background:#1b2b22;border-top:1px solid #49543d;color:#a4b499;font-size:9px}.forge-bar button{background:#344130;border:1px solid #7a7850;border-radius:4px;color:#e4ce98;padding:6px 9px;font-size:10px}.forge-bar small{margin-left:auto;color:#d2c194;font:9px var(--mono)}
.npc-banner{display:flex;gap:12px;align-items:center;padding:12px;background:linear-gradient(100deg,#35412d,#1c2c23);border:1px solid #737551;border-radius:5px;margin-bottom:10px}.npc-emblem{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid #a1905d;background:#3c412d;color:#eed59a;font-size:28px}.npc-banner h3{margin:4px 0;font:22px var(--serif);color:#ebe0b9}.npc-banner p{font-size:11px;margin:4px 0;color:#b8c8aa;line-height:1.5}.npc-banner>small{margin-left:auto;max-width:150px;font:9px var(--mono);color:#d4c38a;line-height:1.7}.npc-banner .eyebrow{font-size:8px}
.trade-class-tabs{display:flex;gap:6px;margin:10px 0}.trade-class-tabs button{border:1px solid #627150;background:#2b3828;color:#bfcfb0;border-radius:4px;padding:6px 14px;font-size:11px}.trade-class-tabs button.active{background:#4b4931;color:#f1d68d;border-color:#b1985d}.trade-set-title{display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap;border-left:3px solid var(--set-color);padding:3px 10px;margin:12px 0}.trade-set-title h3{font:22px var(--serif);color:var(--set-color);margin:0}.trade-set-title span{font:9px var(--mono);color:#c3ccad}.trade-set-title p{width:100%;font-size:11px;color:#aabea1;margin:0}
.materials-section{background:#18281f;border:1px solid #45583f;border-radius:4px;padding:8px 10px;margin:12px 0}.materials-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:7px;font-size:11px;color:#d7dabb}.materials-heading small{font-size:9px;color:#9fb795}.material-stash{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.material-stash article{display:flex;align-items:center;gap:6px;padding:5px;background:#243329;border:1px solid #394d37;border-radius:3px;min-width:0}.material-stash canvas{width:28px;height:28px;flex-shrink:0;image-rendering:pixelated}.material-stash article>div{min-width:0;flex:1}.material-stash strong{font-size:10px;font-weight:500;color:#d6d6b9;display:block}.material-stash small{font-size:8px;color:#9bb38f;line-height:1.4;display:block;margin-top:2px}.material-stash article>b{font:12px var(--mono);color:#e5cc8a}.material-hint{font-size:9px;color:#8ca687;line-height:1.6;margin:7px 0 0}.materials-section summary{color:#cfceaa;font-size:11px;cursor:pointer}.materials-section details[open]>.material-stash{margin-top:8px}.materials-section details>button{margin:8px 5px 0 0;background:#30412d;border:1px solid #6f7952;color:#d1d7af;padding:6px 9px;border-radius:3px;font-size:9px}
.forge-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:12px;align-items:start}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recipe-card{display:grid;grid-template-columns:38px 1fr;gap:4px 5px;align-items:center;background:#233329;border:1px solid #516047;border-radius:4px;padding:10px 8px;text-align:left;min-height:64px}.recipe-card canvas{grid-row:1/3;width:32px;height:32px;image-rendering:pixelated}.recipe-card strong{font-size:12px;font-weight:500;color:#dbddc0}.recipe-card small{font-size:8px;line-height:1.5;color:#a8b99b}.recipe-card.selected{border-color:var(--set-color,#d5be81);background:#334431;box-shadow:inset 0 0 0 1px var(--set-color,#d5be81)}.recipe-card.owned small{color:#bcdb9e}
.recipe-preview{background:#213026;border:1px solid var(--set-color,#7c835a);border-radius:4px;padding:12px;min-width:0}.recipe-preview h4{font:20px var(--serif);color:#e4d9af;margin:0 0 6px}.recipe-preview>small{display:block;font-size:10px;color:#bbcfa6;line-height:1.6}.recipe-preview .stat-chips{margin:8px 0;gap:4px}.recipe-preview .stat-chips span{font-size:9px;padding:4px 6px}.recipe-preview>p{font-size:10px;color:#a2b99a;line-height:1.6}.recipe-preview button,.panel-empty button,.set-summary>button{width:100%;border:1px solid #7c8059;background:#3c472f;color:#e9dda9;border-radius:4px;padding:9px;font-size:10px;line-height:1.5;margin-top:6px}.recipe-preview button.primary,.panel-empty button.primary{background:#4b5131;border-color:#a6965d;color:#f3e1a8}.recipe-preview button:disabled{opacity:.45;cursor:not-allowed}.recipe-preview .recipe-status{margin-top:7px;color:#c6bda0;font-size:9px}.cost-heading{font-size:11px;color:#d3d6b6;display:block;margin-top:10px}.recipe-costs{padding:0;list-style:none;margin:7px 0}.recipe-costs li{display:flex;align-items:center;gap:6px;border-bottom:1px solid #3a4b34;padding:5px 0;font-size:10px}.recipe-costs canvas{width:24px;height:24px;image-rendering:pixelated}.recipe-costs svg{width:24px;height:24px;color:#c7ad67}.recipe-costs span{flex:1;color:#c3cfb5}.recipe-costs b{font:10px var(--mono)}.recipe-costs li.missing b{color:#d3917e}.recipe-costs li.enough b{color:#a6d28e}.upgrade-gains{border:1px solid #688053;border-radius:3px;padding:7px;margin:10px 0;color:#cddfac;font-size:12px;background:#2a3f2b}.upgrade-gains .stat-chips{margin-bottom:0}.upgrade-confirm{border:1px solid #b39361;padding:8px;border-radius:4px;background:#41432d;margin-top:10px}.upgrade-confirm p{font-size:11px;line-height:1.5;color:#e0d3ae;margin:2px 0}.upgrade-confirm button{margin-top:5px}
.set-summary{background:#203024;border:1px solid #4b5f40;border-left:3px solid var(--set-color);border-radius:4px;padding:10px;margin:12px 0}.set-summary>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.set-summary h4{font:18px var(--serif);color:var(--set-color);margin:0}.set-summary strong{font:10px var(--mono);color:#d4d9b6}.set-track{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:9px 0}.set-track span{border:1px solid #4e6244;background:#16271e;padding:5px 2px;text-align:center;color:#74926a;font:9px var(--mono)}.set-track span.lit{background:#50613a;border-color:var(--set-color);color:#f4e7b6}.set-summary>.stat-chips{gap:4px;margin-bottom:8px}.set-summary .stat-chips span{font-size:9px;padding:4px 5px}.set-summary small{font-size:9px;line-height:1.6;color:#a4ba98}.set-summary summary{font-size:11px;color:#ced2ac;cursor:pointer}.set-bonus-ladder{list-style:none;padding:0;margin:8px 0}.set-bonus-ladder li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #3b5135;font-size:9px;color:#7a9672}.set-bonus-ladder li>b{width:28px;flex-shrink:0;font:10px var(--mono)}.set-bonus-ladder li>div{display:flex;gap:3px;flex-wrap:wrap;flex:1}.set-bonus-ladder li>div>span{border:1px solid #43583c;padding:3px 5px;border-radius:3px;color:#a6bc98}.set-bonus-ladder li.unlocked{color:#e1d397}.set-bonus-ladder li.unlocked>div>span{color:#d8e3b9;border-color:#758355}.set-item-badge{display:block;font:8px var(--mono);color:var(--set-color);line-height:1.7;margin:4px 0}.realm-panel-tabs{flex-wrap:wrap}
@media(max-width:700px){.npc-banner>small{display:none}.material-stash{grid-template-columns:repeat(2,minmax(0,1fr))}.forge-content{grid-template-columns:1fr}.recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.recipe-card{display:flex;flex-direction:column;text-align:center;padding:7px 4px}.recipe-card strong{font-size:10px}.materials-heading small{display:none}.npc-banner h3{font-size:19px}.npc-banner p{font-size:10px}.forge-bar span{display:none}}