@property --range-badge-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.range-badge.range-badge{display:inline-flex;align-items:center;flex:0 0 auto;padding:2px 8px;border-radius:16px}.range-badge .range-badge__value{display:inline-block;color:transparent;-webkit-text-fill-color:transparent;background:conic-gradient(from var(--range-badge-angle),#55d68b 0deg,#e7c443 60deg,#ed7841 120deg,#f15aae 180deg,#9b70ec 240deg,#699cdb 300deg,#55d68b 360deg);background-clip:text;-webkit-background-clip:text;font-family:Nunito,Arial,sans-serif;font-weight:800;line-height:1;white-space:nowrap;transform:translateY(1px);animation:range-badge-rotate-color 3s linear infinite}@keyframes range-badge-rotate-color{to{--range-badge-angle: 360deg}}@media(prefers-reduced-motion:reduce){.range-badge .range-badge__value{animation:none}}.crafting-tool{padding-bottom:7rem}.crafting-tool h2{margin:.25rem 0;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(1.7rem,3vw,2.35rem)}.crafting-tool__eyebrow{margin:0;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.14em}.crafting-browser__heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(120deg,#162b4af5,#0a1629fa)}.crafting-browser__heading p:last-child{margin:.35rem 0 0;color:var(--text-muted);font-size:.96rem;line-height:1.7}.crafting-filters{width:min(34rem,100%);flex:0 0 auto;display:grid;grid-template-columns:minmax(12rem,1fr) minmax(8rem,.55fr);gap:.75rem}.crafting-view-tools{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:.65rem}.clear-experience-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .7rem;border:0;border-radius:7px;color:var(--text-muted);background:transparent;cursor:pointer}.clear-experience-button{border:1px solid var(--line);color:var(--text-muted)}.clear-experience-button:hover:not(:disabled){color:#fda4af;border-color:#fb718573}.clear-experience-button:disabled{opacity:.42;cursor:not-allowed}.category-select{width:min(22rem,100%);flex:0 0 auto;display:grid;gap:.45rem}.crafting-filters .category-select{width:100%}.category-select span{color:var(--text-muted);font-size:.84rem}.category-select select{width:100%;min-height:48px;padding:.65rem .85rem;border:1px solid var(--line);border-radius:10px;outline:0;color:var(--text);background:#0a1629}.category-select select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f4be5c14}.product-list{display:grid;gap:1rem}.compact-product-list{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:#081222d1}.compact-product-list__head,.compact-product{display:grid;grid-template-columns:minmax(15rem,2fr) minmax(8rem,.8fr) minmax(8rem,.8fr) minmax(9rem,.9fr) 42px;align-items:center;gap:.8rem}.compact-product-list__head{padding:.7rem 1rem;color:var(--text-dim);background:#162b4ab8;font-size:.78rem}.compact-product{min-height:74px;padding:.7rem 1rem;border-top:1px solid var(--line)}.compact-product:hover{background:#60a5fa0b}.compact-product__identity{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.compact-product__name-row{width:100%;min-width:0;display:flex;align-items:center;gap:.4rem}.compact-product__name-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-product__name-row>strong b{color:var(--gold);font-size:.8rem}.compact-product__identity>span{color:var(--text-dim);font-size:.78rem}.compact-product__value strong{font-size:.92rem}.compact-experience-input span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.compact-experience-input input{width:100%;min-height:38px;padding:.45rem .6rem;border:1px solid var(--line);border-radius:8px;outline:0;color:var(--text);background:#050d1bc2}.compact-experience-input input:focus{border-color:var(--gold)}.compact-product__efficiency{display:grid}.compact-product__efficiency strong{color:var(--teal-soft)}.compact-product__efficiency span{color:var(--text-dim);font-size:.72rem}.compact-product .favorite-button{width:36px;height:36px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(150deg,#122643f7,#081222fc)}.product-card__header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.4rem;border-bottom:1px solid var(--line)}.product-card__title,.product-card__total{display:flex;align-items:center;gap:.8rem}.product-card__actions{display:flex;align-items:center;gap:.65rem}.favorite-button{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--text-dim);background:#050d1b80;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.favorite-button:hover{color:var(--gold);border-color:#f2c66d80;transform:translateY(-1px)}.favorite-button.is-favorite{color:var(--gold);border-color:#f2c66d7a;background:#f2c66d1f}.favorite-button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.experience-input{width:8.5rem;display:grid;gap:.25rem}.experience-input span{color:var(--text-dim);font-size:.8rem}.experience-input input{width:100%;min-height:42px;padding:.5rem .65rem;border:1px solid var(--line);border-radius:10px;outline:0;color:var(--text);background:#050d1bc2}.experience-input input::placeholder{color:var(--text-dim)}.experience-input input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f2c66d14}.experience-result{display:flex;align-items:baseline;justify-content:flex-end;gap:.4rem;padding:.7rem 1.4rem;border-bottom:1px solid var(--line);color:var(--text-muted);background:#60a5fa12;font-size:.88rem}.experience-result strong{color:var(--teal-soft);font-size:1.08rem}.product-card__icon{width:44px;height:44px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--gold);background:#f4be5c1a}.product-card__title span,.product-card__total span{display:block;color:var(--text-dim);font-size:.82rem}.product-card h3{margin:0;font-size:1.2rem;line-height:1.3}.product-card h3 b{margin-left:.35rem;color:var(--gold);font-size:.9rem}.product-card__name-row{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.product-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin:0}.product-card__total{min-width:12rem;padding:.75rem 1rem;border:1px solid rgba(147,197,253,.12);border-radius:12px;color:var(--teal-soft);background:#050d1bc2}.product-card__total strong{color:var(--text);font-size:1.05rem}.product-card__columns{display:grid;grid-template-columns:1fr 1fr}.product-card__columns section{min-width:0;padding:1.25rem 1.4rem}.product-card__columns section+section{border-left:1px solid var(--line)}.product-card h4{display:flex;align-items:center;gap:.45rem;margin:0 0 .8rem;color:var(--text-muted);font-size:.88rem;font-weight:500}.material-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.material-list li{display:inline-flex;gap:.4rem;padding:.48rem .72rem;border:1px solid var(--line);border-radius:99px;color:var(--text-muted);background:#94a3b812;font-size:.9rem}.material-list li strong{color:var(--text)}.material-list--base li strong{color:var(--teal-soft)}.processing-detail{margin:0 1.4rem;padding:.9rem 0 1.15rem;border-top:1px solid var(--line)}.processing-detail summary{width:fit-content;color:var(--gold);font-size:.9rem;cursor:pointer}.processing-detail ol{display:grid;gap:.45rem;margin:.8rem 0 0;padding:0;list-style:none}.processing-detail li{display:flex;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.9rem}.processing-detail li strong{color:var(--text);font-weight:500}.crafting-empty{padding:4rem 1.5rem;border:1px dashed var(--line);border-radius:var(--radius-lg);text-align:center;color:var(--text-dim)}.crafting-empty h3{margin:.75rem 0 .25rem;color:var(--text)}.crafting-empty p{margin:0;font-size:.94rem}.crafting-tool__note{margin-top:2rem;padding:1.2rem 1.4rem;border-left:2px solid var(--gold);color:var(--text-muted);background:#f4be5c0a;font-size:.92rem;line-height:1.75}.crafting-tool__note strong{color:var(--text)}.crafting-tool__note p{margin:.35rem 0 0}@media(max-width:900px){.crafting-browser__heading{align-items:stretch;flex-direction:column}.crafting-filters{width:100%}}@media(max-width:760px){.category-select{width:100%}.product-card__header{align-items:stretch;flex-direction:column}.product-card__actions{align-items:flex-end;flex-wrap:wrap}.experience-input{flex:1;min-width:8rem}.product-card__total{min-width:0;flex:1 1 12rem}.product-card__columns{grid-template-columns:1fr}.product-card__columns section+section{border-top:1px solid var(--line);border-left:0}.compact-product-list__head{display:none}.compact-product{grid-template-columns:minmax(0,1fr) 7.5rem 36px;gap:.55rem}.compact-product__identity{grid-column:1 / -1}.compact-product__value{align-self:stretch;display:grid;align-content:center}.compact-product__value:before{content:attr(data-label);display:block;color:var(--text-dim);font-size:.7rem}.compact-product__efficiency{align-self:stretch;align-content:center}.compact-product__efficiency:before{content:attr(data-label);color:var(--text-dim);font-size:.7rem}.compact-product__efficiency span{display:none}}@media(max-width:520px){.crafting-tool{padding-bottom:4rem}.crafting-browser__heading{gap:1rem;padding:1rem}.crafting-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}.category-select{gap:.35rem}.category-select select{min-height:42px;padding:.5rem .65rem}.crafting-view-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.5rem}.clear-experience-button{min-height:42px;padding-inline:.65rem}.product-card__header,.product-card__columns section{padding:1rem}.product-card__actions{display:grid;grid-template-columns:auto 1fr}.experience-input{width:100%}.product-card__total{grid-column:1 / -1}.experience-result{justify-content:center;padding-inline:1rem}.processing-detail{margin-inline:1rem}.product-card__title{align-items:flex-start}.material-list{display:grid;grid-template-columns:1fr 1fr}.material-list li{justify-content:space-between;border-radius:9px}.processing-detail li{align-items:flex-start}.compact-product{grid-template-columns:minmax(5.5rem,1fr) minmax(6.8rem,1.15fr) minmax(3.8rem,.65fr) 34px;gap:.45rem;min-height:0;padding:.65rem .7rem}.compact-product__identity{gap:.25rem}.compact-product__name-row{gap:.3rem}.compact-product__identity>span{font-size:.72rem}.compact-product__value,.compact-experience-input,.compact-product__efficiency{min-width:0;align-self:stretch;align-content:start}.compact-product__value:before,.compact-product__efficiency:before{font-size:.65rem;white-space:nowrap}.compact-product__efficiency:before{content:"經驗／分"}.compact-experience-input span{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:block;color:var(--text-dim);font-size:.65rem;white-space:nowrap}.compact-experience-input input{min-height:34px;margin-top:.18rem;padding:.35rem .45rem}.compact-product__value strong,.compact-product__efficiency strong{display:block;margin-top:.18rem;font-size:.86rem;line-height:34px;white-space:nowrap}.compact-product .favorite-button{align-self:end;width:34px;height:34px}}@media(max-width:650px){.crafting-view-toggle{width:100%}}