.upgrade-section{border:1px solid var(--border-gold);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-gold);padding:1.6rem}.upgrade-add-bttns{flex-flow:row;justify-content:center;align-items:stretch;gap:.8rem;margin-bottom:2rem;display:flex}.upgrade-add-bttn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);box-shadow:var(--shadow);cursor:pointer;color:var(--white-muted);font-size:1.3rem;font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;flex-flow:row;flex:1;justify-content:center;align-items:center;gap:.8rem;padding:1rem 1.2rem;font-weight:800;line-height:1;transition:all .2s;display:flex}.upgrade-add-bttn:active{transform:scale(.98)}.upgrade-empty{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--white-muted);font-size:1.4rem;font-family:var(--font-body);text-align:center;margin-bottom:2rem;padding:1.2rem 1.6rem;font-weight:700}.upgrade-items{grid-template-columns:1fr;gap:1.2rem;margin-bottom:2rem;display:grid}.upgrade-items-head{display:none}.upgrade-items-head-label{color:var(--white-muted);font-size:1.1rem;font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;font-weight:800;line-height:1.1}.upgrade-items-head-label.spacer{opacity:0;visibility:hidden}.upgrade-item{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);box-shadow:var(--shadow);flex-flow:column;gap:1.2rem;padding:1.2rem;display:flex}.upgrade-item-row{flex-flow:column;gap:1rem;display:flex}.upgrade-item-top{flex-flow:row;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.upgrade-item-levels{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.upgrade-item-rarity{border:2px solid var(--border);background:var(--bg-card);color:var(--white-muted);font-size:1.1rem;font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;border-radius:999px;flex-flow:row;justify-content:center;align-items:center;padding:.5rem 2rem;font-weight:800;display:inline-flex}.upgrade-item-rarity.common{border-color:var(--rarity-common-border);color:var(--rarity-common)}.upgrade-item-rarity.epic{border-color:var(--rarity-epic-border);color:var(--rarity-epic)}.upgrade-item-ores{flex-flow:column;gap:.8rem;display:flex}.ore-item.compact{padding:.8rem 1.2rem}.ore-item.compact .ore-image{width:3.6rem;height:3.6rem}.ore-item.compact .ore-amount{font-size:1.8rem}.upgrade-item-remove{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;width:auto;color:var(--white-muted);font-size:1.1rem;font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;flex-flow:row;flex-shrink:0;justify-content:center;align-items:center;padding:.6rem .8rem;font-weight:800;line-height:1;transition:all .2s;display:flex}.upgrade-item-remove:active{transform:scale(.98)}.upgrade-total{margin-top:.6rem}.upgrade-total-title{color:var(--white);font-size:1.6rem;font-family:var(--font-display);letter-spacing:.5px;margin-bottom:1.2rem;font-weight:400}.level-inputs{grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2rem;display:grid}.level-input-wrapper{flex-flow:column;gap:.8rem;display:flex}.level-label{color:var(--white-muted);text-transform:uppercase;letter-spacing:1px;font-size:1.1rem;font-weight:700}.level-input{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--white);font-size:2rem;font-family:var(--font-body);text-align:center;outline:none;padding:1.2rem 1.6rem;font-weight:700;transition:border-color .2s}.level-input:focus{border-color:var(--gold)}.level-input::placeholder{color:var(--grey);font-weight:400}.ores-display{flex-flow:column;gap:1.2rem;display:flex}.ore-item{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);flex-flow:row;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;display:flex}.ore-image{object-fit:contain;flex-shrink:0;width:4.8rem;height:4.8rem}.ore-amount{color:var(--gold-light);font-size:2rem;font-family:var(--font-body);text-align:right;flex:1;font-weight:800}@media screen and (min-width:480px){.upgrade-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.upgrade-item{padding:1.2rem}.upgrade-item-row .level-input{padding:.9rem 1rem;font-size:1.7rem}.upgrade-item-levels{gap:.8rem}.upgrade-item-rarity,.upgrade-item-remove{font-size:1rem}.upgrade-item-ores{flex-flow:column;gap:.8rem;display:flex}.ore-item.compact{padding:.8rem 1rem}.ore-item.compact .ore-image{width:3.2rem;height:3.2rem}.ore-item.compact .ore-amount{font-size:1.6rem}.ores-display.total{flex-flow:row;gap:.8rem}.ores-display.total .ore-item{flex:1;padding:1rem 1.2rem}.ores-display.total .ore-image{width:4rem;height:4rem}.ores-display.total .ore-amount{font-size:1.8rem}}@media screen and (min-width:768px){.upgrade-section{padding:2rem}.upgrade-add-bttns{max-width:42rem;margin-left:auto;margin-right:auto}.upgrade-items{grid-template-columns:repeat(3,minmax(0,1fr));max-width:110rem;margin-left:auto;margin-right:auto}.upgrade-item{padding:1.6rem}.upgrade-item-ores{flex-flow:column;gap:.8rem;display:flex}.ores-display{max-width:42rem;margin-left:auto;margin-right:auto}.ore-amount{font-size:2.4rem}.ore-image{width:5.6rem;height:5.6rem}}@media screen and (min-width:1024px){.upgrade-section{padding:2.4rem}}