.rts-hud{z-index:20;pointer-events:none;min-width:280px;min-height:240px;color:var(--ui-text);letter-spacing:0;-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.25;display:grid;position:fixed;inset:0}.rts-hud *,.rts-hud :before,.rts-hud :after{box-sizing:border-box}.rts-hud button{font:inherit;letter-spacing:0}.rts-hud__top{z-index:3;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid;position:relative}.rts-resource-bar,.rts-status,.rts-panel,.rts-overlay,.rts-message,.rts-tooltip{pointer-events:auto;border:1px solid var(--ui-line);background:var(--ui-panel);box-shadow:0 12px 30px var(--ui-shadow), inset 0 1px 0 var(--ui-line);-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1)}.rts-resource-bar{border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;width:fit-content;max-width:min(760px,100%);padding:5px;display:flex}.rts-resource{border:1px solid var(--ui-line);background:var(--ui-bg);border-radius:6px;grid-template-columns:10px auto minmax(30px,auto);align-items:center;gap:5px;min-width:82px;padding:4px 7px;display:grid}.rts-resource__swatch{width:10px;height:10px;box-shadow:0 0 0 1px var(--ui-line-strong);border-radius:50%}.rts-resource[data-resource=wood] .rts-resource__swatch{background:var(--resource-wood)}.rts-resource[data-resource=stone] .rts-resource__swatch{background:var(--resource-stone)}.rts-resource[data-resource=food] .rts-resource__swatch{background:var(--resource-food)}.rts-resource[data-resource=gold] .rts-resource__swatch{background:var(--resource-gold)}.rts-resource[data-resource=iron] .rts-resource__swatch{background:var(--resource-iron)}.rts-resource[data-resource=water] .rts-resource__swatch{background:var(--resource-water)}.rts-resource__label,.rts-chip__label,.rts-metric__key{color:var(--ui-text-muted);text-transform:uppercase;font-size:11px}.rts-resource__value,.rts-chip__value,.rts-metric__value{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.rts-resource.is-low .rts-resource__value{color:var(--ui-warn)}.rts-status{border-radius:8px;flex-wrap:wrap;justify-content:end;gap:5px;max-width:520px;padding:5px;display:flex}.rts-chip,.rts-status__controls{border:1px solid var(--ui-line);background:var(--ui-bg);border-radius:6px;align-items:center;gap:6px;min-height:28px;padding:4px 7px;display:flex}.rts-status__controls{padding:3px}.rts-status-button,.rts-speed-button,.rts-command-button,.rts-train-button{border:1px solid var(--ui-line);min-height:26px;color:var(--ui-text);background:var(--ui-panel-soft);cursor:pointer;border-radius:6px}.rts-status-button,.rts-speed-button{min-width:38px;padding:3px 8px}.rts-speed-button.is-active{border-color:var(--ui-line-strong);color:var(--ui-bg-strong);background:var(--ui-accent)}.rts-hud button:hover,.rts-hud button:focus-visible{border-color:var(--ui-line-strong);outline:2px solid var(--ui-accent);outline-offset:1px}.rts-hud button:disabled{cursor:not-allowed;opacity:.48}.rts-hud__bottom{z-index:2;padding:0 max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));grid-template-columns:144px minmax(300px,1fr) minmax(210px,280px);align-items:end;gap:6px;display:grid;position:relative}.rts-panel{border-radius:8px;overflow:hidden}.rts-panel__header{border-bottom:1px solid var(--ui-line);background:var(--ui-bg);justify-content:space-between;align-items:center;gap:8px;min-height:27px;padding:4px 7px;display:flex}.rts-panel__title{text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:800;overflow:hidden}.rts-panel__meta{color:var(--ui-text-muted);white-space:nowrap;font-size:11px}.rts-minimap{align-self:stretch;min-height:132px}.rts-minimap__canvas{aspect-ratio:1;width:min(100%,136px);max-width:100%;margin:0 auto;display:block}.rts-build{min-width:0}.rts-build__grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:4px;max-height:134px;padding:5px;display:grid;overflow:auto}.rts-build-card{border:1px solid var(--ui-line);min-width:0;min-height:54px;color:var(--ui-text);background:var(--ui-bg);text-align:left;border-radius:7px;grid-template-rows:auto auto auto;gap:1px;padding:5px;display:grid}.rts-build-card.is-active{border-color:var(--ui-accent);background:var(--ui-panel-warm)}.rts-build-card.is-invalid{border-color:var(--ui-warn)}.rts-build-card__name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.rts-build-card__meta{display:none}.rts-build-card__meta,.rts-build-card__cost,.rts-build-card__status{min-width:0;color:var(--ui-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.rts-build-card__cost{color:var(--ui-accent)}.rts-selection{min-width:0;max-height:176px}.rts-selection__body{max-height:142px;padding:5px;overflow:auto}.rts-selection__empty,.rts-selection__multi,.rts-selection__single,.rts-selection__details,.rts-selection__group-list,.rts-training{gap:4px;display:grid}.rts-selection__title{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.rts-selection__title strong,.rts-selection__title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rts-selection__title span{color:var(--ui-text-muted);text-transform:uppercase;font-size:11px}.rts-metric{border:1px solid var(--ui-line);background:var(--ui-bg);border-radius:6px;grid-template-columns:minmax(62px,auto) minmax(0,1fr);align-items:center;gap:6px;min-height:21px;padding:3px 5px;display:grid}.rts-health{gap:4px;display:grid}.rts-health__top{color:var(--ui-text-muted);text-transform:uppercase;justify-content:space-between;font-size:11px;display:flex}.rts-health__track{border:1px solid var(--ui-line);background:var(--ui-bg);border-radius:999px;height:6px;overflow:hidden}.rts-health__fill{border-radius:inherit;background:var(--ui-good);height:100%}.rts-training__title{color:var(--ui-text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.rts-training__buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.rts-train-button,.rts-command-button{text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;overflow:hidden}.rts-command-button--danger{border-color:var(--ui-danger)}.rts-hud__overlays{z-index:4;pointer-events:none;min-height:0;position:relative}.rts-overlay{text-align:center;border-radius:8px;max-width:min(360px,100vw - 24px);padding:8px 14px;position:absolute;left:50%;transform:translate(-50%)}.rts-overlay[hidden],.rts-tooltip[hidden]{display:none}.rts-overlay--banner{top:58px}.rts-overlay--placement{bottom:174px}.rts-overlay--warn{border-color:var(--ui-warn)}.rts-overlay--danger{border-color:var(--ui-danger)}.rts-overlay--ok{border-color:var(--ui-good)}.rts-overlay__title{text-transform:uppercase;font-size:13px;font-weight:900}.rts-overlay__line{color:var(--ui-text-muted);font-size:12px}.rts-hud__messages{top:96px;right:max(8px, env(safe-area-inset-right));pointer-events:none;gap:6px;width:min(300px,100vw - 16px);display:grid;position:absolute}.rts-message{overflow-wrap:anywhere;border-radius:7px;padding:7px 9px;font-size:12px}.rts-message--warn{border-color:var(--ui-warn)}.rts-message--error{border-color:var(--ui-danger)}.rts-tooltip{z-index:8;border-radius:8px;width:min(300px,100vw - 24px);padding:8px 10px;position:fixed;transform:translate(12px,14px)}.rts-tooltip__title{margin-bottom:5px;font-weight:900}.rts-tooltip__line{color:var(--ui-text-muted);font-size:12px}@media (width<=1120px){.rts-build__grid{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.rts-hud__bottom{grid-template-columns:132px minmax(260px,1fr) minmax(200px,250px)}}@media (width<=860px){.rts-hud{font-size:12px}.rts-hud__top{grid-template-columns:1fr}.rts-status{justify-content:start;max-width:100%}.rts-hud__bottom{grid-template-columns:108px minmax(0,1fr);grid-template-areas:"mini build""selection selection"}.rts-minimap{grid-area:mini;min-height:106px}.rts-build{grid-area:build}.rts-selection{grid-area:selection;max-height:142px}.rts-selection__body{max-height:106px}.rts-build__grid{grid-template-columns:repeat(3,minmax(92px,1fr));max-height:124px}.rts-overlay--placement{bottom:274px}}@media (width<=560px){.rts-resource{grid-template-columns:9px minmax(26px,auto) minmax(24px,auto);min-width:72px;padding:3px 5px}.rts-resource__label{text-overflow:ellipsis;max-width:38px;overflow:hidden}.rts-chip{min-height:25px;padding:3px 5px}.rts-hud__bottom{grid-template-columns:88px minmax(0,1fr);gap:6px}.rts-build__grid{grid-template-columns:repeat(2,minmax(82px,1fr))}.rts-build-card{min-height:52px;padding:4px}.rts-minimap{min-height:92px}.rts-panel__header{min-height:28px;padding:5px 6px}}
