.match-shell:has(.rts-layout){max-width:1600px;padding:14px 20px 24px}.match-shell:has(.rts-layout) .match-header{margin-bottom:12px}.rts-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.rts-hud{grid-column:1/-1;display:flex;gap:28px;align-items:center;padding:14px 22px;background:linear-gradient(120deg,#223b37,#132c32);border:1px solid #49634e;border-radius:16px}.rts-resource{display:grid;grid-template-columns:auto auto;gap:1px 8px;align-items:center;font-variant-numeric:tabular-nums}.rts-resource>b{font-size:24px}.rts-resource>span{grid-row:1/3;font-size:26px;color:#a7c2be}.rts-resource small{font-size:10px}.rts-resource.gold>span,.rts-resource.gold>b{color:#f9d780}.rts-resource.wood>span,.rts-resource.wood>b{color:#bedb92}.rts-rival{margin-left:auto;text-align:right}.rts-rival small{font-size:9px;letter-spacing:.14em}.rts-rival strong{color:#ffb88f;font-size:18px}.rts-map{position:relative;border:1px solid #577260;border-radius:18px;overflow:hidden;min-width:0;background:#23392c}.rts-viewport{height:clamp(430px,calc(100dvh - 245px),800px);min-height:360px;position:relative;touch-action:none;user-select:none}.rts-viewport>canvas{width:100%;height:100%;display:block;touch-action:none}.rts-loading{position:absolute;inset:0;z-index:4;background:#142a2af5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;padding:24px}.rts-loading small{max-width:320px}.rts-loading progress{width:220px}.rts-sigil{font-size:72px;color:#f5d98f}.rts-health{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:12px 15px;background:linear-gradient(#102726e8,transparent);font-size:11px;pointer-events:none}.rts-health>span:first-child{color:#a9ffe5}.rts-health>span:last-child{color:#ffd6bc}.rts-zoom{position:absolute;right:12px;bottom:14px;display:flex;flex-direction:column;gap:6px}.rts-zoom button{width:44px;height:44px;padding:0;background:#132c30df;border:1px solid #93ac8d;font-size:24px}.rts-controls{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid #3b554b;border-radius:18px;background:linear-gradient(145deg,#193332,#10232c);min-width:0}.rts-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.rts-shortcuts button{font-size:10px;padding:8px 2px;min-height:48px;border:1px solid #436359;background:#27433c}.rts-selected{display:flex;align-items:center;gap:10px;min-height:62px}.rts-selected-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #87936b;background:#304134;border-radius:14px;color:#f9d780;font-size:26px}.rts-selected strong{font-size:18px;display:block}.rts-selected small{font-size:11px}.rts-tabs{display:flex;border-bottom:1px solid #466256}.rts-tabs button{flex:1;min-height:44px;font-size:12px;padding:6px;background:none;border-radius:0;color:#a9bbb3;border-bottom:2px solid transparent}.rts-tabs button[aria-pressed=true]{border-color:#f5d383;color:#ffdf9e}.rts-context{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rts-context>button{padding:10px 8px;min-height:55px;font-size:12px;background:#233e3e;border:1px solid #466154;text-align:left}.rts-context>button[aria-pressed=true]{background:#416050;border-color:#ffe4a3;color:#fff0c8}.rts-action strong{display:block;font-size:12px}.rts-action small{font-size:10px;margin-top:3px;color:#e0c58c}.rts-note,.rts-context>small{grid-column:1/-1;font-size:12px;color:#c0d0c9;line-height:1.6;margin:0}.rts-details{font-size:12px;min-height:20px}.rts-details progress{width:100%;height:6px;accent-color:#f3cf81}.rts-minimap-wrap{margin-top:auto;border:1px solid #748567;border-radius:10px;overflow:hidden;align-self:center;width:100%}.rts-minimap{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.rts-minimap-wrap small{font-size:9px;text-align:center;background:#132c28;padding:5px}.rts-hint{margin:0;color:#b7cac0;font-size:12px;line-height:1.5}.rts-help{grid-column:1/-1;color:#c2d5cb;font-size:13px}.rts-help summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#f5db9f}.rts-help li{margin:10px 0;line-height:1.6}.rts-help a{font-size:11px}.rts-targeting{position:absolute;bottom:15px;left:15px;right:70px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px;background:#112c2df0;border:1px solid #e0c383;border-radius:14px;box-shadow:0 8px 25px #0007}.rts-instruction{width:100%;color:#ffdda2;font-size:12px}.rts-targeting button{min-height:44px;font-size:12px;padding:9px 14px}.rts-cancel{background:#324742}.rts-resource .full{color:#ffa686}.rts-layout[data-finished=true] .rts-context{pointer-events:none;opacity:.5}.rts-layout~.howto{display:none}
@media(max-width:800px){.match-shell:has(.rts-layout){padding:10px 8px 18px}.rts-layout{grid-template-columns:1fr;gap:8px}.rts-hud{padding:9px 12px;gap:17px;border-radius:12px}.rts-resource>b{font-size:19px}.rts-resource>span{font-size:18px}.rts-resource small{font-size:8px}.rts-rival strong{font-size:12px;max-width:90px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rts-rival small{font-size:7px}.rts-viewport{height:50dvh;min-height:310px;max-height:530px}.rts-map{border-radius:13px}.rts-controls{display:grid;grid-template-columns:1fr 100px;padding:10px;gap:6px;border-radius:14px}.rts-shortcuts{grid-column:1/-1}.rts-shortcuts button{font-size:12px;min-height:44px}.rts-selected{grid-column:1;min-height:48px;gap:8px}.rts-selected strong{font-size:14px}.rts-selected-icon{width:36px;height:36px;font-size:21px}.rts-tabs{grid-column:1/-1}.rts-context{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.rts-context>button{min-height:52px;font-size:11px;padding:8px}.rts-context strong{font-size:11px}.rts-minimap-wrap{grid-column:2;grid-row:2;width:100px;margin:0}.rts-minimap-wrap small{display:none}.rts-details{grid-column:1/-1;min-height:0}.rts-hint{font-size:10px}.rts-health{font-size:9px;padding:9px}.rts-health>span{max-width:50%}.rts-targeting{left:8px;bottom:8px;right:61px;padding:10px}.rts-instruction{font-size:11px}.rts-zoom{right:8px;bottom:8px;gap:4px}.rts-help{font-size:12px}.rts-layout .rts-loading strong{font-size:15px}.match-shell:has(.rts-layout)>.board-wrap>.match-overlay{position:absolute;inset:0;z-index:6;justify-content:flex-start;padding-top:100px}.rts-context>small{font-size:10px}}
@media(max-width:380px){.rts-hud{gap:10px}.rts-resource>b{font-size:17px}.rts-rival{max-width:72px}.rts-context{grid-template-columns:1fr 1fr}.rts-viewport{min-height:280px}.rts-health{font-size:8px}}
.rts-entity-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.rts-map-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:#102924de;border:1px solid #8aa37b;border-radius:8px;min-height:30px;padding:4px 8px;font-size:10px;white-space:nowrap;color:#efffda;box-shadow:0 2px 8px #0005}.rts-map-label[aria-pressed=true]{border-color:#ffdf9a;color:#ffe3a0}.rts-map-label[data-owner=enemy]{border-color:#efae86;color:#ffd6c0}.rts-map-label[data-owner=resource]{background:#293d28dd;color:#f5d795}.rts-map-label:active:not(:disabled){transform:translate(-50%,-50%)}
@media(max-width:800px){.rts-viewport{height:clamp(280px,calc(100dvh - 470px),480px);min-height:280px}.rts-map-label{min-height:44px;padding:6px;font-size:9px}.rts-controls{max-height:330px;overflow-y:auto;overscroll-behavior:contain}.rts-context{min-height:55px}.rts-hint{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.rts-layout *{transition:none!important}}
.rts-map-label{background:transparent!important;box-shadow:none;border:0!important;padding:7px 2px}.rts-map-label>span{display:block;padding:4px 7px;border:1px solid #829574;background:#183429e8;border-radius:6px;box-shadow:0 2px 7px #0004}.rts-map-label[aria-pressed=true]>span{border-color:#fadd90}.rts-map-label[data-owner=enemy]>span{border-color:#db9472}.rts-map-label[data-owner=resource]>span{background:#38452adb}
.in-chat .site-header{padding:4px 16px;min-height:44px;justify-content:flex-end}
.in-chat .site-header .brand{display:none}
.in-chat .site-header #language{min-height:36px}
.rts-selection-box{position:absolute;z-index:8;border:1px solid #adffe0;background:#62efb82b;box-shadow:0 0 0 1px #082e28;pointer-events:none}
.rts-viewport[data-mode=build]>canvas{cursor:none}
.rts-viewport[data-mode=build] .rts-map-label{pointer-events:none}
.rts-placement-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.rts-selection-tools{display:grid;grid-template-columns:1fr 44px;gap:6px;grid-column:1/-1}
.rts-selection-tools button{min-height:44px;font-size:12px;padding:8px;border:1px solid #526f63;background:#244239}
.rts-selection-tools button[aria-pressed=true]{border-color:#a4f2d4;background:#365e4b;color:#d5ffed}
.rts-selection-help{grid-column:1/-1;font-size:10px;line-height:1.5;color:#c2d4ca}
@media(max-width:800px){.rts-controls{max-height:400px}.rts-selection-tools{gap:4px}.rts-selection-help{font-size:10px}}