.upgrade-art{display:block;background-image:url('assets/upgrades.png');background-size:400% 200%;width:108px;height:116px;border-radius:8px;margin:0 auto 16px;box-shadow:0 5px 20px #0003}
.art-rivets{background-position:0 0}.art-saws{background-position:33.333% 0}.art-coil{background-position:66.667% 0}.art-scatter{background-position:100% 0}
.art-armor{background-position:0 100%}.art-magnet{background-position:33.333% 100%}.art-motor{background-position:66.667% 100%}.art-power{background-position:100% 100%}
.card{background:linear-gradient(145deg,#293b38,#172124);transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-4px)}
#panel{max-height:94vh;overflow:auto}.module{display:flex;align-items:center;gap:8px;font-size:10px;margin:5px 0;line-height:1.3}.module .upgrade-art{width:28px;height:30px;margin:0;flex-shrink:0;border-radius:3px}
@media(max-height:600px){.card .upgrade-art{width:64px;height:68px;margin-bottom:6px}.card{padding:12px}.card strong{font-size:16px;margin:6px 0}.cards{margin:12px 0}#panel{padding:20px}.card small{font-size:11px}h2{font-size:24px}#modules .module{font-size:8px}}
@media(max-width:650px) and (orientation:portrait){.card .upgrade-art{float:left;width:52px;height:56px;margin:0 12px 0 0}.card{min-height:86px}}