/* Classic 4:3 Warcraft command-deck proportions, adapted to the game viewport. */
:root{--rts-height:clamp(218px,min(17.8vw,32dvh),330px);--rts-label:clamp(12px,.96vw,17px);--rts-body:clamp(14px,1.12vw,20px);--rts-value:clamp(15px,1.24vw,22px)}
body main{grid-template-rows:34px minmax(0,1fr) var(--rts-height)}
.command-hud{grid-template-columns:minmax(0,20.5fr) minmax(0,12fr) minmax(0,34fr) minmax(0,12.5fr) minmax(0,21fr);grid-template-rows:minmax(0,1fr);gap:clamp(7px,.8vw,14px);padding:8px 12px 7px;border-top-width:9px;box-shadow:0 -5px 20px #0009}
.command-hud>section{border-width:4px;box-shadow:inset 0 0 14px #0005}
.rts-minimap{display:grid;grid-template-columns:minmax(0,1fr) clamp(33px,3vw,48px);grid-template-rows:minmax(0,1fr);gap:4px;padding:4px}
.rts-map-frame{height:100%;min-height:0;min-width:0}.rts-map-menu{height:auto;display:flex;flex-direction:column;padding:0;gap:5px}
.rts-map-menu button{min-height:0;flex:1;padding:2px;white-space:normal;word-break:break-all;line-height:1.25;font-size:clamp(11px,.9vw,15px);border-width:2px}
.rts-portrait{padding:4px 4px 45px}.rts-portrait>.pixel-icon{width:100%;height:100%;max-height:245px;min-height:0;filter:drop-shadow(0 5px 7px #0008)}
.rts-portrait-meters{bottom:4px;left:4px;right:4px;gap:3px;font-size:var(--rts-label);line-height:1.1}.rts-portrait-meters span{padding:3px;border-width:1px}
.rts-portrait>small{font-size:var(--rts-label);line-height:1.3;text-align:center;position:absolute;bottom:7px;left:3px;right:3px}.rts-empty-portrait{font-size:clamp(70px,7vw,115px)}
.hud-selection>.hud-label,.rts-status>.hud-label,.rts-command-panel>.hud-label{height:25px;min-height:25px;font-size:clamp(11px,.9vw,15px);padding:0 9px;letter-spacing:.2px}
.hud-label button{font-size:clamp(11px,.9vw,15px)}.hud-label span+span,.rts-command-panel>.hud-label span+span{font-size:clamp(10px,.8vw,13px)}
.hud-selection #selectionInfo{height:calc(100% - 25px);padding:8px 11px;overflow:auto;scrollbar-width:thin}
.hud-selection h2{font-size:clamp(17px,1.42vw,25px);line-height:1.3;margin:0 0 3px;font-weight:650}.hud-selection h2 small{font-size:var(--rts-body)}
.rts-grade{font-size:var(--rts-label);line-height:1.35;margin-top:2px}
.rts-stat-grid{grid-template-columns:1.2fr 1fr;gap:8px 13px;margin:9px 0 7px}.rts-stat-grid>div{gap:8px}.rts-stat-grid i{width:34px;height:34px;font-size:24px;line-height:30px;border-width:2px;display:block}
.rts-stat-grid span{font-size:var(--rts-label);line-height:1.2}.rts-stat-grid strong{font:600 var(--rts-value)/1.25 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.4px}
.rts-vitals{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--rts-label);line-height:1.3}
body #rtsContext,body.gallery-selected #rtsContext,body.shop-selected #rtsContext{font-size:var(--rts-label);line-height:1.4;margin-top:7px;white-space:normal;overflow:visible;max-height:none;color:#c0b9ac}
.rts-empty-info{height:auto;min-height:105px;gap:10px;font-size:var(--rts-body)}.rts-empty-info span,.rts-empty-info small{font-size:var(--rts-label);line-height:1.4}
.rts-status{display:grid;grid-template-rows:25px minmax(0,1fr) 25px}#rtsBuffs{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;padding:7px;align-content:stretch}
#rtsBuffs button,.shop-selected #rtsBuffs button{height:auto;min-height:0;font-size:clamp(24px,2.3vw,40px);border-width:3px}#rtsSelected{padding:5px 2px;font:var(--rts-label)/1.1 ui-monospace,Consolas,monospace;white-space:nowrap}
.rts-command-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:25px minmax(0,1fr);padding:0 6px 6px}
.rts-command-panel>.hud-label{grid-row:1;grid-column:1;margin:0 -6px}.rts-command-grid{grid-row:2;grid-column:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;padding:6px 0 0;min-height:0}
.rts-command-slot{border-width:3px;min-height:0}.rts-command-slot>button{padding:3px 4px;font-size:var(--rts-body);line-height:1.2;gap:2px}
.rts-command-slot button>b{font-size:clamp(22px,2.2vw,38px);line-height:1}.rts-command-slot button>span{font-size:clamp(11px,.96vw,16px);line-height:1.15;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rts-command-slot kbd{font-size:clamp(11px,.95vw,16px);right:2px;bottom:1px;padding:0 2px;line-height:1.1}.rts-command-grid #attackOrder,.rts-command-grid #holdOrder,.rts-command-grid #stopOrder{font-size:var(--rts-body)}
.shop-goods,#galleryRecipes{grid-column:1;grid-row:2;height:100%;max-height:none;min-height:0;margin:0;padding-top:6px}.shop-goods{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(48px,1fr);gap:5px}
.shop-goods>button{height:auto;min-height:48px;gap:4px;padding:4px;border-width:2px}.shop-goods .pixel-icon{width:31px;height:34px;flex-shrink:0}.shop-goods>button>span{font-size:clamp(11px,.9vw,15px);line-height:1.3}.shop-goods small{font-size:clamp(10px,.8vw,13px);line-height:1.25}.shop-goods b{font-size:25px;margin:0 3px}
.shop-description{font-size:var(--rts-body);line-height:1.45;margin:8px 0}.shop-wallet{gap:8px 16px;flex-wrap:wrap;font-size:var(--rts-body);line-height:1.4}.shop-wallet span{color:#cebd9f}.shop-portrait{height:calc(100% - 8px);min-height:95px}.shop-portrait span{font-size:clamp(50px,6vw,90px)}.shop-selected .rts-portrait small{font-size:var(--rts-label);margin:0}
.gallery-materials{gap:7px 12px;max-height:115px;margin:8px 0}.gallery-material{gap:5px;font-size:var(--rts-label);line-height:1.3}.gallery-material .pixel-icon{width:34px;height:37px}.gallery-material small{font-size:clamp(11px,.9vw,15px)}.gallery-no-recipe{font-size:var(--rts-body);line-height:1.5}.gallery-badge{font-size:var(--rts-label);padding:7px 4px;text-align:center}
#galleryRecipes .gallery-panel-title{font-size:var(--rts-label);padding:4px 0}#galleryRecipes button{font-size:var(--rts-body);line-height:1.3;padding:7px;margin:4px 0;min-height:50px}#galleryRecipes button small,#galleryRecipes p,#galleryRecipes .gallery-condition{font-size:var(--rts-label);line-height:1.45}
.pakun-instructions{font-size:var(--rts-body);gap:7px;line-height:1.35;margin-top:10px}.pakun-instructions b{font-size:var(--rts-body)}#pakunPortrait{height:auto;width:100%;max-height:190px;aspect-ratio:1;object-fit:contain}
.rts-compact{--rts-height:clamp(190px,26dvh,280px)}.rts-compact main{grid-template-rows:34px minmax(0,1fr) var(--rts-height)}.rts-compact .command-hud{padding:5px 10px;gap:7px}.rts-compact .rts-command-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.rts-compact .rts-portrait>.pixel-icon{width:100%;height:100%}.rts-compact .rts-stat-grid{gap:5px 10px;margin:5px 0}.rts-compact .rts-vitals{display:flex}.rts-compact #rtsContext{display:block}.rts-compact #rtsBuffs button{height:auto}
@media(min-width:1600px){.hud-selection>.hud-label,.rts-status>.hud-label,.rts-command-panel>.hud-label{height:30px;min-height:30px}.rts-command-panel{grid-template-rows:30px minmax(0,1fr)}.rts-status{grid-template-rows:30px minmax(0,1fr) 30px}.hud-selection #selectionInfo{height:calc(100% - 30px);padding:11px 16px}.rts-stat-grid{gap:12px 18px;margin:15px 0 12px}.rts-stat-grid i{width:44px;height:44px;font-size:30px;line-height:40px}.rts-portrait{padding-bottom:57px}.rts-portrait-meters span{padding:4px}#rtsContext{margin-top:10px}}
@media(max-width:1050px){:root{--rts-height:218px}.command-hud{grid-template-columns:minmax(0,19fr) minmax(0,12fr) minmax(0,33fr) minmax(0,11fr) minmax(0,25fr);gap:5px;padding:6px}.rts-stat-grid{gap:7px}.rts-stat-grid i{width:28px;height:30px;font-size:20px;line-height:26px}.rts-stat-grid>div{gap:5px}.hud-selection #selectionInfo{padding:7px}.rts-command-grid{gap:3px}.shop-goods .pixel-icon{display:none}.rts-map-menu button{font-size:11px}.rts-minimap{grid-template-columns:minmax(0,1fr) 30px}.rts-command-slot>button{font-size:12px;padding:2px}}
@media(max-width:760px){:root{--rts-height:210px;--rts-label:11px;--rts-body:12px;--rts-value:13px}body main{height:calc(100dvh - 38px);grid-template-rows:62px minmax(0,1fr) var(--rts-height)}.command-hud{grid-template-columns:minmax(82px,20fr) minmax(56px,12fr) minmax(150px,36fr) minmax(150px,32fr);grid-template-rows:minmax(0,1fr);padding:5px;gap:4px}.rts-status{display:none!important}.rts-minimap{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 46px}.rts-map-menu{display:grid;grid-template-columns:1fr 1fr;gap:2px}.rts-map-menu button{font-size:10px;white-space:nowrap;word-break:normal;padding:2px 0}.rts-portrait{padding:3px 2px 41px}.rts-portrait>.pixel-icon{width:100%;height:100%}.rts-portrait-meters{left:2px;right:2px;font-size:10px}.hud-selection h2{font-size:15px;white-space:normal}.rts-stat-grid{grid-template-columns:1fr;gap:5px;margin:7px 0}.rts-stat-grid>div:nth-child(n+3){display:flex}.rts-stat-grid i{width:24px;height:24px;font-size:16px;line-height:20px}.rts-stat-grid span{display:flex;gap:6px;align-items:center}.rts-stat-grid strong{font-size:13px}.rts-vitals{display:flex;font-size:10px}.rts-command-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3px}.rts-command-slot{border-width:2px}.rts-command-slot button>b{font-size:22px}.rts-command-slot button>span{font-size:10px}.rts-command-grid #attackOrder,.rts-command-grid #holdOrder,.rts-command-grid #stopOrder{font-size:11px}.rts-command-slot kbd{font-size:10px}.rts-command-panel{padding:0 3px 4px}.rts-command-panel>.hud-label{margin:0 -3px}.rts-command-panel>.hud-label span+span{display:none}.shop-goods{gap:3px;grid-auto-rows:minmax(48px,1fr)}.shop-goods>button>span{font-size:10px}.shop-goods small{font-size:9px}.shop-goods b{font-size:18px}.shop-description,.shop-wallet,.pakun-instructions,.pakun-instructions b{font-size:12px}.rts-compact main{grid-template-rows:62px minmax(0,1fr) 190px}}
@media(max-width:520px){.command-hud{grid-template-columns:70px 48px minmax(100px,1fr) 136px;gap:3px;padding:4px}.hud-selection #selectionInfo{padding:5px}.hud-selection h2{font-size:13px}.rts-stat-grid i{display:none}.rts-stat-grid span{font-size:11px}.rts-command-slot button>span{font-size:9px}.rts-command-grid #attackOrder,.rts-command-grid #holdOrder,.rts-command-grid #stopOrder{font-size:10px}.rts-portrait>small{font-size:10px}.rts-command-panel>.hud-label{font-size:11px}.rts-portrait-meters{font-size:9px}}

.rts-map-menu button{word-break:keep-all;overflow-wrap:anywhere}.rts-command-slot>button{padding:2px 3px;gap:1px}.rts-command-slot button>b{font-size:clamp(20px,1.65vw,30px);line-height:1}.rts-command-slot button>span{font-size:clamp(11px,.9vw,16px);line-height:1.1}.rts-command-slot kbd{top:2px;bottom:auto;font-size:clamp(10px,.85vw,14px)}.rts-command-slot button[data-quick-skill]>b{display:none}.rts-command-slot button[data-quick-skill]>span{padding-top:7px;line-height:1.25}.hud-selection .rts-stat-grid{gap:7px 13px;margin:7px 0 5px}body #rtsContext{margin-top:5px;line-height:1.3}@media(max-width:1450px){.shop-goods .pixel-icon{display:none}}

.shop-goods{grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:start}.shop-goods>button{height:100%;min-height:0;justify-content:center}.shop-goods>button>b{display:none}.shop-goods>button>span{font-size:clamp(11px,.86vw,15px);line-height:1.15}.shop-goods small{font-size:clamp(10px,.78vw,13px);line-height:1.1}.rts-command-slot button[data-quick-skill]>span{padding:5px 0 0}

#stopOrder>b{color:#d58d83}#attackOrder>b{color:#dec3a2}#holdOrder>b{color:#d6be80}@media(min-width:761px) and (max-width:1450px){.hud-selection #selectionInfo{padding:6px 11px}.hud-selection h2{margin-bottom:0}.hud-selection .rts-stat-grid{gap:5px 13px;margin:5px 0 4px}body #rtsContext{margin-top:4px}}

.spawn-phase{display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding-top:6px;border-top:1px solid #73665166;font-size:11px;color:#c3bbac}.spawn-phase b{font:600 13px ui-monospace,Consolas,monospace;color:#e8c58a}.spawn-rest .spawn-phase{color:#a9c5db}.spawn-rest .spawn-phase b{color:#a9c5db}

.rts-command-slot .rts-combo-command{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:1px}.rts-combo-command .pixel-icon{width:clamp(22px,2.5vw,42px);height:clamp(22px,2.5vw,42px);flex:none}.rts-command-slot .rts-combo-command>span{font-size:clamp(10px,.8vw,14px);line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rts-command-slot .rts-combo-command.ready{border-color:#c8ad6d;background:linear-gradient(#62583e,#30322e)}.rts-command-slot .rts-combo-command.not-ready{filter:saturate(.5);opacity:.7}

.rts-combo-tooltip{position:fixed;z-index:2000;width:300px;max-width:calc(100vw - 16px);padding:12px 14px;border:2px ridge #b7a57a;background:linear-gradient(130deg,#252b32f7,#10151dfc);box-shadow:0 5px 22px #000b;color:#e6e0ce;font:13px/1.5 system-ui,sans-serif;pointer-events:none;text-align:left}.rts-combo-tooltip[hidden]{display:none}.rts-combo-tooltip>strong{display:block;color:#f0d58e;font-size:16px}.rts-combo-tooltip strong small{font-size:11px;color:#bbb4a2;font-weight:400}.rts-tooltip-formula{padding:7px 0;border-bottom:1px solid #655d49;color:#d6d9de;overflow-wrap:anywhere}.rts-tooltip-materials{display:grid;gap:4px;padding-top:8px}.rts-tooltip-materials>div{display:flex;justify-content:space-between;gap:12px}.rts-combo-tooltip .enough{color:#a6d9a0}.rts-combo-tooltip .missing{color:#efa39c}.rts-combo-tooltip p{margin:8px 0 0;padding-top:7px;border-top:1px solid #655d49;font-size:12px}