.step-icon{width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--violet) 16%,transparent);color:var(--violet);display:flex;align-items:center;justify-content:center;margin-bottom:0.9rem}.recipe-browser{display:grid;grid-template-columns:190px minmax(0,1fr);gap:1.6rem;align-items:start}@media (max-width:760px){.recipe-browser{grid-template-columns:1fr}}.rarity-filter-label{font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;font-weight:700;color:color-mix(in srgb,var(--texte) 40%,transparent);margin-bottom:0.6rem}.rarity-filter-list{display:flex;flex-direction:column;gap:0.1rem}.rarity-filter-item{display:flex;align-items:center;gap:0.55rem;width:100%;padding:0.42rem 0.55rem;border-radius:7px;background:none;border:1px solid transparent;color:color-mix(in srgb,var(--texte) 72%,transparent);font-family:var(--font-body);font-size:0.8rem;cursor:pointer;text-align:left;transition:background 0.2s,color 0.2s}.rarity-filter-item:hover{background:color-mix(in srgb,var(--texte) 5%,transparent)}.rarity-filter-item.active{background:color-mix(in srgb,var(--violet) 20%,transparent);color:var(--texte);font-weight:600}.recipe-list{display:flex;flex-direction:column;gap:0.9rem}.recipe-row{display:flex;align-items:center;gap:1.1rem;background:color-mix(in srgb,white 3%,transparent);border:1px solid var(--bordure);border-radius:14px;padding:1rem 1.2rem;flex-wrap:wrap}.recipe-icon{width:48px;height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recipe-info{flex:1 1 200px;min-width:0}.recipe-name-row{display:flex;align-items:center;gap:0.55rem;flex-wrap:wrap;margin-bottom:0.25rem}.recipe-name{font-size:0.9rem;font-weight:700}.recipe-desc{font-size:0.8rem;color:color-mix(in srgb,var(--texte) 55%,transparent);line-height:1.5}.recipe-ingredients{display:flex;align-items:center;gap:0.5rem;flex-shrink:0;flex-wrap:wrap;max-width:320px}.ingredient{display:flex;flex-direction:column;align-items:center;gap:0.25rem}.ingredient-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.ingredient-qty{font-size:0.65rem;color:color-mix(in srgb,var(--texte) 50%,transparent)}.recipe-arrow{flex-shrink:0;color:color-mix(in srgb,var(--texte) 35%,transparent)}.recipe-result{width:46px;height:46px;border-radius:11px;background:color-mix(in srgb,var(--texte) 7%,transparent);border:1px solid color-mix(in srgb,var(--violet) 30%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--violet)}.item-icon{image-rendering:pixelated;object-fit:contain}.recipe-icon .item-icon{width:28px;height:28px}.ingredient-icon .item-icon{width:18px;height:18px}.recipe-result .item-icon{width:26px;height:26px}.ticket-visual .item-icon{width:96px;height:96px}.sword-progression{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0.8rem}.sword-card{display:flex;align-items:center;gap:0.7rem;background:color-mix(in srgb,white 3%,transparent);border:1px solid var(--bordure);border-radius:12px;padding:0.7rem 0.8rem}.sword-icon{width:36px;height:36px;border-radius:8px;background:color-mix(in srgb,var(--texte) 5%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sword-icon .item-icon{width:24px;height:24px}.sword-name{font-size:0.8rem;font-weight:700;margin-bottom:0.15rem}.sword-meta{font-size:0.7rem;color:color-mix(in srgb,var(--texte) 50%,transparent);display:flex;align-items:center;gap:0.4rem}.sword-source{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:0.1rem 0.4rem;border-radius:99px}.sword-source.shop{color:var(--r-legendaire);background:color-mix(in srgb,var(--r-legendaire) 16%,transparent)}.sword-source.craft{color:var(--r-uncommun);background:color-mix(in srgb,var(--r-uncommun) 16%,transparent)}.sword-source.special{color:var(--r-mythique);background:color-mix(in srgb,var(--r-mythique) 16%,transparent)}.btn-recipe{flex-shrink:0;margin-left:auto;background:color-mix(in srgb,var(--texte) 7%,transparent);border:1px solid color-mix(in srgb,var(--violet) 35%,transparent);color:var(--texte);font-family:var(--font-body);font-size:0.8rem;font-weight:600;padding:0.5rem 1.1rem;border-radius:8px;white-space:nowrap}.recipe-hidden{display:none !important}.category-list{display:flex;flex-direction:column}.category-row{display:flex;align-items:center;gap:0.6rem;padding:0.5rem 0;border-bottom:1px solid color-mix(in srgb,white 6%,transparent);font-size:0.8rem}.category-row:last-of-type{border-bottom:none}.category-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-name{flex:1;color:color-mix(in srgb,var(--texte) 82%,transparent)}.category-count{font-size:0.75rem;color:color-mix(in srgb,var(--texte) 45%,transparent)}