/* Compact, stable world controls and readable tactical comparisons. */
.world-supplies{padding:17px 20px;margin:0 0 14px;border-color:#60827880;background:linear-gradient(115deg,#172d2a,#14231f)}
.world-supply-heading,.tactical-loadout-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.world-supply-heading .eyebrow{display:block;font-size:8px;margin:0 0 5px}.world-supply-heading strong{font-size:17px;color:var(--cream)}
.world-supply-heading .button{padding:9px 12px;font-size:10px}.world-supply-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.world-supply-field{min-width:0}.supply-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:7px;color:var(--teal)}
.supply-label>span{display:flex;align-items:center;gap:6px}.supply-label .icon{width:15px;height:15px}.supply-label b{font-variant-numeric:tabular-nums;color:var(--cream)}
.supply-picker{display:flex;gap:8px;align-items:stretch}.supply-picker select{min-width:0;width:0;flex:1;font-size:11px;padding:9px 10px;border-radius:7px;background:#11211e;color:var(--cream);border:1px solid var(--line)}
.supply-picker .button{flex-shrink:0;padding:10px 14px;font-size:11px;white-space:nowrap}.world-supply-field small{display:block;margin-top:7px;font-size:9px;line-height:1.6;color:var(--muted)}
.supply-footnote{font-size:9px;color:var(--muted);margin:12px 0 0}.supply-modal-list{display:grid;gap:10px}.supply-modal-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:15px}
.supply-modal-row>div{min-width:0}.supply-modal-row p{font-size:11px}.supply-modal-row .button{white-space:nowrap;flex-shrink:0}
/* Do not let twenty area buttons push the map out of view. All remain selectable. */
.world-region-bar{display:flex;overflow-x:auto;max-width:100%;padding:0 0 7px;scrollbar-width:thin;scroll-snap-type:x proximity}
.world-region-bar .region-tab{flex:0 0 196px;scroll-snap-align:start}
.tactical-loadout{padding:20px;margin:18px 0}.tactical-loadout h3{margin:0}.tactical-loadout p{font-size:12px;line-height:1.7}.tactical-loadout small{font-size:10px;color:var(--muted);line-height:1.7}
.tactical-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.tactical-metrics span{font-size:10px;color:var(--muted)}.tactical-metrics b{display:block;font-size:18px;color:var(--lime);margin-top:4px}
.build-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.build-filters label{display:grid;gap:5px}.build-filters select{width:100%;padding:10px;background:#122724;color:var(--cream);border:1px solid var(--line);border-radius:6px}
#combat-build-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.combat-build-card{padding:19px;min-width:0;border-top:3px solid #96c6b5}.combat-build-card h3{font-size:24px;margin:10px 0}.combat-build-card .eyebrow{line-height:1.6;font-size:9px}
.role-str{border-top-color:#d99a83}.role-def{border-top-color:#a99bd0}.role-armor{border-top-color:#d7c286}.tactical-perk{font-size:12px;line-height:1.6;color:var(--lime)}.tactical-counter{font-size:11px;line-height:1.6;color:var(--muted)}
.build-pieces{display:grid;gap:8px;margin:15px 0}.build-pieces>div{display:flex;align-items:center;gap:9px;font-size:11px}.build-pieces .icon{width:16px;flex-shrink:0}.build-pieces .equipment-reference{min-width:0}.build-pieces .item-name{overflow-wrap:anywhere}
.combat-build-card small,.build-sources{font-size:10px;color:var(--muted);line-height:1.7}.matchup-review{border:1px solid var(--line);border-radius:9px;padding:17px;margin:15px 0;background:#132824}.matchup-review h3{font-size:22px;margin:0 0 12px}
.matchup-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.matchup-columns>div{min-width:0}.matchup-columns strong{color:var(--lime);font-size:12px}.matchup-columns dl{font-size:11px;margin:10px 0}.matchup-columns dl>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #ffffff09}.matchup-columns dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.matchup-review p{font-size:10px;line-height:1.7;color:var(--muted)}
.realm-group-heading{margin:22px 0 12px}.realm-group-heading h3{margin:5px 0}.set-card .tactical-perk{font-size:12px}
@media(max-width:640px){.world-supplies{padding:13px}.world-supply-grid{grid-template-columns:1fr;gap:15px}.world-supply-heading .button{max-width:135px;line-height:1.4}.world-region-bar .region-tab{flex-basis:150px}.supply-picker select{font-size:12px}.supply-picker .button{min-height:44px}#combat-build-cards{grid-template-columns:1fr}.tactical-loadout-heading{align-items:flex-start;flex-direction:column}.tactical-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.matchup-columns{gap:10px}.matchup-columns dl{font-size:10px}.build-filters{gap:8px}.supply-modal-row{padding:12px;gap:8px}.supply-modal-row .button{padding:10px}.combat-build-card{padding:15px}}
/* Give the build comparison room on desktop, retain a single readable card on phones. */
.modal-panel:has(.combat-builds){width:min(1000px,calc(100vw - 32px));max-width:1000px}
#pvp-attack-form input{box-sizing:border-box;width:100%;min-height:42px;padding:10px 12px;background:#0f211f;color:var(--cream);border:1px solid var(--line);border-radius:7px;font-variant-numeric:tabular-nums}
.pvp-build-link{margin:14px 0}.tactical-monster-note{color:var(--lime)}
@media(max-width:640px){.modal-panel:has(.combat-builds){width:calc(100vw - 24px);padding:18px}.matchup-review{padding:12px}}