/* Fire Emblem Awakening gold calculator. Builds on planner.css (.fep-window, .fep-pill). Item icons are 16px cells
   of the game's item atlas (items/icons.webp, 256px wide), drawn with nearest-neighbour scaling. */
.feg { width: min(1180px, 100% - 32px); margin: 22px auto 0; color: var(--fe-text); }
.feg h2 { margin: 0 0 4px; font-family: var(--fe-serif); font-size: 1.15rem; color: var(--fe-gold-light); }
.feg-sub { margin: 0 0 14px; color: var(--fe-text-2); font-size: .9rem; }
.feg-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 18px; }
.feg-field { margin-bottom: 12px; }
.feg-label { display: block; margin-bottom: 5px; font-family: var(--fe-serif); font-size: .85rem; color: var(--fe-gold); }
.feg-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.feg-pills .fep-pill { padding: 4px 12px; font-size: .84rem; }
.feg-pills .fep-pill[aria-pressed="true"] { border-color: var(--fe-blue-hi); background: linear-gradient(180deg, #2a6fd0, #143e7e); color: #fff; }
.feg-range { display: flex; align-items: center; gap: 10px; }
.feg-range input { flex: 1; accent-color: var(--fe-gold); }
.feg-range output { min-width: 2.5em; font-family: var(--fe-serif); font-weight: 700; color: var(--fe-gold-light); text-align: right; }
.feg-out { display: grid; gap: 8px; align-content: start; }
.feg-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid rgba(210, 172, 94, .22); border-radius: 5px; background: rgba(18, 16, 20, .55); }
.feg-row[data-best] { border-color: var(--fe-blue-hi); box-shadow: inset 3px 0 0 var(--fe-blue-hi); }
.feg-row[hidden] { display: none; }
.feg-name { font-family: var(--fe-serif); font-weight: 600; }
.feg-why { display: block; color: var(--fe-text-2); font-size: .82rem; }
.feg-val { font-family: var(--fe-serif); font-weight: 700; color: var(--fe-gold-light); white-space: nowrap; transition: transform .25s ease; }
.feg-val.neg { color: var(--fe-red-hi); }
.feg-val.bump { transform: scale(1.12); }
.feg-icon { width: 32px; height: 32px; background-repeat: no-repeat; background-size: 512px auto; background-position: calc(var(--x) * -32px) calc(var(--y) * -32px); image-rendering: pixelated; }
.feg button:focus-visible, .feg input:focus-visible { outline: 2px solid var(--fe-gold-light); outline-offset: 2px; }
@media (max-width: 860px) { .feg-grid { grid-template-columns: minmax(0, 1fr); } }