/* Member milestone rewards: compact, readable, keyboard-friendly. */
#rechargeTierPreview{gap:18px;align-items:start}
#rechargeTierPreview .recharge-milestone{min-width:0;padding:20px;border-radius:18px;border-color:#4d4935;background:linear-gradient(150deg,#172321,#10191b);box-shadow:0 8px 28px #0002;opacity:1;filter:none}
#rechargeTierPreview .milestone-title{gap:12px;align-items:start;padding-bottom:15px;border-bottom:1px solid #d8b87626}
#rechargeTierPreview .milestone-title>div{min-width:0}
#rechargeTierPreview .milestone-eyebrow{display:block;color:#b5a27b;font-size:10px;letter-spacing:.15em;font-weight:700;margin:0 0 5px}
#rechargeTierPreview .milestone-title h3{font-family:inherit;font-size:23px;line-height:1.2;color:#f8d797;margin:0 0 6px;overflow-wrap:anywhere}
#rechargeTierPreview .milestone-title p{margin:0;font-size:12px;line-height:1.5;color:#becbc7}
#rechargeTierPreview .milestone-title .milestone-state{flex-shrink:0;width:auto;padding:5px 9px;border:1px solid #6b796d5c;border-radius:30px;background:#27352e;color:#c1d0c9;font-weight:600;font-size:11px;line-height:1.4;font-family:inherit;white-space:nowrap}
#rechargeTierPreview .is-available{border-color:#c7a45e;box-shadow:0 8px 28px #0002,inset 0 2px #dfbd73}
#rechargeTierPreview .is-available .milestone-state{background:#ddbc76;color:#18201b;border-color:#e2c58b}
#rechargeTierPreview .is-claimed{border-color:#49745f}
#rechargeTierPreview .is-claimed .milestone-state{background:#1e3b30;color:#a3dfb9;border-color:#4f8b68}
#rechargeTierPreview .is-processing .milestone-state{background:#203c4a;color:#b8def2;border-color:#4c7f9b}
#rechargeTierPreview .is-error .milestone-state{background:#482d2b;color:#ffc4ae;border-color:#956258}
#rechargeTierPreview .milestone-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 9px;color:#cfdbd4;font-size:12px}
#rechargeTierPreview .milestone-list-heading small{color:#99ada5;font-size:11px}
#rechargeTierPreview .milestone-rewards{display:grid;gap:5px;margin:0;padding:0;list-style:none}
#rechargeTierPreview .milestone-rewards li{display:flex;align-items:start;justify-content:space-between;gap:10px;min-width:0;margin:0;padding:8px 9px;background:#ffffff04;border:0;border-radius:7px;line-height:1.45}
#rechargeTierPreview .milestone-rewards li:nth-child(even){background:#ffffff08}
#rechargeTierPreview .milestone-reward-name{flex:1;min-width:0;color:#e3e9df;font-size:12px;overflow-wrap:anywhere}
#rechargeTierPreview .milestone-reward-name b{font-weight:500}
#rechargeTierPreview .milestone-rewards li>strong{flex-shrink:0;min-width:27px;padding:2px 6px;border:1px solid #d8b87629;border-radius:5px;text-align:center;background:#d8b8760c;color:#e8ca8b;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}
#rechargeTierPreview .milestone-reward-detail summary{display:flex;justify-content:space-between;gap:7px;align-items:start;cursor:pointer;list-style:none}
#rechargeTierPreview .milestone-reward-detail summary::-webkit-details-marker{display:none}
#rechargeTierPreview .milestone-reward-detail summary>span{font-size:12px;color:#d8b876;flex-shrink:0}
#rechargeTierPreview .milestone-reward-detail[open] summary>span{transform:rotate(45deg)}
#rechargeTierPreview .milestone-reward-detail p{font-size:12px;color:#b6c8bd;line-height:1.65;margin:8px 0 0;padding-top:8px;border-top:1px solid #ffffff12}
#rechargeTierPreview .milestone-reward-detail summary:focus-visible{outline:2px solid #e9c781;outline-offset:4px;border-radius:3px}
#rechargeTierPreview .milestone-progress{height:4px;margin:17px 0 10px;border-radius:9px;background:#ffffff0f}
#rechargeTierPreview .milestone-progress span{height:100%;border-radius:9px;background:linear-gradient(90deg,#9c7c40,#eed49d)}
#rechargeTierPreview .is-claimed .milestone-progress span{background:linear-gradient(90deg,#3e7c58,#9dceaa)}
#rechargeTierPreview .milestone-status{gap:10px}
#rechargeTierPreview .milestone-status>small{font-size:11px;color:#abbfb3;opacity:1}
#rechargeTierPreview .milestone-status>button{border-radius:9px;min-height:40px;font-size:12px}
#rechargeTierPreview .milestone-status>button:disabled{opacity:1;background:#ffffff05;color:#9aa99e;border-color:#ffffff18}
#rechargeTierPreview .milestone-claim-btn{background:linear-gradient(120deg,#a67c36,#d8b876);color:#101b16;border-color:#e1c58b;box-shadow:none}
#rechargeTierPreview .milestone-code{box-sizing:border-box;max-width:100%;padding:10px;background:#0b1514;border-color:#6f6544}
#rechargeTierPreview .milestone-code code{font-size:clamp(32px,5vw,44px);line-height:1.2;padding:10px 6px}
#rechargeTierPreview .milestone-code small{font-size:11px}
#rechargeTierPreview .milestone-code button{border-radius:7px}
@media(min-width:1200px){#rechargeTierPreview .milestone-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}#rechargeTierPreview .milestone-rewards li:has(details[open]){grid-column:1/-1}}
@media(max-width:820px){#rechargeTierPreview .recharge-milestone{padding:17px}#rechargeTierPreview .milestone-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pet-skill-modal{z-index:350;overflow:auto;padding:20px;box-sizing:border-box}
.pet-skill-card{width:min(520px,94vw);max-height:90dvh;overflow:auto;border-radius:18px!important;box-sizing:border-box;padding:28px!important}
.pet-skill-card .pet-choice-eyebrow{display:block;color:#d8b876;letter-spacing:.12em;font-size:11px;margin-bottom:10px}
.pet-skill-card h3{font-size:26px;margin-bottom:10px!important}
.pet-choice-intro,.pet-choice-warning{font-size:13px;line-height:1.65;color:#bbc7be}
.pet-skill-options{display:grid;gap:8px;border:0;padding:0;margin:20px 0}
.pet-skill-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pet-skill-card .pet-skill-option{position:relative;display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border:1px solid #d8b87633;border-radius:10px;background:#ffffff04;cursor:pointer}
.pet-skill-card .pet-skill-option input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:#dfbd78}
.pet-skill-option span{flex:1}.pet-skill-option b{display:block;color:#efe4cb;font-size:15px}.pet-skill-option small{display:block;margin-top:3px;font-size:11px;color:#99aca0}
.pet-skill-option i{font-style:normal;visibility:hidden;color:#edce8a;font-size:20px}
.pet-skill-option:has(input:checked){border-color:#dfbd78;background:#d8b87612;box-shadow:0 0 0 1px #d8b87622}
.pet-skill-option:has(input:checked) i{visibility:visible}.pet-skill-option:focus-within{outline:2px solid #dfbd78;outline-offset:2px}
.pet-choice-warning{padding:11px 12px;background:#ffffff04;border-left:2px solid #a48b57;font-size:12px}
.pet-skill-card .modal-actions{margin-top:20px;align-items:center;gap:10px}.pet-skill-card .primary-btn{width:auto;min-height:42px;font-size:13px;border-radius:8px}.pet-skill-card .primary-btn:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:480px){.pet-skill-card{padding:23px 17px!important}.pet-skill-card .modal-actions{flex-wrap:wrap}.pet-skill-card .primary-btn{flex:1}.pet-skill-modal{padding:12px}}
@media(max-width:480px){#rechargeTierPreview .recharge-milestone{padding:15px;border-radius:14px}#rechargeTierPreview .milestone-rewards{grid-template-columns:1fr}#rechargeTierPreview .milestone-title h3{font-size:22px}#rechargeTierPreview .milestone-reward-name{font-size:13px}#rechargeTierPreview .milestone-rewards li{padding:7px 8px}}