.enhancement-materials,.enhancement-supply-shop{margin-top:22px;padding-bottom:20px}
.enhancement-material-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0 22px}
.enhancement-material-counts>div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:16px 10px;background:#0e2231;border:1px solid #425e6e66;border-radius:14px;min-width:0}
.enhancement-material-counts span{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.enhancement-material-counts strong{font-size:22px;color:#e9d095}.enhancement-material-counts .icon{color:#9edccd;width:28px;height:28px}
.enhancement-box-heading{display:flex;justify-content:space-between;gap:12px;padding:22px 22px 12px;font-size:14px}.enhancement-box-heading h3{font-size:18px}
.enhancement-box-stacks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0 22px}
.enhancement-box-stacks article,.enhancement-supply-cards article{padding:16px;background:linear-gradient(145deg,#203748,#152736);border:1px solid #caab6840;border-radius:14px;min-width:0}
.enhancement-box-stacks h3{font-size:14px}.enhancement-box-stacks p{font-size:12px;color:#b5cad0;margin:6px 0}.enhancement-box-stacks strong{display:block;font-size:14px;color:#e9d095;margin:8px 0}.enhancement-box-stacks button{font-size:14px;width:100%;min-height:44px;white-space:normal;line-height:1.5;padding:8px}
.enhancement-material-note{padding:12px 22px 0;font-size:14px;line-height:1.8;color:#acbdca}
.enhancement-supply-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 22px}
.supply-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#e5c17215;color:#e8cf8e;margin-bottom:12px}.supply-icon .icon{width:28px;height:28px}
.enhancement-supply-cards h3{font-size:16px;line-height:1.6}.enhancement-supply-cards p{font-size:14px;color:#b5cad0;margin:8px 0}.enhancement-supply-cards strong{display:block;font-size:14px;margin:12px 0;color:#9fddc2}.enhancement-supply-cards button{width:100%;min-height:44px;white-space:normal;line-height:1.5;font-size:14px;padding:10px}
.enhancement-slot-heading{color:#e8cf8e;font-size:14px;margin-bottom:8px}.enhancement-optional-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0}
.enhancement-material-slot{padding:14px;border:1px solid #59727c88;border-radius:12px;background:#112634}.enhancement-material-slot h3{font-size:16px}.enhancement-material-slot p,.modal-body .enhancement-selected-tickets,.modal-body .enhancement-ticket-note{font-size:14px;line-height:1.8;margin:6px 0;color:#b8cdd1}
.enhancement-material-slot button{font-size:14px;min-height:44px;line-height:1.6;white-space:normal}.enhancement-material-slot button.selected{border-color:#e9c67d;background:#746139;color:#fff0c5}.enhancement-material-slot button:disabled{color:#8f9ea8;background:#21313d}.enhancement-material-slot small{display:block;font-size:12px;margin-top:5px}
.enhancement-ticket-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.enhancement-ticket-options button{padding:8px 4px;display:block}.enhancement-ticket-options small{margin-top:3px}
.support-box-illustration{width:90px;height:90px;margin:12px auto 18px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#386b75,#322c55);color:#efd99a;border:1px solid #b9cda177;box-shadow:0 8px 30px #0003}.support-box-illustration .icon{width:45px;height:45px}
.support-box-result{text-align:center;padding:12px;animation:support-reveal .5s ease-out}.support-box-result h3{font-size:20px}.support-box-result strong{display:block;margin-top:14px;font-size:18px;line-height:1.7;color:#8ed7c3}.support-box-result.rare-bonus{background:radial-gradient(ellipse,#8057c53b,transparent 70%);border-radius:16px;border:1px solid #cba7fc55;box-shadow:inset 0 0 25px #b57ff020}.rare-bonus .support-box-illustration{color:#f2ddff;box-shadow:0 0 28px #b07bea66;border-color:#cba7fc}.rare-bonus strong{color:#dec0ff}
@keyframes support-reveal{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:1050px){.enhancement-box-stacks{grid-template-columns:repeat(3,minmax(0,1fr))}.enhancement-supply-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.enhancement-material-counts{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px}.enhancement-box-stacks{grid-template-columns:1fr;padding:0 14px}.enhancement-box-stacks article{display:grid;grid-template-columns:1fr auto;gap:6px 12px}.enhancement-box-stacks h3,.enhancement-box-stacks p{grid-column:1}.enhancement-box-stacks button{grid-column:2;grid-row:1/4;max-width:120px}.enhancement-box-stacks strong{margin:0}.enhancement-supply-cards{padding:0 14px;gap:8px}.enhancement-supply-cards article{padding:12px}.enhancement-material-note{padding:12px 14px 0}.enhancement-ticket-options{grid-template-columns:repeat(2,minmax(0,1fr))}.enhancement-box-heading{padding:18px 14px 10px;flex-wrap:wrap}.enhancement-supply-cards h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.support-box-result{animation:none}}
body.reduced .support-box-result{animation:none}

/* Bounded artwork keeps item illustrations clear without covering stats. */
.enhancement-material-art{display:block;width:80px;height:80px;max-width:100%;object-fit:contain;flex:none;margin:0 auto;filter:drop-shadow(0 4px 7px #0004)}
.enhancement-material-counts .enhancement-material-art{width:88px;height:88px}
.supply-icon{width:100px;height:100px;background:radial-gradient(circle,#e5c17218,transparent 72%);margin:0 auto 12px}
.supply-icon .enhancement-material-art{width:100px;height:100px}
.enhancement-material-slot .slot-material-art{width:76px;height:76px;margin:0 auto 10px}
.enhancement-ticket-options .enhancement-material-art{width:64px;height:64px;margin:0 auto 6px}
.enhancement-ticket-options button:disabled .enhancement-material-art{opacity:.45;filter:grayscale(.55)}
.stone-wallet .enhancement-material-art{width:30px;height:30px;margin:0}
.enhancement-cost .cost-material-art{width:64px;height:64px;margin:0 auto 8px}
.stone-reward .enhancement-material-art{width:60px;height:60px;margin:0 auto 8px}
.enhancement-rates-table .rate-material-art{display:inline-block;width:40px;height:40px;vertical-align:middle;margin-right:8px}
.support-box-result .support-box-illustration{width:120px;height:120px;background:radial-gradient(circle,#58d5e422,transparent 75%);border:0}
.support-box-result .support-box-illustration .enhancement-material-art{width:116px;height:116px}
.support-box-result .reward-material-art{width:104px;height:104px;margin:0 auto 12px}
.supply-purchase-art .enhancement-material-art{width:140px;height:140px;margin:0 auto 16px}
@media(max-width:600px){.enhancement-material-counts .enhancement-material-art{width:80px;height:80px}.supply-icon,.supply-icon .enhancement-material-art{width:90px;height:90px}}
