.hero-equipment-actions{display:flex;justify-content:center;gap:12px;margin:10px 0 4px}
.hero-equipment-actions button,.equipment-green-button{min-height:44px;padding:7px 18px;border:2px solid #daf79c;border-radius:5px;box-shadow:0 3px #44601f,inset 0 0 0 2px #bdec69;background:linear-gradient(#ddff99 0 43%,#a5e92f 44%,#83bc19);color:#35441c;font-size:13px;font-weight:900;cursor:pointer}
.hero-equipment-actions .equipment-red-button{border-color:#ffb2b7;box-shadow:0 3px #792943,inset 0 0 0 2px #e97490;background:linear-gradient(#ff9eb2 0 43%,#e8567d 44%,#c5375b);color:#fff;text-shadow:0 1px #813048}
.hero-equipment-actions button:disabled,.equipment-green-button:disabled{border-color:#b8bcc8;background:linear-gradient(#d8d9df 0 43%,#afb2bd 44%,#8b909f);box-shadow:0 3px #515666,inset 0 0 0 2px #c3c6ce;color:#4f5260;cursor:default;text-shadow:none}
#hero-equipment-status{min-height:15px;margin:5px 0 0;font-size:10px;text-align:center;color:#e0e9ff}
.equipment-picker{width:min(540px,calc(100vw - 20px));height:min(740px,calc(100dvh - 44px));max-height:calc(100dvh - 20px);padding:0;border:3px solid #a9b8e2;border-radius:12px;background:linear-gradient(120deg,#565c7b,#40455f);box-shadow:0 10px 45px #0b0d2899;color:#f5f6ff;overflow:hidden}
.equipment-picker[open]{display:grid;grid-template-rows:52px minmax(0,1fr) minmax(130px,36%)}
.equipment-picker::backdrop{background:#080d2475}
.equipment-picker-header{display:flex;align-items:center;justify-content:center;position:relative;padding:8px 52px;border-bottom:4px solid #3e466b;box-shadow:inset 0 3px #c5d5ee;background:linear-gradient(#9aaace,#65749e)}
.equipment-picker-header h2{margin:0;font-size:20px;font-weight:900;text-shadow:0 2px #354361}
.equipment-picker-header button{position:absolute;right:10px;top:6px;width:34px;height:34px;border:2px solid #f5b1c8;border-radius:7px;background:linear-gradient(#f783a7,#bd275b);box-shadow:0 3px #673956;color:#fff;font-size:31px;line-height:25px;cursor:pointer}
.equipment-picker-preview{display:flex;flex-direction:column;align-items:center;gap:9px;min-height:0;padding:16px 22px 9px;text-align:center;overflow-y:auto;overscroll-behavior:contain}
.equipment-picker-preview h3{font-size:19px;margin:0;color:#ffe5a7;text-shadow:0 2px #343044}
.equipment-picker-preview p{margin:0;font-size:12px;line-height:1.4}
#equipment-picker-art{width:90px;height:90px;flex-shrink:0}
#equipment-picker-art .equipment-choice{width:100%;height:100%}
.equipment-empty-icon{width:100%;height:100%;padding:12px;background:#333b5b;border:3px solid #8594bd;opacity:.5}
#equipment-picker-tier{color:#e1d0fa;font-size:11px}
#equipment-picker-bonuses{font-size:16px}#equipment-picker-power{color:#c8ed9f;font-weight:800}
#equipment-picker-description{max-width:360px;color:#d8dff2;font-size:11px}
#equipment-picker-equip{margin-top:auto;min-width:170px;flex-shrink:0}
#equipment-picker-status{min-height:15px;color:#e0efc4;font-size:11px}
.equipment-picker-stock{min-height:0;display:flex;flex-direction:column;padding:9px 14px 12px;border-top:2px solid #b1b9d644;background:#30364d55}
.equipment-picker-order{display:flex;justify-content:space-between;margin:0 0 9px;color:#d5dbee;font-size:10px}.equipment-picker-order span{color:#abb7d2}
.equipment-picker-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-content:start;overflow-y:auto;min-height:0;padding:2px 3px 6px;scrollbar-width:thin;overscroll-behavior:contain}
.equipment-choice{position:relative;display:block;aspect-ratio:1;min-width:0;padding:2px;border:2px solid #62c883;border-radius:2px;background:radial-gradient(#44505b,#151e31);color:#fff;box-shadow:0 2px 3px #171a3688}
button.equipment-choice{cursor:pointer}.equipment-choice img{display:block;width:100%;height:100%;object-fit:contain}
.equipment-choice.rare{border-color:#60bff4}.equipment-choice.epic{border-color:#b871e7}.equipment-choice.legendary{border-color:#efd05b}.equipment-choice.ancient{border-color:#f38c4b}.equipment-choice.mystic{border-color:#e94b84}
.equipment-choice-stars{position:absolute;left:1px;bottom:0;font-size:10px;line-height:1;color:#ffea68;text-shadow:0 1px 2px #241b13}
.equipment-choice-count{position:absolute;right:3px;bottom:1px;font-size:12px;text-shadow:0 2px #161827}
.equipment-choice-worn{position:absolute;right:2px;top:0;color:#b9ff72;font-size:20px;font-weight:900;text-shadow:0 2px #132d1c}
.equipment-choice[aria-pressed=true]{outline:2px solid #fff0aa;outline-offset:1px;box-shadow:0 0 12px #ffe6a375}
.equipment-picker :is(button):focus-visible,.hero-equipment-actions button:focus-visible{outline:3px solid #fff5bb;outline-offset:3px}
#equipment-picker-empty{font-size:13px;line-height:1.6;text-align:center;margin:auto;color:#d5def5}
@media(max-width:380px){.equipment-picker-header{padding-inline:44px}.equipment-picker-header h2{font-size:16px}}
@media(max-height:700px){.equipment-picker[open]{grid-template-rows:46px minmax(0,1fr) minmax(125px,34%)}.equipment-picker-preview{gap:5px;padding:9px 12px 5px}.equipment-picker-preview h3{font-size:16px}#equipment-picker-art{width:68px;height:68px}#equipment-picker-description{font-size:10px}.equipment-picker-list{gap:9px}.hero-equipment-actions{margin-top:6px;gap:10px}.hero-equipment-actions button{min-height:37px;padding:5px 10px;font-size:11px}}
@media(max-height:500px) and (orientation:landscape){.equipment-picker{width:min(780px,calc(100vw - 24px));height:calc(100dvh - 24px)}.equipment-picker[open]{grid-template-columns:1fr 1fr;grid-template-rows:46px minmax(0,1fr)}.equipment-picker-header{grid-column:1/-1}.equipment-picker-stock{border-top:0;border-left:2px solid #b1b9d644}.equipment-picker-preview{gap:4px}#equipment-picker-art{width:56px;height:56px}#equipment-picker-description{display:none}}