/* Relic and colony progression .125: compact, static and touch friendly. */
.relic-guide{margin-top:12px;padding:12px;border:1px solid #746240;border-radius:8px;background:#111f2b;color:#ffdc83}.relic-guide summary{cursor:pointer;min-height:28px}.relic-guide p{color:#bdd2df;font-size:12px}.relic-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.relic-guide-grid article{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #4f5044;border-radius:6px}.relic-guide-grid small{color:#9bb5c7}.relic-guide-grid span{font-size:12px;color:#def1ec}
#colonyDialog .colony-ranks{gap:2px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}#colonyDialog .colony-tier-requirement{padding:8px;background:#183f44;border-radius:6px;color:#a1eee1;font-size:12px}#colonyDialog .colony-choice{flex-wrap:wrap}#colonyDialog .colony-crop-picture:has(img[src*="kelp"]){background:radial-gradient(ellipse,#2b5d554d,transparent)}

/* Small MF explanation mark; padding supplies a usable touch/focus target. */
#modalBody button.mf-help{display:inline-grid;place-items:center;vertical-align:middle;width:26px;height:26px;min-width:26px;min-height:26px;margin:-4px 0 -4px 2px;padding:3px;border:0;border-radius:50%;background:transparent;color:#9bcde0;font:14px/1 sans-serif;cursor:help;box-shadow:none}#modalBody button.mf-help:hover,#modalBody button.mf-help:focus-visible{color:#ffe19a;background:#28495b;outline:1px solid #80b7cf;outline-offset:1px}#modalBody .mf-help span{pointer-events:none}

#modal #modalBody button.mf-help{min-height:26px!important;max-height:26px;padding:3px!important;box-sizing:border-box}