@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--bg-dark: #08090c;--bg-card: #0f1115;--bg-card-hover: #151820;--border: #1e2230;--border-hover: #2a3040;--text-primary: #e8eaf0;--text-secondary: #8890a0;--text-muted: #505868;--accent: #00d4ff;--accent-dim: #0099bb;--accent-glow: rgba(0, 212, 255, .15);--warning: #ff6b35;--success: #22c55e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rajdhani,system-ui,sans-serif;min-height:100vh;background:var(--bg-dark);color:var(--text-primary);line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:800px;margin:0 auto;padding:0 1rem 2rem}.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-dark) 80%,transparent 100%);padding:1.5rem 1rem 2rem;margin-bottom:1rem}.site-header .container{padding-bottom:0}.header-title{font-family:Share Tech Mono,monospace;font-size:1.5rem;font-weight:400;text-align:center;margin-bottom:1.25rem;letter-spacing:.1em;text-transform:uppercase}.header-title .accent{color:var(--accent)}.search-input{width:100%;padding:.875rem 1.25rem;font-family:Rajdhani,sans-serif;font-size:1.125rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);outline:none;transition:all .2s ease;margin-bottom:2rem}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}h1{font-family:Share Tech Mono,monospace;font-size:1.75rem;font-weight:400;margin-bottom:1.5rem;letter-spacing:.05em}h2{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.item-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.item-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);text-decoration:none;color:inherit;transition:all .2s ease}.item-row:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.item-info{display:flex;align-items:center;gap:.75rem}.item-icon{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#ffffff0d}.item-icon-large{width:96px;height:96px;object-fit:contain;border-radius:12px;background:#ffffff0d}.item-name{font-weight:600;font-size:1.0625rem}.item-category{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .625rem;border-radius:6px;font-weight:600}.item-category.material{background:#0096c833;color:#4fc3f7}.item-category.component{background:#9c27b033;color:#ce93d8}.item-category.consumable{background:#4caf5033;color:#81c784}.item-category.weapon{background:#f4433633;color:#e57373}.item-category.tool{background:#ff980033;color:#ffb74d}.attribution{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.875rem}.attribution a{color:var(--accent);text-decoration:none}.attribution a:hover{text-decoration:underline}.no-results{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-size:1.125rem}.section-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem}.browse-hint{text-align:center;color:var(--text-muted);font-size:.9375rem;margin-top:2rem}.search-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.search-section h2{font-size:1rem;margin-bottom:1rem}.recipe-row{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(0,212,255,.03) 100%);border-color:#00d4ff26}.recipe-row:hover{background:linear-gradient(135deg,var(--bg-card-hover) 0%,rgba(0,212,255,.06) 100%);border-color:#00d4ff40}.recipe-produces{font-family:Share Tech Mono,monospace;font-size:.8125rem;color:var(--accent)}.detail-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;margin-top:1.5rem}.back-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s;white-space:nowrap}.back-link:hover{color:var(--accent)}.detail-search{flex:1;max-width:280px;position:relative}.search-input-small{width:100%;padding:.5rem .875rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);outline:none;transition:all .2s ease}.search-input-small::placeholder{color:var(--text-muted)}.search-input-small:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.autosuggest-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;list-style:none;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 8px 32px #0006}.autosuggest-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;cursor:pointer;transition:background .15s}.autosuggest-item:first-child{border-radius:10px 10px 0 0}.autosuggest-item:last-child{border-radius:0 0 10px 10px}.autosuggest-item:only-child{border-radius:10px}.autosuggest-item:hover,.autosuggest-item.selected{background:var(--bg-card-hover)}.autosuggest-icon{width:32px;height:32px;object-fit:contain;border-radius:6px;background:#ffffff0d}.autosuggest-name{flex:1;font-weight:500;color:var(--text-primary)}.autosuggest-rarity{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:4px;font-weight:600}.autosuggest-rarity.common{background:#78829633;color:#9ca3af}.autosuggest-rarity.uncommon{background:#22c55e33;color:#86efac}.autosuggest-rarity.rare{background:#3b82f633;color:#93c5fd}.autosuggest-rarity.epic{background:#a855f733;color:#c4b5fd}.autosuggest-rarity.legendary{background:#fbbf2433;color:#fcd34d}.item-detail h1{text-align:left;margin-bottom:.75rem}.item-header{margin-bottom:1.25rem}.item-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.item-category-badge{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .625rem;border-radius:6px;font-weight:600;background:#ffffff1a;color:var(--text-secondary)}.item-badges{display:flex;gap:.5rem;flex-wrap:wrap}.item-rarity{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .625rem;border-radius:6px;font-weight:600}.item-rarity.common{background:#78829633;color:#9ca3af}.item-rarity.uncommon{background:#22c55e33;color:#86efac}.item-rarity.rare{background:#3b82f633;color:#93c5fd}.item-rarity.epic{background:#a855f733;color:#c4b5fd}.item-rarity.legendary{background:#fbbf2433;color:#fcd34d}.item-overview{display:grid;grid-template-columns:1fr auto;gap:1.5rem;margin-bottom:1.5rem}.item-description-col{min-width:0}.item-description,.recipe-description{color:var(--text-secondary);line-height:1.7;margin:0;font-size:1.0625rem}.item-meta,.recipe-info{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;min-width:180px;height:fit-content}.meta-row,.info-row{display:flex;justify-content:space-between;align-items:center}.meta-label,.info-label{color:var(--text-muted);font-weight:500}.meta-value,.info-value{font-family:Share Tech Mono,monospace;font-weight:400;color:var(--accent)}.item-section,.recipe-section{margin-top:2rem}.item-section h2,.recipe-section h2{font-size:1rem;margin-bottom:1rem}.empty-state{color:var(--text-muted);font-size:.9375rem;font-style:italic}.sources-list{list-style:none;display:flex;flex-direction:column;gap:.625rem}.sources-list li{position:relative;padding-left:1.25rem;color:var(--text-secondary);line-height:1.6}.sources-list li:before{content:"▸";position:absolute;left:0;color:var(--accent);font-size:.75rem}.crafted-at-badge{display:inline-block;background:#ff6b3526;color:var(--warning);padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,107,53,.25);font-weight:500}.loot-area{color:var(--text-secondary);font-size:1.0625rem}.crafting-list{list-style:none;display:flex;flex-direction:column;gap:.625rem}.crafting-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.875rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.crafting-output{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary)}.crafting-output:hover .crafting-name{color:var(--accent)}.crafting-icon{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#ffffff0d}.crafting-name{font-weight:600;transition:color .2s}.crafting-quantity{font-family:Share Tech Mono,monospace;color:var(--accent);font-size:.875rem}.crafting-station{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.recipe-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.recipe-station-badge{display:inline-block;background:#ff6b3526;color:var(--warning);padding:.375rem .75rem;border-radius:6px;border:1px solid rgba(255,107,53,.25);font-weight:500;font-size:.875rem;margin-bottom:1rem}.ingredients-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.ingredient-row{display:flex;align-items:center}.ingredient-link{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--text-primary);padding:.5rem .75rem;border-radius:8px;transition:background .2s}.ingredient-link:hover{background:#ffffff0d}.ingredient-link:hover .ingredient-name{color:var(--accent)}.ingredient-icon{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#ffffff0d}.ingredient-quantity{font-family:Share Tech Mono,monospace;color:var(--accent);min-width:2rem}.ingredient-name{font-weight:500;transition:color .2s}.recipe-output-info{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.875rem;color:var(--text-secondary)}.recycle-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.recycle-row{display:flex}.recycle-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem .875rem;transition:all .2s}.recycle-link:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.recycle-link:hover .recycle-name{color:var(--accent)}.recycle-icon{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#ffffff0d}.recycle-quantity{font-family:Share Tech Mono,monospace;color:var(--success);font-size:.875rem}.recycle-name{font-weight:500;font-size:.9375rem;transition:color .2s}.source-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.source-list li{background:var(--bg-card);border:1px solid var(--border);padding:.5rem .875rem;border-radius:8px;color:var(--text-secondary)}.trader-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.trader-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);padding:.625rem 1rem;border-radius:8px}.trader-name{font-weight:500}.trader-price{font-family:Share Tech Mono,monospace;color:var(--success)}.obtain-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.obtain-column{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem}.obtain-column h3{font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.875rem;font-weight:600}.obtain-column .trader-list{margin:0}.obtain-column .trader-row{background:transparent;border:none;padding:.5rem 0;border-bottom:1px solid var(--border)}.obtain-column .trader-row:last-child{border-bottom:none}.obtain-column .empty-state{margin:0}.loot-area-badge{display:inline-block;background:#00d4ff1a;color:var(--accent);padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(0,212,255,.2);font-weight:500}@media (max-width: 640px){.item-overview{grid-template-columns:1fr}.item-meta{order:-1}.obtain-grid{grid-template-columns:1fr}}.item-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.metaforge-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--accent);text-decoration:none;font-weight:500;transition:opacity .2s}.metaforge-link:hover{opacity:.8}.recipe-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.recipe-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:all .2s ease}.recipe-card:hover{border-color:var(--border-hover)}.recipe-name{font-weight:600;font-size:1.0625rem;margin-bottom:.625rem;color:var(--text-primary);text-decoration:none;display:block}a.recipe-name:hover{color:var(--accent)}.recipe-ingredients{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.ingredient{font-family:Share Tech Mono,monospace;font-size:.8125rem;background:#00d4ff14;border:1px solid rgba(0,212,255,.15);padding:.375rem .625rem;border-radius:6px;color:var(--accent);text-decoration:none;transition:all .2s ease}.ingredient:hover{background:#00d4ff26;border-color:#00d4ff4d}.recipe-meta{font-size:.8125rem;color:var(--text-muted);display:flex;gap:1.25rem}.recipe-output{font-size:.9375rem;color:var(--text-secondary)}.recipe-output a{color:var(--accent);text-decoration:none}.recipe-output a:hover{text-decoration:underline}.recipe-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.recipe-station{font-family:Share Tech Mono,monospace;font-size:.8125rem;background:#ff6b3526;color:var(--warning);padding:.375rem .75rem;border-radius:6px;border:1px solid rgba(255,107,53,.25)}.output-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.output-item{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:1.125rem;margin-bottom:.5rem}.output-item:hover{color:var(--accent)}.output-quantity{font-family:Share Tech Mono,monospace;color:var(--accent)}.output-description{color:var(--text-secondary);font-size:.9375rem;margin:0}.ingredients-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.625rem}.ingredient-row{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.875rem 1rem;transition:all .2s ease}.ingredient-row:hover{border-color:var(--border-hover)}.ingredient-quantity{font-family:Share Tech Mono,monospace;color:var(--accent);font-weight:400;min-width:2rem}.ingredient-name{color:var(--text-primary);text-decoration:none;font-weight:500}.ingredient-name:hover{color:var(--accent)}@media (max-width: 640px){.site-header{padding:1rem .75rem 1.5rem}.header-title{font-size:1.25rem}.container{padding:0 .75rem 1.5rem}h1{font-size:1.5rem}.item-list{grid-template-columns:1fr}.item-row{padding:.875rem 1rem}.ingredients-list{grid-template-columns:1fr}.recipe-header{flex-direction:column;align-items:flex-start;gap:.75rem}}