.resources-page{padding:58px 0 90px}.resources-intro{max-width:760px;margin:12px 0 25px;color:var(--muted);line-height:1.6}.resources-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.resource-browser,.resource-detail{border:1px solid var(--line);border-radius:15px;background:var(--panel)}.resource-browser{position:sticky;top:82px;overflow:hidden}.resource-search{display:flex;align-items:center;gap:9px;margin:12px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#07171c;color:var(--muted)}.resource-search span{font-size:22px}.resource-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.resource-categories{display:flex;gap:5px;overflow-x:auto;padding:0 12px 10px}.resource-categories button{flex:0 0 auto;padding:7px 9px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px}.resource-categories button.active{border-color:#388d79;background:#153c36;color:var(--mint)}.resource-count{margin:0;padding:9px 14px;border-block:1px solid var(--line);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em}.resource-list{max-height:65vh;overflow:auto;padding:7px}.resource-list>button{display:grid;grid-template-columns:48px 1fr 15px;align-items:center;gap:10px;width:100%;padding:8px;border:1px solid transparent;background:transparent;color:var(--text);text-align:left}.resource-list>button:hover,.resource-list>button.active{border-color:#2e6f63;background:#11312f}.resource-list>button img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 4px 5px #0006)}.resource-list strong,.resource-list small{display:block}.resource-list strong{font-size:12px}.resource-list small{overflow:hidden;margin-top:3px;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.resource-list b{color:var(--muted);font-size:19px}.resource-detail{min-height:540px;overflow:hidden}.resource-welcome{display:grid;place-items:center;min-height:540px;padding:35px;text-align:center}.resource-welcome>span{color:#4edcba;font-size:55px}.resource-welcome h3{margin:13px 0 6px}.resource-welcome p{max-width:400px;color:var(--muted)}.resource-hero{display:flex;align-items:center;gap:20px;padding:24px;background:radial-gradient(circle at 0 50%,#38d0aa20,transparent 42%),#0b1d23}.resource-hero>img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 8px 10px #0008)}.resource-hero p{margin:0;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.resource-hero h2{margin:6px 0;font-size:27px}.rarity-dots{color:#f1c75c;font-size:9px;letter-spacing:2px}.resource-description{margin:0;padding:17px 24px;border-block:1px solid var(--line);color:#a2b3b1;font-size:11px;line-height:1.6}.resource-methods{display:grid;gap:12px;padding:18px}.resource-method{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#0a1a20}.resource-method.craft{border-color:#dba84a45}.resource-method.ranch{border-color:#55d89f45}.resource-method.drops{border-color:#e36e6e45}.method-title{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff05}.method-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#ffffff0b;color:var(--mint);font-size:19px}.method-title small{color:var(--muted);font-size:8px;letter-spacing:.11em}.method-title h3{margin:3px 0 0;font-size:14px}.resource-stations,.other-methods{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:12px 15px 0}.resource-stations span,.other-methods span{padding:6px 9px;border:1px solid #9a772f66;border-radius:7px;background:#dba83b10;color:#eac374;font-size:9px}.ingredient-grid,.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px 15px 15px}.resource-mini{display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid var(--line);border-radius:9px;background:#07171c}.resource-mini-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;color:var(--muted)}.resource-mini img{width:43px;height:43px;object-fit:contain}.resource-mini>span:last-child{min-width:0}.resource-mini strong,.resource-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-mini strong{font-size:10px}.resource-mini small{margin-top:3px;color:var(--muted);font-size:8px}.other-methods{padding-bottom:15px}.other-methods span{border-color:#4d94bd55;background:#3ca7e010;color:#80c9ef}
@media(max-width:900px){.resources-layout{grid-template-columns:290px minmax(0,1fr)}.ingredient-grid,.source-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.resources-page{padding-top:35px}.resources-layout{grid-template-columns:1fr}.resource-browser{position:static}.resource-list{max-height:380px}.resource-detail{min-height:0}.ingredient-grid,.source-grid{grid-template-columns:1fr}.resource-hero>img{width:78px;height:78px}}