.territory-area{--tr-gold:#dfc291;--tr-muted:#969b9d;--tr-border:#ffffff10;--tr-panel:#101415;color:#eeefeb;min-width:0;font-family:Inter,system-ui,sans-serif}
.territory-area *{box-sizing:border-box}.territory-area [hidden]{display:none!important}.territory-area .icon{color:inherit;flex-shrink:0;width:17px;height:17px}.territory-area h1,.territory-area h2,.territory-area h3,.territory-area p{margin:0}.territory-area button,.territory-area input,.territory-area select{font:inherit}.territory-area button:focus-visible,.territory-area input:focus-visible,.territory-area select:focus-visible,.territory-area canvas:focus-visible{outline:2px solid #ead0a2;outline-offset:3px}.territory-area button{cursor:pointer}.territory-area button:disabled{cursor:default;opacity:.4}
.tr-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 23px}.tr-eyebrow{display:block;color:#a79b83;font-size:9px;font-weight:600;letter-spacing:2px;margin-bottom:9px}.tr-header h1{font-size:30px!important;line-height:1.25;letter-spacing:-1.3px;display:flex;align-items:baseline;gap:8px;font-weight:550}.tr-header h1 em{color:var(--tr-gold);font-style:normal;font-weight:450}.tr-season{font-size:8px;letter-spacing:1px;font-weight:500;padding:5px 7px;border:1px solid #dfc29129;border-radius:5px;color:#c8b595;line-height:1.1;margin-left:6px;align-self:center}.tr-header p{font-size:11px;color:#92989a;margin-top:8px}.tr-header-actions{display:flex;align-items:center;gap:15px}.tr-connection{display:flex;align-items:center;gap:7px;font-size:10px;color:#acb8af;white-space:nowrap}.tr-connection i{width:5px;height:5px;background:#9cbb9f;border-radius:50%;box-shadow:0 0 0 4px #9cbb9f0e}.tr-connection[data-online=false]{color:#c1a786}.tr-connection[data-online=false] i{background:#c1a786}
.tr-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:8px;padding:9px 12px;border:1px solid #ffffff19;background:#ffffff06;color:#e1e4df;font-size:11px;line-height:1.3;white-space:nowrap;transition:border-color .17s,background .17s}.tr-button:hover:not(:disabled){background:#ffffff0e;border-color:#dfc2916b}.tr-button.gold{background:#dbc08f;border-color:#dbc08f;color:#1c221d;font-weight:650}.tr-button.gold:hover:not(:disabled){background:#ead2a7}.tr-button.gold .icon{color:#1c221d}.tr-button.quiet{background:transparent;border-color:#ffffff0b;color:#b5bbba}.tr-button.wide{width:100%}.tr-button.map-button{width:33px;min-height:32px;padding:6px;border-radius:6px;background:#11191acc}.tr-button.map-button .icon{width:15px;height:15px}.tr-button.selected{border-color:#d7bc875e;background:#d7bc8711;color:#e4cc9d}
.tr-hud{display:grid;grid-template-columns:1.3fr repeat(3,1fr) 1.25fr 1fr;gap:1px;border:1px solid var(--tr-border);background:#ffffff07;border-radius:12px;overflow:hidden;margin-bottom:18px}.tr-hud>div{display:flex;align-items:center;gap:11px;padding:14px 17px;background:#101414;min-width:0}.tr-hud>div>.icon{width:20px;height:20px;color:#dedfd7}.tr-hud>div>span{min-width:0}.tr-hud small{display:block;font-size:8px;color:#7f898b;letter-spacing:1.3px;margin-bottom:5px}.tr-hud strong{font-size:16px;font-weight:550;letter-spacing:-.5px;font-variant-numeric:tabular-nums;display:block;overflow:hidden;text-overflow:ellipsis}.tr-hud [data-hud=coin]{color:#e2c894}.tr-hud .tr-command-budget{background:#151a18}
.tr-layout{--map-height:clamp(450px,calc(100dvh - 310px),690px);display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start;min-width:0}.tr-map-panel{min-width:0;border:1px solid #ffffff16;background:#10191b;border-radius:14px;overflow:hidden;box-shadow:0 15px 50px #0002}.tr-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:9px 12px;border-bottom:1px solid #ffffff0b;background:#111819}.tr-map-toolbar>div{display:flex;gap:5px}.tr-map-title{display:flex;align-items:center;gap:7px;min-width:0}.tr-map-title>.icon{width:17px;height:17px;color:#c6d0ca}.tr-map-title strong{font-size:11px;font-weight:550;white-space:nowrap}.tr-map-title small{color:#718487;font-size:9px;margin-left:5px;white-space:nowrap}.tr-map-viewport{height:var(--map-height);position:relative;overflow:hidden;background:#102f41;isolation:isolate}.tr-map-viewport:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px #06101666;pointer-events:none;z-index:1}#territory-map{width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline-offset:-3px}#territory-map:active{cursor:grabbing}.tr-map-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#142c35e8;z-index:7;color:#d8dfda}.tr-map-loading strong{font-size:14px;font-weight:550}.tr-map-loading small{font-size:11px;max-width:80%;text-align:center;color:#a0afb0}.tr-spinner{width:26px;height:26px;border:2px solid #ffffff14;border-top-color:#d8c398;border-radius:50%;animation:tr-spin 1s linear infinite}@keyframes tr-spin{to{transform:rotate(360deg)}}
.tr-ranking{position:absolute;left:15px;top:15px;width:180px;z-index:3;border:1px solid #d8e1ca1c;border-radius:10px;background:#0c191cdb;backdrop-filter:blur(12px);box-shadow:0 5px 15px #0002;overflow:hidden}.tr-ranking-heading{display:flex;justify-content:space-between;align-items:center;padding:11px 12px 9px;font-size:7px;letter-spacing:1.3px;color:#aebcae;border-bottom:1px solid #ffffff07}.tr-ranking-heading>.icon{width:12px;height:12px;color:#e5c98d}.tr-ranking>button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-bottom:1px solid #ffffff05;background:transparent;color:#d9e0da;text-align:left}.tr-ranking>button:last-child{border-bottom:0}.tr-ranking>button:hover,.tr-ranking>button.is-me{background:#c3ba8e0a}.tr-rank{font-size:8px;color:#677b7b;width:9px;text-align:center}.tr-avatar{width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:#ffffff09;border:1px solid #ffffff12;border-radius:8px;overflow:hidden;flex-shrink:0;color:#d9d1b7;font-size:10px}.tr-avatar>img{width:100%;height:100%;object-fit:cover}.tr-ranking-name{flex:1;min-width:0}.tr-ranking-name strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.tr-ranking-name small{font-size:7px;letter-spacing:.2px;color:#7f9391;display:block;margin-top:3px}.tr-ranking>button>b{font-size:11px;font-weight:550;text-align:right}.tr-ranking>button>b small{display:block;font-size:5px;letter-spacing:.9px;color:#80938e;font-weight:400;margin-top:2px}
.tr-map-coordinate{position:absolute;right:14px;top:15px;z-index:3;font:8px ui-monospace,monospace;letter-spacing:1px;padding:7px 9px;border:1px solid #ffffff13;color:#c2ceca;background:#0b1e26a6;border-radius:6px}.tr-minimap{position:absolute;left:15px;bottom:16px;z-index:3;border:1px solid #bacbba30;border-radius:9px;padding:7px;background:#0a1b22e8;overflow:hidden;width:158px}.tr-minimap>span{display:block;font-size:6px;font-weight:550;letter-spacing:1.3px;color:#aab8ab;margin:1px 0 6px 2px}#territory-minimap{display:block;width:144px;height:96px;cursor:crosshair;border-radius:3px}.tr-map-hint{position:absolute;right:14px;bottom:16px;font-size:8px;color:#bdcbc9;display:flex;gap:6px;align-items:center;z-index:3;background:#0d202989;padding:6px 8px;border-radius:5px;pointer-events:none}.tr-map-hint>.icon{width:12px;height:12px}.tr-map-footer{display:flex;align-items:center;gap:13px;justify-content:flex-start;padding:9px 12px;min-height:49px;background:#101819;border-top:1px solid #ffffff0b}.tr-map-footer>span{display:flex;gap:5px;align-items:center;font-size:8px;color:#98a7a4;white-space:nowrap}.tr-map-footer .icon{width:12px;height:12px}.tr-map-footer>.tr-button{margin-left:auto;font-size:9px;min-height:30px;padding:6px 8px}.tr-color-dot{width:5px;height:5px;border-radius:50%;background:#849f80}.tr-color-dot.own{background:#e2c78c}.tr-color-dot.neutral{background:#8d9d83}
.tr-battle-banner{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:11px;border:1px solid #d8c28e66;background:#16231cf2;backdrop-filter:blur(12px);color:#ead9b4;padding:13px 18px;border-radius:10px;box-shadow:0 6px 25px #0003;max-width:calc(100% - 30px);min-width:210px}.tr-battle-banner.is-loss{border-color:#d1a59655;background:#291d1bec;color:#ebcec3}.tr-battle-banner>.icon{width:25px;height:25px}.tr-battle-banner strong{display:block;font-size:12px}.tr-battle-banner small{display:block;font-size:9px;color:#c6cabc;line-height:1.6;margin-top:3px}
.tr-command-panel{height:calc(var(--map-height) + 100px);display:flex;flex-direction:column;min-width:0;border:1px solid var(--tr-border);border-radius:14px;background:linear-gradient(140deg,#171a19,#0e1213);overflow:hidden}.tr-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:8px;border-bottom:1px solid #ffffff0b;flex:none;background:#141817}.tr-tabs>button{display:flex;align-items:center;justify-content:center;gap:6px;color:#858f8c;background:transparent;border:1px solid transparent;min-height:35px;padding:7px 2px;border-radius:7px;font-size:10px}.tr-tabs>button .icon{width:13px;height:13px}.tr-tabs>button[aria-selected=true]{color:#e1d2b3;background:#dbbd7b0b;border-color:#d7bc8722}.tr-tabs>button:hover{color:#e4e4da}.tr-panel-content{padding:21px 19px 24px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#4b514a transparent}.tr-panel-content::-webkit-scrollbar{width:4px}.tr-panel-content::-webkit-scrollbar-thumb{background:#4b514a;border-radius:4px}.tr-panel-eyebrow{font-size:8px;font-weight:550;letter-spacing:1.4px;color:#9b9b87;margin-bottom:7px}.tr-panel-content h2{font-size:20px!important;font-weight:500;line-height:1.35;letter-spacing:-.7px;margin-bottom:12px}.tr-copy{font-size:11px;color:#919b96;line-height:1.9;margin-bottom:20px!important}.tr-field{display:flex;flex-direction:column;gap:9px;color:#9ba19a;font-size:8px;font-weight:500;letter-spacing:1px;margin:17px 0}.tr-field input,.tr-field select{width:100%;min-height:42px;padding:10px 11px;border:1px solid #ffffff19;border-radius:7px;color:#e1e6df;background:#ffffff04;font-size:11px;font-weight:450;letter-spacing:0;outline:none}.tr-field input:focus,.tr-field select:focus{border-color:#d8bc8070}.tr-field select{color-scheme:dark;max-width:100%}.tr-field input:disabled,.tr-field select:disabled{opacity:.5}.tr-notice{display:flex;align-items:flex-start;gap:8px;padding:12px 10px;margin:17px 0;color:#89978f;font-size:10px;line-height:1.9;background:#90b08b05;border:1px solid #c5d1a60c;border-radius:8px}.tr-notice>.icon{width:13px;height:13px;color:#adb8a6;margin-top:3px}.tr-notice strong{font-weight:550;color:#bcc9b9}.tr-fineprint{font-size:10px;line-height:1.85;color:#7c8a83;margin:14px 0!important}.tr-panel-section{margin-top:22px}.tr-section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:23px 0 12px}.tr-section-heading h3{font-size:11px!important;font-weight:550}.tr-section-heading>span{font-size:8px;color:#7e8b82}
.tr-intro-castle{height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1px solid #d0b88919;border-radius:10px;background:radial-gradient(ellipse at 50% 100%,#ccb07813,transparent 65%);margin:20px 0}.tr-intro-castle>.icon{width:49px;height:49px;stroke-width:1;color:#cbb789}.tr-intro-castle>span{font-size:7px;letter-spacing:2px;color:#9e9d83}.tr-consent{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.8;color:#9ba99f;margin:16px 0 20px}.tr-consent input{accent-color:#cfb98d;margin:4px 0 0;flex-shrink:0;width:15px;height:15px}
.tr-region-card{display:flex;align-items:center;gap:13px;margin-bottom:15px}.tr-region-art{width:66px;height:72px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:radial-gradient(ellipse,#56644955,#24332c);border:1px solid #96a17d32;border-radius:12px;flex-shrink:0}.tr-region-art>.icon{width:27px;height:27px;stroke-width:1.3;color:#e0dec2}.tr-region-art>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:#b2bda0}.tr-region-art.terrain-water{background:#1a3d50}.tr-region-art.terrain-mountain{background:linear-gradient(135deg,#626b63,#2b3531)}.tr-region-art.terrain-forest{background:radial-gradient(ellipse,#38513d,#172e23)}.tr-region-card .tr-panel-eyebrow{font-size:7px;color:#97a28c;margin-bottom:4px}.tr-region-card h2{font-size:18px!important;margin:0 0 5px;overflow-wrap:anywhere}.tr-region-card p{font-size:9px;color:#859289}.tr-region-facts{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid #ffffff0b}.tr-region-facts>span{display:flex;gap:5px;align-items:center;font-size:8px;color:#aeb8ab;background:#ffffff03;border:1px solid #ffffff07;padding:5px 6px;border-radius:5px}.tr-region-facts .icon{width:11px;height:11px}.tr-region-facts b{font-weight:500;color:#dae2d1}.tr-segmented{display:flex;gap:4px;padding:4px;background:#080e0b80;border:1px solid #ffffff09;border-radius:8px;margin:17px 0}.tr-segmented .tr-button{flex:1;background:transparent;border-color:transparent;font-size:10px;min-height:32px;padding:7px 5px}.tr-segmented .tr-button.selected{background:#bdc6ab0b;color:#e7dcc4;border-color:#d4c39920}.tr-range-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.tr-range-head>label{font-size:8px;color:#9aa795;letter-spacing:1px}.tr-range-head>strong{font-size:16px;color:#ead2a3;font-weight:500}.territory-area input[type=range]{width:100%;height:5px;accent-color:#e0c79c;margin:10px 0 12px;cursor:pointer}.territory-area input[type=range]::-webkit-slider-thumb{width:17px;height:17px}.tr-range-labels{display:flex;justify-content:space-between;font-size:8px;color:#6e7f76}.tr-dispatch-summary{display:flex;gap:20px;margin:19px 0 21px;padding:12px 0;border-top:1px solid #ffffff07;border-bottom:1px solid #ffffff07}.tr-dispatch-summary>span{font-size:8px;color:#7e8c82;flex:1}.tr-dispatch-summary strong{display:block;font-size:12px;font-weight:500;color:#c7d3c1;margin-top:6px}.tr-accessible-target{margin-top:25px;padding-top:8px;border-top:1px solid #ffffff07}
.tr-budget-card{padding:15px;border:1px solid #d4c29524;background:#c5b78705;border-radius:10px;margin:21px 0}.tr-budget-card>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tr-budget-card>div>span{font-size:11px;color:#bcc6b8}.tr-budget-card strong{font-size:21px;color:#e3d0a7;font-weight:500}.tr-budget-card strong small{font-size:11px;color:#77877a}.tr-budget-card progress{appearance:none;width:100%;height:4px;border:0;background:#ffffff0a;border-radius:4px;display:block;margin:14px 0}.tr-budget-card progress::-webkit-progress-bar{background:#ffffff0a;border-radius:4px}.tr-budget-card progress::-webkit-progress-value{background:#c6b78d;border-radius:4px}.tr-budget-card>small{font-size:8px;color:#8b998a}.tr-unit-list{display:flex;flex-direction:column;gap:11px}.tr-unit-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid #ffffff0c;border-radius:9px;padding:13px 10px;background:#ffffff02}.tr-unit-symbol{display:flex;justify-content:center;align-items:center;width:29px;height:33px;border:1px solid #c6d1b71a;border-radius:7px;background:#adbda305;color:#d5ddcc}.tr-unit-symbol>.icon{width:17px;height:17px}.tr-unit-card h3{font-size:12px!important;font-weight:550;margin:0 0 6px}.tr-unit-card p{font-size:9px;line-height:1.75;color:#839180}.tr-unit-card small{display:block;color:#b2b99f;font-size:7px;line-height:1.8;margin-top:7px}.tr-unit-card .tr-button{font-size:9px;min-height:31px;padding:7px 9px}.tr-doctrines{display:flex;gap:5px}.tr-doctrines .tr-button{flex:1;padding:9px 4px;font-size:10px}.tr-reward-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 17px;border-top:1px solid #dcc6a021;background:linear-gradient(120deg,#c8a95c0c,#12201733);flex:none;min-height:73px}.tr-reward-bar>span{min-width:0;font-size:10px;color:#a4b09c;display:block}.tr-reward-bar>span>.icon{vertical-align:middle;margin-right:7px}.tr-reward-bar small{display:block;font-size:7px;letter-spacing:1.1px;color:#8f9b85;margin-bottom:6px}.tr-reward-bar strong{font-size:18px;font-weight:500;color:#e5cea1}.tr-reward-bar em{font-size:10px;font-style:normal;color:#9a9f83}.tr-reward-bar>.tr-button{font-size:9px;min-height:35px;padding:9px}
.tr-job{border:1px solid #d8bc8754;background:#d8bc8709;border-radius:9px;padding:14px;margin:18px 0}.tr-job>span{display:flex;gap:7px;align-items:center;font-size:11px;color:#ddcfac}.tr-job>strong{display:block;font-size:20px;font-weight:450;margin:14px 0 7px;color:#ecd8ab}.tr-job>small{font-size:9px;color:#949c87}.tr-tech-list{display:flex;flex-direction:column;gap:1px}.tr-tech{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #ffffff08}.tr-tech>div{flex:1;min-width:0}.tr-tech h3{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px!important;font-weight:500}.tr-tech h3 span{font-size:9px;color:#b4bfac;font-weight:450}.tr-tech p{font-size:9px;line-height:1.8;color:#889481;margin-top:5px}.tr-tech small{font-size:8px;color:#b4b99d;line-height:1.6;display:block;margin-top:7px}.tr-tech>.tr-button{width:32px;height:32px;min-height:32px;padding:6px;flex-shrink:0}.tr-levels{display:flex;gap:4px;margin-top:11px}.tr-levels>i{height:3px;border-radius:2px;background:#ffffff0d;flex:1}.tr-levels>i.filled{background:#bda97a}.tr-building-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tr-building-grid>article{display:flex;align-items:flex-start;flex-direction:column;padding:13px 11px;border:1px solid #ffffff0c;border-radius:9px;background:#ffffff02;min-width:0}.tr-building-grid>article>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#c4c5a206;color:#e5e5d3;border-radius:8px;border:1px solid #ffffff0c;margin-bottom:12px}.tr-building-grid h3{font-size:11px!important;font-weight:500}.tr-building-grid p{font-size:9px;line-height:1.8;color:#8b9986;margin-top:6px}.tr-building-grid small{font-size:7px;line-height:1.8;color:#afb69b;margin:10px 0 14px;display:block}.tr-building-grid .tr-button{width:100%;font-size:9px;min-height:31px;padding:7px 5px;margin-top:auto}.tr-income{display:flex;justify-content:space-between;gap:6px;margin:16px 0 24px}.tr-income>span{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;padding:11px 7px;flex:1;border:1px solid #ffffff0d;border-radius:7px;background:#ffffff03}.tr-income .icon{width:14px;height:14px;color:#c6ceba}
.tr-report-list{display:flex;flex-direction:column}.tr-report{display:flex;gap:10px;align-items:start;border:0;border-bottom:1px solid #ffffff08;background:transparent;color:#d1d9cc;padding:14px 0;width:100%;text-align:left}.tr-report-icon{display:flex;align-items:center;justify-content:center;width:28px;height:30px;border:1px solid #ffffff0c;border-radius:7px;color:#aebfa5;background:#aec39805;flex-shrink:0}.tr-report-icon.battle{color:#decba2;border-color:#decba21b}.tr-report-icon>.icon{width:13px;height:13px}.tr-report>span:nth-child(2){flex:1;min-width:0}.tr-report strong{font-size:10px;font-weight:500;line-height:1.5;display:block}.tr-report small{font-size:8px;color:#81917c;line-height:1.8;display:block;margin-top:4px}.tr-report time{font-size:7px;color:#758372;padding-top:4px;white-space:nowrap}.tr-quest{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 0;border-bottom:1px solid #ffffff08}.tr-quest strong{display:block;font-size:10px;font-weight:500}.tr-quest small{display:block;font-size:8px;color:#87967d;line-height:1.8;margin-top:5px}.tr-quest>.tr-button{font-size:9px;min-height:28px;padding:6px 8px}.tr-diplomacy{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #ffffff08}.tr-diplomacy>span:not(.tr-avatar){flex:1;min-width:0;font-size:10px}.tr-diplomacy strong{font-size:10px;font-weight:500;display:block;overflow-wrap:anywhere}.tr-diplomacy small{display:block;color:#7d9079;font-size:8px;margin-top:5px}.tr-diplomacy>.tr-button{font-size:8px;min-height:29px;padding:6px 7px}.tr-recovery{padding:13px 16px;background:#b990460d;border-bottom:1px solid #b9904630;color:#d5c394;flex:none}.tr-recovery strong{font-size:11px}.tr-recovery p{font-size:10px;line-height:1.8;color:#b0ac92;margin:7px 0 9px}.tr-recovery .tr-button{font-size:9px;margin-right:5px}.tr-fairplay{display:flex;justify-content:space-between;gap:20px;margin:17px 0 3px;color:#6f8176;font-size:9px;line-height:1.7}.tr-fairplay>span{display:flex;align-items:center;gap:6px}.tr-fairplay .icon{width:12px;height:12px;color:#bbc5b0}.tr-fairplay strong{font-weight:500;color:#a9b4a0}
.tr-guide{width:min(620px,calc(100vw - 28px));max-height:85dvh;margin:auto;background:#141917;color:#dce5d4;border:1px solid #d6bd8842;border-radius:17px;padding:27px;box-shadow:0 30px 90px #0008;overflow:auto}.tr-guide::backdrop{background:#030907d9;backdrop-filter:blur(8px)}.tr-guide-heading{display:flex;justify-content:space-between;align-items:center}.tr-guide-heading .tr-eyebrow{margin:0}.tr-guide-heading button{font-size:24px;line-height:1;padding:5px 10px;min-width:38px}.tr-guide h2{font-size:25px!important;font-weight:500;letter-spacing:-.8px;line-height:1.4;margin:21px 0}.tr-guide ol{padding-left:20px;margin:0}.tr-guide li{padding:8px 0 12px 7px;color:#9caa95;font-size:12px;line-height:1.9}.tr-guide li strong{font-weight:550;color:#e1dac1}
@media(min-width:1700px){.tr-layout{grid-template-columns:minmax(0,1fr) 360px}.tr-panel-content{padding:23px}.tr-unit-card{grid-template-columns:36px minmax(0,1fr) auto}.tr-header h1{font-size:34px!important}}
@media(max-width:1250px){.tr-layout{grid-template-columns:minmax(0,1fr) 306px;gap:12px}.tr-map-title small{display:none}.tr-map-footer{flex-wrap:wrap;gap:8px}.tr-map-footer>span:nth-child(2){display:none}.tr-map-footer>.tr-button{font-size:8px}.tr-hud>div{padding:13px 12px;gap:8px}.tr-hud strong{font-size:14px}.tr-header h1{font-size:27px!important}.tr-season{font-size:6px}.tr-ranking{width:166px;left:12px;top:12px}.tr-panel-content{padding:19px 16px}.tr-map-coordinate{font-size:7px;padding:6px 7px}.tr-header-actions{gap:10px}.tr-connection{font-size:9px}.tr-fairplay{font-size:8px}}
@media(max-width:1000px){.tr-layout{grid-template-columns:1fr;--map-height:clamp(380px,57dvh,590px)}.tr-command-panel{height:auto;max-height:730px}.tr-panel-content{max-height:570px;padding:23px}.tr-map-footer>span:nth-child(2){display:flex}.tr-map-title small{display:inline}.tr-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.tr-hud>div{padding:13px 17px}.tr-hud strong{font-size:16px}.tr-header-actions{flex-direction:column;align-items:flex-end;gap:9px}.tr-connection{font-size:9px}.tr-header h1{font-size:30px!important}.tr-tabs>button{min-height:43px;font-size:12px}.tr-tabs>button .icon{width:16px;height:16px}.tr-button{min-height:42px}.tr-unit-card{grid-template-columns:40px minmax(0,1fr) 70px;padding:16px;gap:14px}.tr-unit-card h3{font-size:14px!important}.tr-unit-card p{font-size:11px}.tr-unit-card small{font-size:9px}.tr-unit-symbol{width:36px;height:41px}.tr-unit-card .tr-button{min-height:40px}.tr-building-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tr-doctrines .tr-button{font-size:11px;min-height:44px}.tr-guide li{font-size:12px}.tr-fairplay{flex-direction:column;gap:5px}.tr-reward-bar{padding:16px 22px}.tr-reward-bar>.tr-button{min-height:40px;font-size:10px}}
@media(max-width:600px){.tr-header{align-items:flex-start;gap:10px;margin-bottom:19px}.tr-header h1{font-size:26px!important;gap:6px;flex-wrap:wrap;letter-spacing:-1px}.tr-season{display:none}.tr-header p{font-size:10px;line-height:1.7;max-width:220px}.tr-header-actions{gap:8px;padding-top:15px}.tr-header-actions>.tr-button{padding:7px 9px;min-height:34px;font-size:9px}.tr-header-actions>.tr-button .icon{width:13px;height:13px}.tr-connection{font-size:7px}.tr-connection i{width:4px;height:4px}.tr-eyebrow{font-size:8px;letter-spacing:1.7px}.tr-hud{margin-bottom:14px;border-radius:10px}.tr-hud>div{padding:12px 10px;gap:8px}.tr-hud>div>.icon{width:16px;height:16px}.tr-hud small{font-size:6px;letter-spacing:1px;margin-bottom:5px}.tr-hud strong{font-size:13px;letter-spacing:-.5px}.tr-layout{--map-height:clamp(350px,54dvh,480px);gap:14px}.tr-map-panel{border-radius:11px}.tr-map-toolbar{padding:7px 8px;min-height:51px;gap:7px}.tr-map-title strong{font-size:9px}.tr-map-title>.icon{width:14px;height:14px}.tr-map-title small{display:none}.tr-map-toolbar>div{gap:3px}.tr-button.map-button{width:29px;min-height:33px;padding:5px}.tr-button.map-button>.icon{width:14px;height:14px}.tr-ranking{left:10px;top:10px;width:145px;border-radius:8px}.tr-ranking-heading{padding:8px 9px;font-size:6px}.tr-ranking>button{padding:7px 8px;gap:6px}.tr-ranking>button:nth-of-type(n+3){display:none}.tr-ranking .tr-avatar{width:22px;height:22px;border-radius:6px}.tr-ranking-name strong{font-size:8px}.tr-ranking-name small{font-size:6px}.tr-ranking>button>b{font-size:10px}.tr-map-coordinate{top:10px;right:10px;font-size:6px;padding:6px}.tr-minimap{left:10px;bottom:12px;width:119px;padding:6px}#territory-minimap{width:105px;height:70px}.tr-minimap>span{font-size:5px;letter-spacing:1px}.tr-map-hint{right:8px;bottom:12px;font-size:6px;padding:6px;gap:4px;max-width:150px}.tr-map-hint>.icon{width:9px;height:9px}.tr-map-footer{padding:8px;gap:6px;min-height:47px}.tr-map-footer>span{font-size:6px}.tr-map-footer>span:nth-child(2){display:none}.tr-map-footer>span>.icon{width:10px;height:10px}.tr-map-footer>.tr-button{font-size:8px;padding:5px 7px;min-height:31px}.tr-map-footer>.tr-button>.icon{width:11px;height:11px}.tr-command-panel{border-radius:12px;max-height:760px}.tr-tabs{padding:7px}.tr-tabs>button{font-size:10px;gap:6px}.tr-panel-content{padding:21px 17px;max-height:565px}.tr-panel-content h2{font-size:21px!important}.tr-copy{font-size:11px}.tr-region-card h2{font-size:19px!important}.tr-button{min-height:44px}.tr-field input,.tr-field select{min-height:44px;font-size:12px}.tr-field{font-size:8px}.tr-region-facts>span{font-size:8px}.tr-unit-card{grid-template-columns:31px minmax(0,1fr) 49px;padding:13px 10px;gap:10px}.tr-unit-symbol{width:29px;height:33px}.tr-unit-card h3{font-size:12px!important}.tr-unit-card p{font-size:10px}.tr-unit-card small{font-size:8px}.tr-unit-card .tr-button{min-height:38px;padding:8px 7px}.tr-building-grid{grid-template-columns:1fr 1fr}.tr-building-grid h3{font-size:12px!important}.tr-building-grid p{font-size:10px}.tr-building-grid small{font-size:8px}.tr-building-grid .tr-button{min-height:38px;font-size:10px}.tr-reward-bar{padding:15px 17px}.tr-reward-bar>.tr-button{font-size:10px;min-height:42px}.tr-notice{font-size:10px;line-height:1.9}.tr-segmented .tr-button{min-height:38px}.tr-report strong{font-size:11px}.tr-report small{font-size:9px}.tr-report time{font-size:8px}.tr-quest strong{font-size:11px}.tr-quest small{font-size:9px}.tr-quest>.tr-button{min-height:36px}.tr-diplomacy strong{font-size:11px}.tr-diplomacy small{font-size:9px}.tr-diplomacy>.tr-button{min-height:37px;font-size:9px}.tr-fairplay{font-size:8px;gap:7px;margin-top:15px}.tr-fairplay>span{flex-wrap:wrap;gap:4px}.tr-battle-banner{bottom:100px;min-width:220px;padding:12px}.tr-battle-banner strong{font-size:11px}.tr-guide{padding:23px 19px}.tr-guide h2{font-size:24px!important}.tr-consent{font-size:10px}.tr-accessible-target{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.territory-area *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.tr-ranking-heading>button{display:flex;align-items:center;gap:2px;border:0;background:none;color:#bdc5b3;font:7px Inter,sans-serif;padding:3px;min-height:18px}.tr-ranking-heading>button .icon{width:9px;height:9px}.tr-ranking-heading>button:hover{color:#ead4aa}
/* Map-first command surface: full available Activity viewport. */
.sidebar-close{display:none}
body[data-game=territory] .sidebar-close{display:grid;position:absolute;right:7px;top:5px;width:25px;height:25px;font-size:20px;z-index:2}
body[data-game=territory] .topbar{height:52px;min-height:52px;padding:0 16px}
body[data-game=territory] #menu-toggle{display:grid}
body[data-game=territory] main#content{width:100%;max-width:none;padding:8px 12px;height:calc(100dvh - 52px);min-height:0;flex:none;display:flex;overflow:hidden}
body[data-game=territory] .page-footer{display:none}
body[data-game=territory] .territory-area{display:flex;flex-direction:column;flex:1;gap:8px;min-height:0;min-width:0}
body[data-game=territory] .tr-header{flex:none;min-height:32px;margin:0;gap:8px}
body[data-game=territory] .tr-header h1{font-size:20px!important;letter-spacing:-.6px;gap:5px}
body[data-game=territory] .tr-header .tr-eyebrow,body[data-game=territory] .tr-header p,body[data-game=territory] .tr-fairplay{display:none}
body[data-game=territory] .tr-season{font-size:6px;padding:4px 6px}
body[data-game=territory] .tr-header-actions{flex-direction:row;align-items:center;gap:7px;padding:0}
body[data-game=territory] .tr-header-actions>.tr-button{font-size:10px;min-height:30px;padding:6px 9px}
body[data-game=territory] .tr-hud{flex:none;margin:0;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));min-height:45px}
body[data-game=territory] .tr-hud>div{padding:6px 12px;gap:8px}
body[data-game=territory] .tr-hud small{font-size:7px;letter-spacing:1px;margin-bottom:3px}
body[data-game=territory] .tr-hud strong{font-size:14px}
body[data-game=territory] .tr-hud>div>.icon{width:17px;height:17px}
body[data-game=territory] .tr-layout{position:relative;display:block;flex:1;min-height:0}
body[data-game=territory] .tr-map-panel{height:100%;display:flex;flex-direction:column;border-radius:10px;box-shadow:none}
body[data-game=territory] .tr-map-toolbar{min-height:40px;padding:5px 10px;flex:none}
body[data-game=territory] .tr-map-toolbar .tr-map-title small{display:inline}
body[data-game=territory] .tr-map-viewport{height:auto;min-height:150px;flex:1;background:#183d50}
body[data-game=territory] .tr-map-viewport:after{display:none}
body[data-game=territory] .tr-map-footer{min-height:33px;flex:none;padding:4px 10px;gap:10px;flex-wrap:nowrap}
body[data-game=territory] .tr-map-footer>.tr-button{min-height:26px;padding:4px 7px}
body[data-game=territory] .tr-map-footer>span{font-size:8px}
body[data-game=territory] .tr-command-panel{position:absolute;z-index:9;top:47px;right:8px;bottom:40px;width:min(340px,calc(100% - 16px));height:auto;max-height:none;display:flex;background:#101619fa;border:1px solid #526061;box-shadow:0 12px 35px #0007}
body[data-game=territory] .tr-layout.is-panel-closed .tr-command-panel{display:none}
.tr-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:6px 9px 6px 16px;flex:none;border-bottom:1px solid #ffffff0b}
.tr-panel-heading strong{font-size:11px;font-weight:550;color:#e5e9e8}
.tr-panel-heading>.tr-button{font-size:21px;min-height:27px;padding:1px 7px;line-height:1}
body[data-game=territory] .tr-panel-content{min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;padding:18px}
body[data-game=territory] .tr-tabs>button{min-height:34px;font-size:10px}
body[data-game=territory] .tr-reward-bar{padding:9px 13px}
body[data-game=territory] .tr-reward-bar>.tr-button{min-height:34px}
body[data-game=territory] .tr-ranking{width:157px;top:10px;left:10px;backdrop-filter:none;background:#10252ef2;box-shadow:none}
body[data-game=territory] .tr-ranking>button{padding:6px 8px}
body[data-game=territory] .tr-ranking>button:nth-of-type(n+4){display:none}
.territory-area select,.territory-area select option,.territory-area select optgroup{color-scheme:dark!important;background-color:#151e24!important;color:#f5f6f7!important}
.territory-area select option:checked{background:#38505d!important;color:#fff!important}
.territory-area select:disabled{color:#9aa5ac!important}
.tr-range-labels>button{border:0;background:transparent;color:#e7d2a8;font-size:10px;padding:0 0 5px}
.tr-rally-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.tr-rally-actions>.tr-button{min-height:33px;font-size:10px}
.tr-context{position:absolute;z-index:11;width:266px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow:auto;overscroll-behavior:contain;padding:10px;background:#101820fc;border:1px solid #6b7a80;border-radius:10px;box-shadow:0 12px 30px #0007;color:#f6f8f9}
.tr-context-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 9px;margin-bottom:5px;border-bottom:1px solid #ffffff16}
.tr-context-head small{font:8px ui-monospace,monospace;color:#a8bbc5;display:block;letter-spacing:1px;margin-bottom:5px}
.tr-context-head strong{display:block;font-size:12px;overflow-wrap:anywhere}
.tr-context-head>.tr-button{font-size:20px;min-height:28px;padding:0 7px;line-height:1}
.tr-context .context-option{width:100%;justify-content:flex-start;border:0;border-radius:5px;background:none;color:#eff3f6;font-size:11px;padding:10px 7px;min-height:38px;white-space:normal;text-align:left}
.tr-context .context-option:hover:not(:disabled){background:#ffffff12}
.tr-context .context-option:disabled{opacity:.38}
.tr-context p{font-size:10px;line-height:1.65;color:#a6b5be;margin:9px 3px!important}
.tr-context .tr-field{font-size:9px;margin:12px 0 7px;color:#b8c7d0}
.tr-context .tr-field input,.tr-context .tr-field select{font-size:12px;min-height:36px;width:100%;padding:8px;background:#202d36;color:#fff;border:1px solid #445663;border-radius:6px;outline-offset:1px}
.tr-context-shares{display:flex;gap:5px;margin-top:9px}
.tr-context-shares>.tr-button{flex:1;min-height:30px;font-size:10px;padding:5px}
.tr-context>.tr-button.wide{min-height:35px;margin-top:6px;font-size:11px}
.tr-tutorial{position:absolute;z-index:8;left:50%;bottom:12px;transform:translateX(-50%);width:420px;max-width:calc(100% - 20px);padding:14px 17px;background:#10222bf5;border:1px solid #8fa4aa77;border-radius:11px;box-shadow:0 8px 24px #0005}
.tr-tutorial>div{display:flex;justify-content:space-between;align-items:center;color:#b7c9cf;font-size:8px;letter-spacing:1px}
.tr-tutorial>div>.tr-button{min-height:25px;padding:0 6px;font-size:20px;line-height:1}
.tr-tutorial>strong{font-size:14px;color:#f2ecd9;font-weight:550;display:block;margin:3px 0 7px}
.tr-tutorial>p{font-size:11px;line-height:1.7;color:#c1cdd1}
.tr-tutorial footer{display:flex;justify-content:space-between;gap:10px;margin-top:9px}
.tr-tutorial footer>.tr-button{min-height:28px;padding:5px 7px;font-size:10px}
@media(min-width:1001px){body[data-game=territory].territory-nav-hidden .sidebar{transform:translateX(-100%)}body[data-game=territory].territory-nav-hidden .workspace{margin-left:0}body[data-game=territory] .sidebar{transition:transform .15s}body[data-game=territory] .workspace{transition:none}}
@media(max-width:1000px){body[data-game=territory] .sidebar{transform:translateX(-100%)}body[data-game=territory] .sidebar.open{transform:translateX(0)}body[data-game=territory] .workspace{margin-left:0}body[data-game=territory] .tr-command-panel{width:min(345px,calc(100% - 16px))}body[data-game=territory] .tr-hud>div{padding:7px 8px}}
@media(max-width:600px){body[data-game=territory] main#content{padding:6px}body[data-game=territory] .topbar{padding:0 10px}body[data-game=territory] .tr-header h1{font-size:17px!important;white-space:nowrap}body[data-game=territory] .tr-header-actions{gap:4px}body[data-game=territory] .tr-header-actions>.tr-button{font-size:9px;padding:6px;min-height:30px}body[data-game=territory] .tr-header-actions>.tr-button>.icon{width:12px;height:12px}body[data-game=territory] .tr-connection,body[data-game=territory] .tr-season{display:none}body[data-game=territory] .tr-hud{grid-template-columns:repeat(3,minmax(0,1fr));min-height:74px}body[data-game=territory] .tr-hud>div{padding:5px 9px}body[data-game=territory] .tr-hud small{font-size:6px}body[data-game=territory] .tr-hud strong{font-size:12px}body[data-game=territory] .tr-map-footer>span{font-size:6px}body[data-game=territory] .tr-map-footer>span:nth-child(2){display:none}body[data-game=territory] .tr-map-title small{display:none!important}body[data-game=territory] .tr-ranking{width:126px}body[data-game=territory] .tr-ranking>button:nth-of-type(n+3){display:none}body[data-game=territory] .tr-map-toolbar{padding:4px 7px}body[data-game=territory] .tr-command-panel{top:44px;right:6px;bottom:38px}body[data-game=territory] .tr-panel-content{padding:15px}body[data-game=territory] .tr-minimap{width:97px;padding:5px;bottom:9px}body[data-game=territory] #territory-minimap{width:85px;height:57px}body[data-game=territory] .tr-minimap>span{display:none}body[data-game=territory] .tr-map-hint{max-width:170px;font-size:6px}body[data-game=territory] .tr-map-coordinate{font-size:6px;padding:5px}body[data-game=territory] .tr-guide{max-height:90dvh}body[data-game=territory] .tr-context{width:260px}body[data-game=territory] .tr-context .context-option{min-height:43px}body[data-game=territory] .tr-tutorial{padding:10px 12px}body[data-game=territory] .tr-tutorial>strong{font-size:12px}body[data-game=territory] .tr-tutorial>p{font-size:10px}}
@media(max-height:550px) and (min-width:600px){body[data-game=territory] .topbar{height:40px;min-height:40px}body[data-game=territory] main#content{height:calc(100dvh - 40px);padding:5px 8px}body[data-game=territory] .territory-area{gap:5px}body[data-game=territory] .tr-header{min-height:26px}body[data-game=territory] .tr-header h1{font-size:17px!important}body[data-game=territory] .tr-hud{min-height:36px}body[data-game=territory] .tr-hud>div{padding:4px 8px}body[data-game=territory] .tr-hud strong{font-size:12px}body[data-game=territory] .tr-map-toolbar{min-height:35px}body[data-game=territory] .tr-map-footer{min-height:28px}body[data-game=territory] .tr-ranking>button:nth-of-type(n+2){display:none}body[data-game=territory] .tr-minimap{display:none}body[data-game=territory] .tr-command-panel{top:39px;bottom:32px}body[data-game=territory] .tr-context{max-height:calc(100% - 12px)}body[data-game=territory] .tr-tutorial{bottom:6px;padding:8px 12px}body[data-game=territory] .tr-tutorial>p{font-size:10px}}
@media(max-height:550px) and (min-width:600px){body[data-game=territory] .tr-command-panel{position:fixed;top:45px;bottom:6px;right:8px;width:360px;z-index:32}body[data-game=territory] .tr-context{position:fixed;top:45px!important;bottom:6px;right:8px;left:auto!important;max-height:none;width:290px;z-index:33}}