.charm-plan { margin:20px 0; padding:18px; border:1px solid #534736; border-radius:12px; background:linear-gradient(135deg,#2c251b,#231d13); }
.charm-plan h2 { margin:0 0 8px; }
.charm-plan-intro,.charm-plan-note { color:#c7bcac; line-height:1.55; font-size:13px; }
.charm-plan-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-top:18px; }
.charm-plan-card { padding:18px; border:1px solid #514737; border-radius:10px; background:#1f1911; min-width:0; }
.charm-plan-creature { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; }
.charm-plan-creature h3 { margin:0; font-size:16px; overflow-wrap:anywhere; }
.charm-plan-sprite { width:80px; height:80px; display:grid; place-items:center; }
.charm-plan-sprite img { max-width:80px; max-height:80px; object-fit:contain; image-rendering:pixelated; }
.charm-plan-count { color:#c5baaa; font-size:12px; }
.charm-plan-options { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:12px 0 0; }
.charm-plan-rune { display:flex; gap:8px; align-items:center; text-align:left; padding:8px 10px; background:#382f22; border:1px solid #685a44; border-radius:8px; font-size:13px; }
.charm-plan-rune img { width:32px; height:32px; image-rendering:pixelated; flex-shrink:0; }
.charm-plan-rune small { display:block; margin-top:3px; color:#cdc2b1; font-size:11px; }
.charm-plan-or { display:block; margin:10px 0 0; text-align:center; color:#b6aa98; font-size:12px; }
.charm-plan-reason { margin:12px 0 0; color:#d2c7b6; font-size:12px; line-height:1.5; text-align:center; }
.charm-plan-calculator { margin-top:16px; padding:18px; background:#1f1911; border:1px solid #685a44; border-radius:10px; }
.charm-plan-calculator h3 { margin:0 0 8px; }
.charm-plan-calculations { display:grid; grid-template-columns:repeat(auto-fit,minmax(235px,1fr)); gap:12px; }
.charm-plan-calculation { padding:14px; border:1px solid #493e2e; border-radius:8px; min-width:0; }
.charm-plan-calculation h4 { margin:0 0 8px; overflow-wrap:anywhere; }
.charm-plan-threshold { display:flex; gap:10px; margin:14px 0; align-items:flex-start; font-size:13px; line-height:1.6; }
.charm-plan-threshold img { width:32px; height:32px; }
.charm-plan-threshold strong { display:block; color:#f6e9d6; }
@media(max-width:550px) { .charm-plan { padding:12px; }.charm-plan-grid,.charm-plan-calculations { grid-template-columns:1fr; }.charm-plan-calculator { padding:12px; } }