.shop-overview{max-width:1400px;margin:auto}.shop-race-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.shop-race-card{background:#fff;border:1px solid #d6e2ef;border-radius:14px;padding:20px;box-shadow:0 3px 14px #0b254009}.shop-race-card h3{font-size:18px;margin:10px 0;color:#163755}.shop-race-card>span{font-size:12px;color:#587591}.shop-race-card p{color:#546d81;font-size:13px}.shop-shade{position:fixed;inset:0;background:#051728bb;z-index:14000;display:flex;align-items:center;justify-content:center;padding:18px}.shopping-open{overflow:hidden}.shop-dialog{background:#fff;border-radius:16px;width:min(850px,100%);max-height:min(94vh,1100px);display:flex;flex-direction:column;box-shadow:0 18px 55px #0005;overflow:hidden;color:#183b57}.shop-modal-head{padding:22px 26px;background:#0d304e;color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.shop-modal-head small{color:#aed4ee;letter-spacing:1.2px}.shop-modal-head h2{font-size:23px;margin:8px 0}.shop-modal-head p{font-size:13px;margin:0;color:#d2e2ef}.shop-close{border:1px solid #ffffff5b;background:#ffffff1b;color:#fff;border-radius:10px;cursor:pointer;font-size:27px;min-width:40px;min-height:40px}.shop-body{overflow:auto;padding:23px 26px}.shop-tally{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;border-bottom:1px solid #dce5ee;padding:0 0 13px;margin-bottom:14px}.shop-tally span,.shop-readonly,.shop-empty{font-size:13px;color:#637d90}.shop-item{display:grid;grid-template-columns:minmax(150px,1fr) 160px auto;align-items:center;gap:10px;padding:13px 8px;border-bottom:1px solid #ebf0f5}.shop-item.purchased strong{text-decoration:line-through;color:#6b8697}.shop-purchase{display:flex;align-items:center;gap:13px;min-width:0}.shop-purchase span{min-width:0}.shop-purchase strong{overflow-wrap:anywhere}.shop-purchase small{display:block;color:#57748b;font-size:12px;margin-top:4px}.shop-preferred{display:flex;gap:6px;align-items:center;font-size:12px;color:#425d76}.shop-item input[type=checkbox]{width:19px;height:19px;accent-color:#1263a2;flex-shrink:0}.shop-delete{background:#fff;border:1px solid #d8e2e9;border-radius:7px;color:#90505a;padding:7px 11px;cursor:pointer}.shop-add-form{background:#f2f7fa;border:1px solid #d5e2ea;border-radius:12px;margin-top:18px;padding:18px;display:grid;grid-template-columns:2fr 1fr auto auto;align-items:end;gap:12px}.shop-add-form label{display:grid;gap:7px;font-size:12px;font-weight:650}.shop-add-form input:not([type=checkbox]){border-radius:8px;border:1px solid #bfcfdb;padding:10px;min-width:0;width:100%}.shop-add-form .shop-flag{display:flex;align-items:center;gap:7px;min-height:42px;white-space:nowrap}.shop-primary{background:#1761a1;color:white;border:1px solid #1761a1;border-radius:9px;padding:11px 16px;cursor:pointer;font-weight:650}.shop-secondary{background:#fff;color:#183b57;border:1px solid #bbcfde;border-radius:9px;padding:11px 16px;cursor:pointer}.shop-foot{padding:14px 24px;border-top:1px solid #dce7ef;display:flex;justify-content:flex-end;gap:10px}.shop-error{background:#fff4f1;border:1px solid #eda5a1;border-radius:8px;padding:10px;color:#9d3030}button:disabled{cursor:not-allowed;opacity:.65}.mech-upcoming{margin-bottom:18px}.mech-duty-line{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dfebf4;padding:14px 2px}.mech-duty-line p{margin:6px 0 0;color:#637c92;font-size:13px}
@media(max-width:650px){.shop-shade{padding:0}.shop-dialog{border-radius:0;max-height:100dvh;height:100dvh}.shop-modal-head{padding:16px}.shop-modal-head h2{font-size:19px}.shop-body{padding:15px}.shop-item{grid-template-columns:minmax(120px,1fr) auto;gap:12px}.shop-delete{grid-column:2}.shop-add-form{grid-template-columns:1fr 1fr;gap:12px}.shop-add-form label:first-child{grid-column:1/-1}.shop-add-form .shop-flag{grid-column:1}.shop-add-form button{grid-column:2}.mech-duty-line{align-items:flex-start;flex-direction:column}}