.menu-secondary .stone-button{min-width:0;gap:6px;letter-spacing:.6px;font-size:8px}.menu-secondary .stone-button svg{width:13px;flex-shrink:0}.staff-shop{width:min(1080px,96vw);max-width:none;padding:30px;text-align:left;max-height:calc(100dvh - 34px);overflow:auto;scrollbar-color:#7b6497 #111927}.shop-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:38px}.shop-heading h2{margin:7px 0 6px}.shop-heading p{font-size:12px;color:#9eabc1;line-height:1.6;margin:0}.shop-wallet{flex-shrink:0;min-width:130px;padding:14px 18px;background:#d6b56a0d;border:1px solid #e1bd7033}.shop-wallet>span{font-size:8px;letter-spacing:2px;color:#ab9872}.shop-wallet strong{display:flex;align-items:center;gap:8px;margin-top:5px;color:#edd297;font:24px var(--display)}.shop-wallet svg{width:21px;height:21px;fill:none;stroke:currentColor}.shop-wallet b{font-weight:500}.shop-loadout{display:flex;align-items:center;gap:12px;padding:13px 0;margin:15px 0;border-block:1px solid #a9b7ce22;font-size:8px;letter-spacing:1px;color:#8390a8}.shop-loadout strong{color:#d6c4eb;font-size:11px;font-weight:500}.shop-loadout>span{margin-left:auto;letter-spacing:0;font-size:10px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.staff-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:17px;background:linear-gradient(145deg,#202a3d,#111a2b);border:1px solid #8794ad35;border-top:2px solid var(--staff-color)}.staff-card.is-equipped{box-shadow:inset 0 0 28px #8d60ca12;border-color:var(--staff-color)}.staff-card-top{display:flex;justify-content:space-between;gap:8px;color:#97a2b8;font-size:8px;letter-spacing:1px}.staff-card-top>span:last-child{color:var(--staff-color);letter-spacing:.3px}.shop-staff-art{width:100%;height:145px;margin-top:5px}.staff-card h3{font:500 16px var(--display);letter-spacing:.4px;color:#e0ddeb;margin:0 0 7px}.staff-ability{font-size:10px;color:var(--staff-color)}.staff-card>p{font-size:11px;line-height:1.6;color:#9daac1;min-height:53px;margin:10px 0}.staff-specs{display:flex;align-items:center;gap:10px;border-block:1px solid #8696b321;padding:5px 0;margin-top:auto}.shop-pattern{width:82px;height:43px;color:var(--staff-color);flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.staff-specs span{color:#b5bfd0;font-size:10px;line-height:1.8}.staff-specs b{color:#d9dfec;font-weight:500}.staff-specs small{font-size:9px;color:#8493ad}.staff-savings{height:3px;background:#080f1c;margin-top:13px}.staff-savings i{display:block;height:100%;background:var(--staff-color);opacity:.7}.staff-shortfall{font-size:9px;color:#8796ad;margin:9px 0 12px;display:block}.staff-buy{min-height:40px;width:100%;border:1px solid var(--staff-color);color:#ebddff;background:#67518322;font:600 9px var(--font);letter-spacing:.8px;cursor:pointer;border-radius:2px}.staff-buy:hover:enabled{background:#8164a43d}.staff-buy:disabled{cursor:default;color:#6b7890;border-color:#8394b12e;background:#111825}.is-equipped .staff-buy:disabled{color:var(--staff-color);border-color:var(--staff-color);opacity:.65}.staff-buy:focus-visible{outline:2px solid #f3e9ff;outline-offset:3px}.shop-status{font-size:12px;line-height:1.6;color:#d7c1f0;min-height:18px;margin:14px 0 7px}.shop-footnote{font-size:10px!important;line-height:1.6;color:#8190aa!important;margin:0!important}.staff-shop .panel-close{z-index:2}
@media(max-width:760px){.staff-shop{padding:26px 18px 19px;width:96vw}.shop-heading{gap:12px;align-items:flex-start;flex-direction:column}.shop-heading h2{font-size:25px}.shop-wallet{display:flex;gap:10px;align-items:center;padding:7px 12px;min-width:0}.shop-wallet strong{margin:0;font-size:19px}.shop-wallet>span{font-size:7px}.shop-heading p{font-size:11px}.shop-loadout{flex-wrap:wrap;gap:7px}.shop-loadout>span{flex-basis:100%;margin:0;font-size:9px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-card{padding:12px}.shop-staff-art{height:119px}.staff-card h3{font-size:14px}.staff-card-top{font-size:7px;letter-spacing:.3px}.staff-card>p{font-size:10px;min-height:64px}.staff-specs{gap:3px}.shop-pattern{width:54px}.staff-specs span{font-size:9px}.staff-specs small{font-size:8px}.staff-buy{font-size:8px;letter-spacing:.1px}.staff-shortfall{font-size:8px}}
@media(max-width:450px){.shop-grid{grid-template-columns:1fr}.shop-staff-art{height:140px}.staff-card{padding:17px}.staff-card>p{min-height:0}.staff-card h3{font-size:18px}.staff-ability{font-size:11px}.staff-card-top{font-size:9px}.staff-card>p{font-size:12px}.staff-specs span{font-size:11px}.staff-specs small,.staff-shortfall{font-size:10px}.shop-pattern{width:80px}.staff-buy{font-size:10px;min-height:44px}.shop-heading{padding-right:26px}.shop-footnote{font-size:10px!important}}
#shop-overlay{z-index:60}.shop-staff-art{stroke:none}.staff-shop .panel-close{position:fixed;top:30px;right:max(calc((100vw - 1080px)/2 + 12px),calc(2vw + 12px))}