.resource-bar{background:linear-gradient(#2a2520,#1a1815);border-bottom:2px solid #5a4a3a;border-radius:0 0 6px 6px;gap:24px;padding:4px 24px;font-size:14px;display:flex;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0006}.resource-bar__item{align-items:center;gap:4px;display:flex}.resource-bar__icon{font-size:16px}.resource-bar__value{min-width:36px;font-weight:700}.resource-bar__item--gold .resource-bar__value{color:gold}.resource-bar__item--wood .resource-bar__value{color:#8b5a2b}.resource-bar__item--wheat .resource-bar__value{color:#e8c547}.selection-panel{align-items:center;gap:16px;width:100%;display:flex}.selection-panel__portrait{background:#1a1a1a;border:2px solid #5a4a3a;border-radius:4px;flex:0 0 64px;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex;box-shadow:inset 0 0 6px #0009}.selection-panel__info{flex:auto;min-width:0}.selection-panel__name{color:#6fae4a;margin-bottom:2px;font-size:18px;font-weight:700}.selection-panel__hp-bar{background:#111;border:1px solid #444;border-radius:2px;width:100%;max-width:140px;height:8px;margin-bottom:4px;overflow:hidden}.selection-panel__hp-fill{height:100%;transition:width .1s}.selection-panel__hp-fill--high{background:#3c3}.selection-panel__hp-fill--mid{background:#cc3}.selection-panel__hp-fill--low{background:#c33}.selection-panel__stat{color:#a0a0a8;font-size:12px;line-height:1.4}.selection-panel__group{flex-wrap:wrap;gap:4px;display:flex}.selection-panel__group-item{color:#a0a0a8;background:#ffffff0d;border-radius:2px;padding:2px 4px;font-size:12px}.selection-panel__queue{gap:4px;margin-top:4px;display:flex}.selection-panel__queue-slot{cursor:pointer;background:#1a1a1a;border:1px solid #5a4a3a;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:relative;overflow:hidden}.selection-panel__queue-slot:hover{border-color:#6fae4a}.selection-panel__queue-slot__icon{z-index:1;font-size:16px;line-height:1;position:relative}.selection-panel__queue-slot__fill{pointer-events:none;background:#ffffff59;width:100%;position:absolute;bottom:0;left:0}.command-panel{grid-template-rows:repeat(3,64px);grid-template-columns:repeat(5,64px);gap:3px;display:grid}#ui-root .command-panel__btn{text-align:center;word-break:break-word;color:#f0f0f0;cursor:pointer;white-space:pre-line;background:linear-gradient(#3a3530,#252220);border:2px solid #2a2220;border-color:#6a5a4a #2a2220 #2a2220 #6a5a4a;border-radius:3px;justify-content:center;align-items:center;width:64px;height:64px;padding:2px;font-size:10px;line-height:1.1;transition:background .1s;display:flex}#ui-root .command-panel__btn--icon{font-size:22px}#ui-root .command-panel__btn:hover:not(:disabled){background:linear-gradient(#4a4540,#353230);border-color:#8a7a6a #3a3230 #3a3230 #8a7a6a}#ui-root .command-panel__btn:active:not(:disabled){background:linear-gradient(#252220,#3a3530);border-color:#2a2220 #6a5a4a #6a5a4a #2a2220}#ui-root .command-panel__btn:disabled{opacity:.4;cursor:default}#ui-root .command-panel__btn--empty{cursor:default;background:#1a1815;border-color:#2a2520 #151210 #151210 #2a2520}#ui-root .command-panel__btn--empty:hover{background:#1a1815}.command-panel__status{text-align:center;color:#c44;grid-column:1/-1;padding-top:2px;font-size:12px}.minimap{cursor:pointer;border:2px solid #5a4a3a;border-radius:2px;width:160px;height:160px;box-shadow:inset 0 0 4px #00000080}.objectives-panel{min-width:140px;top:50px;right:8px}.objectives-panel__heading{margin-bottom:4px;font-size:14px}.objectives-panel__empty{color:#a0a0a8;font-size:12px;font-style:italic}.pause-button{z-index:1;position:absolute;top:8px;right:8px}.pause-overlay{pointer-events:auto;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.pause-overlay[hidden]{display:none}.pause-overlay button{min-width:160px;padding:8px 16px;font-size:18px}.pause-overlay__view{flex-direction:column;align-items:center;gap:16px;display:flex}.pause-overlay__view[hidden]{display:none}.pause-overlay__save-name input[type=text]{color:#f0f0f0;background:#141418d9;border:1px solid #ffffff26;border-radius:4px;min-width:200px;padding:8px 16px;font-size:18px}.pause-overlay__save-overwrite p{color:#f0f0f0;margin:0;font-size:18px}.pause-overlay__load-list{gap:8px;max-height:60vh;overflow-y:auto}.hud-bar{pointer-events:auto;z-index:1;background:linear-gradient(#2a2520,#1a1815);border-top:3px solid #5a4a3a;align-items:stretch;height:216px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff14}.hud-bar__minimap{border-right:2px solid #5a4a3a;flex:0 0 216px;justify-content:center;align-items:center;padding:4px;display:flex}.hud-bar__selection{border-right:2px solid #5a4a3a;flex:auto;align-items:center;min-width:0;padding:8px 16px;display:flex;overflow:hidden}.hud-bar__commands{flex:0 0 350px;justify-content:center;align-items:center;padding:8px;display:flex}.tooltip{z-index:1000;pointer-events:none;white-space:nowrap;background:#141418d9;border:1px solid #ffffff26;border-radius:4px;padding:4px 8px;font-size:12px;position:fixed}.tooltip[hidden]{display:none}.tooltip__line{color:#f0f0f0}.tooltip__line:not(:first-child){color:#a0a0a8;margin-top:2px}.idle-worker-indicator{align-items:center;gap:4px;font-size:14px;display:flex;top:8px;left:8px}.idle-worker-indicator:disabled{opacity:.4;cursor:default}.idle-worker-indicator:not(:disabled):hover{background:#6fae4a}.idle-worker-indicator__icon{font-size:16px}.idle-worker-indicator__count{min-width:16px;font-weight:700}.tutorial-overlay{pointer-events:auto;z-index:50;justify-content:center;align-items:flex-end;padding-bottom:240px;display:flex;position:absolute;inset:0}.tutorial-overlay[hidden]{display:none}.tutorial-overlay__prompt{text-align:center;cursor:pointer;background:#141418d9;border:1px solid #ffffff26;border-radius:8px;max-width:480px;padding:16px 24px}.tutorial-overlay__text{color:#f0f0f0;margin:0;font-size:18px;line-height:1.4}.tutorial-overlay__arrow{pointer-events:none;position:absolute}.tutorial-overlay__arrow:before{content:"⬆";color:#6fae4a;font-size:32px;animation:1s ease-in-out infinite tutorial-overlay-pulse;display:block}.tutorial-overlay__arrow--minimap{bottom:240px;left:24px}.tutorial-overlay__arrow--command-panel{bottom:240px;right:24px}.tutorial-overlay__arrow--world{transform:translate(-50%,-100%)}@keyframes tutorial-overlay-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@media (width<=768px){.tutorial-overlay{padding-bottom:196px}.tutorial-overlay__arrow:before{font-size:48px}.tutorial-overlay__arrow--minimap,.tutorial-overlay__arrow--command-panel{bottom:196px}}.player-stats-panel{min-width:260px;padding:4px 8px;font-size:12px;bottom:220px;right:8px}@media (width<=768px){.player-stats-panel{min-width:200px;font-size:11px;bottom:176px;right:4px}}.player-stats-panel__table{border-collapse:collapse;width:100%}.player-stats-panel__table th,.player-stats-panel__table td{text-align:right;white-space:nowrap;padding:2px 4px}.player-stats-panel__table th{color:#a0a0a8;border-bottom:1px solid #ffffff26;padding-bottom:4px;font-weight:400}.player-stats-panel__table td:first-child,.player-stats-panel__table th:first-child{text-align:left}.player-stats-panel__name{font-weight:600}.player-stats-panel__points{color:gold;font-weight:600}.player-stats-panel__units{text-align:left}.player-stats-panel__unit{white-space:nowrap;margin-right:4px}.player-stats-panel__row--player .player-stats-panel__name{color:#6fae4a}.player-stats-panel__row--enemy .player-stats-panel__name{color:#c44}.player-stats-panel__row--enemy2 .player-stats-panel__name{color:#58d}.player-stats-panel__row--enemy3 .player-stats-panel__name{color:#c83}@media (height<=768px){.hud-bar{height:172px}.hud-bar__minimap{flex:0 0 172px}.hud-bar__commands{flex:0 0 276px}.command-panel{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(5,48px);gap:4px}#ui-root .command-panel__btn{width:48px;height:48px;font-size:11px}.selection-panel__portrait{flex:0 0 48px;width:48px;height:48px;font-size:22px}.selection-panel__name{font-size:14px}.selection-panel__hp-bar{max-width:100px;height:6px}.resource-bar{gap:16px;padding:4px 16px;font-size:12px}}@media (width<=768px){.hud-bar{height:172px}.hud-bar__minimap{display:none}.hud-bar__selection{padding:4px 8px}.resource-bar{gap:8px;padding:4px 8px;font-size:12px}}@media (width>=769px) and (width<=1024px){.command-panel{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(5,48px);gap:3px}#ui-root .command-panel__btn{width:48px;height:48px}}@media (pointer:coarse){#ui-root .command-panel__btn{min-width:48px;min-height:48px}#ui-root button{min-height:48px;padding:8px 16px}.selection-panel__queue-slot{width:36px;height:36px}}#ui-root{z-index:10;pointer-events:none;color:#f0f0f0;-webkit-user-select:none;user-select:none;font-family:system-ui,sans-serif;position:absolute;inset:0}#ui-root .ui-panel{pointer-events:auto;background:#141418d9;border:1px solid #ffffff26;border-radius:4px;padding:8px;position:absolute}#ui-root button{color:#f0f0f0;cursor:pointer;pointer-events:auto;background:#333;border:1px solid #ffffff26;border-radius:4px;padding:4px 8px;font-family:system-ui,sans-serif;font-size:14px}#ui-root button:hover{background:#444}#ui-root button.active{background:#6fae4a}