.materials-page{min-width:0;max-width:1320px;margin:0 auto;padding:76px 48px 112px}.materials-page h1,.materials-page h2,.materials-page h3,.materials-page h4{font-family:var(--font-sofia-sans), sans-serif;font-weight:650}.materials-item-intro h1,.materials-missing h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:8px 0 16px;font-size:clamp(40px,5vw,64px);line-height:1.06}.materials-eyebrow{color:var(--rr-lime);text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:650}.materials-item-art{--materials-rarity:#9a9894;--materials-rarity-opacity:0%;background:linear-gradient(to bottom, var(--card), color-mix(in srgb, var(--materials-rarity) var(--materials-rarity-opacity), var(--card)))}.materials-page [data-rarity=common]{--materials-rarity-opacity:10%}.materials-page [data-rarity=uncommon]{--materials-rarity:#67f835;--materials-rarity-opacity:9%}.materials-page [data-rarity=rare]{--materials-rarity:#00a6ec;--materials-rarity-opacity:15%}.materials-page [data-rarity=epic]{--materials-rarity:#e375ff;--materials-rarity-opacity:22%}.materials-page [data-rarity=legendary]{--materials-rarity:#ffd500;--materials-rarity-opacity:53%}.materials-page [data-rarity=exotic]{--materials-rarity:#d93f3f;--materials-rarity-opacity:70%}.materials-icon{color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.materials-icon img{object-fit:contain;width:100%;max-width:100%;height:100%}.materials-item-meta{flex-wrap:wrap;gap:4px 10px;display:flex}.materials-rarity{color:var(--muted-foreground);font-size:12px;font-weight:400}.materials-item-meta .materials-rarity{text-transform:none;letter-spacing:normal}.materials-amount-copy strong>.materials-rarity{margin-left:5px;display:inline-block}.materials-back{min-height:44px;color:var(--muted-foreground);align-items:center;gap:10px;font-size:15px;text-decoration:none;display:inline-flex}.materials-item-heading{align-items:center;gap:40px;margin:35px 0 64px;display:flex}.materials-item-art{border:1px solid var(--border);border-radius:16px;flex-shrink:0;place-items:center;width:220px;height:220px;display:grid}.materials-item-art .materials-icon{width:160px;height:160px}.materials-item-intro{min-width:0;max-width:720px}.materials-item-intro h1{font-size:clamp(36px,4.2vw,56px)}.materials-description{color:var(--muted-foreground);white-space:pre-line;overflow-wrap:anywhere;font-size:18px;line-height:1.65}.materials-text-link{min-height:44px;color:var(--rr-lime);align-items:center;gap:7px;margin-top:10px;font-size:15px;text-decoration:none;display:inline-flex}.materials-relationships{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;display:grid}.materials-relationship{border-top:1px solid var(--border);min-width:0;padding-top:24px}.materials-section-heading{align-items:baseline;gap:14px;margin-bottom:22px;display:flex}.materials-section-heading h2{letter-spacing:-.025em;font-size:28px;line-height:1.2}.materials-shipment-link{background:color-mix(in srgb, var(--rr-lime) 7%, var(--card));min-height:56px;color:var(--rr-lime);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;text-decoration:none;display:flex}.materials-empty-relationship{color:var(--muted-foreground);max-width:360px;padding:8px 0;font-size:16px;line-height:1.6}.materials-process-list{gap:12px;display:grid}.materials-process{border:1px solid var(--border);background:var(--card);border-radius:9px;min-width:0}.materials-process>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;min-height:64px;padding:18px;list-style:none;display:flex}.materials-process>summary::-webkit-details-marker{display:none}.materials-process-summary{flex-direction:column;gap:12px;min-width:0;display:flex}.materials-process-summary>strong{overflow-wrap:anywhere;font-size:16px;font-weight:550}.materials-output-preview{color:var(--muted-foreground);flex-wrap:wrap;gap:8px 14px;font-size:13px;display:flex}.materials-output-preview>span{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;display:inline-flex}.materials-output-preview .materials-icon{width:28px;height:28px}.materials-preview-possible{color:var(--rr-lime);font-size:11px}.materials-process-chevron{color:var(--muted-foreground);flex-shrink:0;transition:transform .16s}.materials-process[open]>summary .materials-process-chevron{transform:rotate(180deg)}.materials-process-content{border-top:1px solid var(--border);padding:18px}.materials-process-content h4{color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:550}.materials-process-amounts{gap:20px;display:grid}.materials-amounts{gap:5px;margin:0;padding:0;list-style:none;display:grid}.materials-amount{border-radius:6px;align-items:center;gap:12px;min-height:55px;margin:0 -7px;padding:7px;text-decoration:none;display:flex}.materials-amount .materials-icon{width:40px;height:40px}.materials-amount-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.materials-amount-copy strong{overflow-wrap:anywhere;font-size:15px;font-weight:500}.materials-amount-copy>span{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:13px;line-height:1.4}.materials-amount-copy .materials-amount-condition{color:var(--rr-lime);font-size:12px}.materials-amount-copy .materials-amount-note{font-size:12px}.materials-stations{margin-top:20px}.materials-stations ul{margin:0;padding:0;list-style:none}.materials-stations li{min-height:44px;color:var(--muted-foreground);align-items:center;font-size:14px;display:flex}.materials-stations a{min-height:44px;color:var(--rr-lime);text-underline-offset:4px;align-items:center;gap:8px;display:inline-flex}.materials-duration{color:var(--muted-foreground);align-items:center;gap:8px;margin-top:18px;font-size:13px;display:flex}.materials-process-notes{color:var(--muted-foreground);overflow-wrap:anywhere;gap:6px;margin:16px 0 0;padding-left:17px;font-size:13px;line-height:1.55;display:grid}.materials-missing>p,.materials-note{color:var(--muted-foreground);line-height:1.6}.materials-missing{min-height:45vh}.materials-missing h1{margin-top:50px}.materials-page button{cursor:pointer}@media (min-width:901px){.guide-item-grid.production-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.production-flow{max-width:980px}.production-flow h2{font-size:28px}.production-intro{color:var(--muted-foreground);max-width:680px;margin:14px 0 28px;line-height:1.6}.production-steps{margin:24px 0 0;padding:0;list-style:none}.production-steps>li{border-top:1px solid var(--border);padding:24px 0 32px}.production-steps header{align-items:center;gap:14px;display:flex}.production-step-number{color:var(--rr-lime);font-size:14px}.production-steps h3{font-size:24px}.production-station{flex-wrap:wrap;gap:8px 20px;margin:12px 0 24px;display:flex}.production-station a{color:var(--rr-lime);text-underline-offset:4px}.production-transformation{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:22px;display:grid}.production-resource{align-items:center;gap:20px;min-width:0;padding:14px 0;text-decoration:none;display:flex}.production-resource .materials-icon{width:80px;height:80px}.production-resource>span:last-child{flex-direction:column;gap:6px;min-width:0;display:flex}.production-resource strong{overflow-wrap:anywhere;font-size:18px}.production-resource small{color:var(--muted-foreground);font-size:14px}.production-arrow{color:var(--muted-foreground)}.production-cycle-note,.production-bonus{color:var(--muted-foreground);max-width:660px;margin-top:18px;line-height:1.6}.production-bonus{color:var(--rr-lime)}.materials-page :is(a,button,summary):focus-visible{outline:2px solid var(--rr-lime);outline-offset:4px}@media (hover:hover){a.materials-amount:hover{background-color:var(--muted)}.materials-back:hover,.materials-text-link:hover{color:var(--rr-lime-hover)}}@media (max-width:1100px){.materials-page{padding-left:32px;padding-right:32px}.materials-relationships{gap:24px}}@media (max-width:850px){.materials-relationships{grid-template-columns:minmax(0,1fr);gap:40px}.materials-process-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-item-heading{gap:24px}.materials-item-art{width:170px;height:170px}.materials-item-art .materials-icon{width:130px;height:130px}}@media (max-width:600px){.production-transformation{grid-template-columns:minmax(0,1fr);gap:4px}.production-arrow{margin-left:28px;transform:rotate(90deg)}.materials-page{padding:44px 20px 72px}.materials-item-heading{flex-direction:column;align-items:flex-start;gap:25px;margin:24px 0 40px}.materials-item-art{border-radius:12px;width:144px;height:144px}.materials-item-art .materials-icon{width:112px;height:112px}.materials-description{font-size:16px}.materials-section-heading h2{font-size:26px}.materials-process-amounts{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.materials-process-chevron{transition:none}}
