.territory-page{--bg:#101e28;--panel:#192c36;--text:#e0e9e8;--muted:#93acb3;--border:#304852;--accent:#69ddd0;background:radial-gradient(ellipse at 18% 2%,#24465088,transparent 50%),#101e28;color:var(--text)}.territory-page .topbar{background:#11212bd9;border-color:#314750}.territory-page .brand{color:#dce9e9}.territory-page .lang-select{background:#1b303b;color:#dce9e9;border-color:#34505a}.ti-wrap{max-width:1300px;padding-top:35px}.ti-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.ti-eyebrow{font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:2px;color:#91b0b5}.ti-header h1{font-size:clamp(32px,4vw,50px);line-height:1.14;letter-spacing:-1.5px;margin:9px 0 10px;color:#e3eee9}.ti-header p{color:#9eb8bf;margin:0;font-size:14px}.territory-page .btn{border-radius:7px;border:1px solid #3b5862;background:#203842;color:#d3e5e6;padding:10px 14px;white-space:normal;font-size:12px}.territory-page .btn:hover:not(:disabled){border-color:#77c9c5;background:#284951}.territory-page .btn:disabled{opacity:.4}.territory-page .btn.ti-primary{background:#6cd9c6;color:#112d31;border-color:#6cd9c6;font-weight:750}.ti-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.ti-faction{background:#1a2d3780;border:1px solid #314750;border-radius:10px;padding:13px 15px;position:relative;overflow:hidden}.ti-faction:first-child{background:#213c43;border-color:#527c7c}.ti-faction-name{font-size:12px;color:var(--faction);display:flex;gap:7px;align-items:center}.ti-faction small{font-size:10px;color:#98b0b7}.ti-faction-score{display:flex;align-items:baseline;gap:7px;margin:7px 0}.ti-faction-score strong{font:600 28px/1 ui-monospace,monospace}.ti-faction-score span{font-size:11px;color:#78969e}.ti-faction-meter{height:3px;background:#2d4550}.ti-faction-meter i{display:block;height:100%;background:var(--faction);transition:width .4s}.ti-faction.eliminated{opacity:.45}.ti-control-bar{display:flex;align-items:center;gap:20px;padding:13px 0 18px;border-bottom:1px solid #34505a;margin-bottom:22px}.ti-clock{font:500 26px/1 ui-monospace,monospace;color:#eef3e9;min-width:78px}.ti-control-bar>span:nth-child(2){font-size:12px;color:#9cb4ba}.ti-energy{margin-inline-start:auto;font-size:12px;color:#9cb4ba}.ti-energy strong{display:block;color:#d7eae6;margin-top:4px}.ti-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px;align-items:start}.ti-arena{background:linear-gradient(140deg,#273f48,#1a2d38 65%);border:1px solid #3c5561;border-radius:14px;padding:22px 22px 0;position:relative;overflow:hidden;box-shadow:0 20px 50px #0002}.ti-map-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px;align-items:center}.ti-map-head>span:last-child{font-size:11px;color:#bfd1cb;max-width:200px;text-align:end}.ti-map{position:relative;padding:0;margin-bottom:28px;direction:ltr}.ti-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;position:relative;z-index:1}.ti-cell{aspect-ratio:1;min-width:0;position:relative;border-radius:8px;border:1px solid #4a646d;background:linear-gradient(145deg,#344c55,#2a414b);color:#a8bfc2;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4px 0;box-shadow:0 3px 0 #132a3399;transition:background .25s,border .25s,box-shadow .2s}.ti-cell.owner-0{background:linear-gradient(140deg,#356567,#254a50);border-color:#548b88;color:#a0eee0}.ti-cell.owner-1{background:linear-gradient(140deg,#795349,#523f3b);border-color:#a2725d;color:#f4bca6}.ti-cell.owner-2{background:linear-gradient(140deg,#635776,#413b58);border-color:#847598;color:#d5c6ef}.ti-cell.owner-3{background:linear-gradient(140deg,#71664b,#494838);border-color:#9d9165;color:#efe0a4}.ti-cell.rock{background:transparent;border-color:transparent;box-shadow:none;cursor:default;color:#7596a2}.ti-cell.rock svg{width:80%;opacity:.5}.ti-cell.selected{border:2px solid #c1ffef;box-shadow:0 0 0 2px #6adfcb44,0 0 18px #56cbbb55;z-index:2}.ti-cell.target{border:2px dashed #fff4c6;box-shadow:0 0 20px #c5b17733}.ti-cell.available:not(.rock):after{content:'';position:absolute;inset:3px;border:1px dashed #bcd8d560;border-radius:5px;pointer-events:none}.ti-cell.cutoff{background-image:repeating-linear-gradient(135deg,transparent,transparent 5px,#08172150 5px,#08172150 7px)}.ti-cell strong{font:600 clamp(12px,1.5vw,21px)/1.15 ui-monospace,monospace;z-index:1}.ti-cell-icon{font:16px/1.1 Georgia,serif;height:19px}.ti-cell-symbol{font-size:7px;position:absolute;top:4px;left:5px;opacity:.65}.ti-cell-fort{position:absolute;bottom:3px;right:4px;font-size:8px;letter-spacing:-2px}.ti-cell .ti-beam{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(#d1dab125,transparent 70%);animation:ti-beacon 3s infinite}.ti-cell:focus-visible,.territory-page button:focus-visible{outline:2px solid #f7dd9a;outline-offset:3px}.ti-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:5;pointer-events:none}.ti-convoy{transition:transform .8s linear}.ti-convoy text{font:700 18px ui-monospace,monospace;fill:#11232b;text-anchor:middle;dominant-baseline:central}.ti-convoy circle{stroke:#19323c;stroke-width:3;filter:drop-shadow(0 2px 3px #0007)}.ti-compass{position:absolute;bottom:-22px;right:0;font:10px ui-monospace,monospace;color:#698991;letter-spacing:2px}.ti-map-foot{display:flex;flex-wrap:wrap;gap:10px 15px;padding-bottom:15px;color:#9ab2b5;font-size:10px}.ti-map-foot b{font-weight:400}.ti-message{margin:0 -22px;padding:14px 22px;background:#14283199;border-top:1px solid #38515a;font-size:12px;color:#adc7c7;min-height:50px;line-height:1.6}.ti-message.warning{color:#e8bb8c}.ti-side{display:grid;gap:14px}.ti-panel{background:#192d37;border:1px solid #334b55;border-radius:12px;padding:20px}.ti-orders h2{font:500 29px/1 ui-monospace,monospace;margin:15px 0;color:#c2e8df;direction:ltr;text-align:start}.ti-orders p{font-size:12px;color:#9cb7bc;line-height:1.7;min-height:30px}.ti-orders>.btn,.ti-fortify .btn,.ti-record .btn{width:100%;margin-top:9px}.ti-ratios{display:flex;gap:6px}.ti-ratios .btn{flex:1;padding:8px 3px}.ti-ratios .btn[aria-pressed=true]{border-color:#8ce6d6;background:#2d5357;color:#bcf5e9}.ti-preview{border-inline-start:2px solid #547c7b;padding-inline-start:10px;min-height:43px!important}.ti-fortify{border-top:1px solid #344e56;margin-top:18px;padding-top:10px}.ti-fortify small{display:block;font-size:10px;line-height:1.8;color:#8ea8ac;margin-top:7px}.ti-intel>div,.ti-record>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:14px 0 0;color:#95afb7}.ti-intel strong,.ti-record strong{color:#d3e5df;font:500 17px ui-monospace,monospace}.ti-intel p{font-size:11px;line-height:1.7;color:#8fa9b0;margin:18px 0 0}.ti-record>div:first-child{margin-top:0}.ti-result{margin-top:22px;border-color:#58897d;background:linear-gradient(100deg,#26483e,#1a303b)}.ti-result h2{color:#ccebdd;margin:0 0 10px}.ti-result p{font-size:13px;color:#a9c9c3}.ti-guide{margin-top:22px;background:#162a34}.ti-guide summary{cursor:pointer;color:#cbdedb;font-weight:600;font-size:13px}.ti-guide p{font-size:12px;line-height:1.9;color:#96b2b9}.ti-footer{display:flex;align-items:center;gap:14px;justify-content:space-between;color:#8da8b0;font-size:11px;margin-top:22px}.ti-footer>span:last-child{max-width:50%;text-align:end}#ti-notice{font-size:12px;color:#aac9c5}.ti-paused .ti-beam{animation-play-state:paused}.ti-paused .ti-convoy{transition:none}@keyframes ti-beacon{50%{opacity:.4;transform:scale(.75)}}@media(min-width:1100px){.ti-cell-icon{font-size:21px;height:24px}}@media(max-width:900px){.ti-layout{grid-template-columns:minmax(0,1fr)}.ti-side{grid-template-columns:1.25fr 1fr}.ti-orders{grid-row:span 2}.ti-cell strong{font-size:22px}.ti-arena{padding:22px 28px 0}.ti-message{margin:0 -28px}.ti-header h1{font-size:38px}}@media(max-width:520px){.ti-wrap{padding:24px 12px 45px}.ti-header{gap:10px;margin-bottom:22px}.ti-header h1{font-size:31px;letter-spacing:-1px}.ti-header p{font-size:12px;line-height:1.7}.ti-header>.btn{padding:8px;min-width:60px}.ti-eyebrow{font-size:8px;letter-spacing:1.4px}.ti-scoreboard{gap:6px}.ti-faction{padding:9px 7px}.ti-faction-name{font-size:9px;gap:3px;min-height:25px;align-items:start}.ti-faction-score{gap:3px}.ti-faction-score strong{font-size:22px}.ti-faction-score span{font-size:8px}.ti-faction small{font-size:8px}.ti-control-bar{gap:10px;flex-wrap:wrap;margin-bottom:16px}.ti-clock{font-size:23px;min-width:65px}.ti-control-bar>span:nth-child(2){font-size:10px;max-width:72px}.ti-energy{font-size:9px;max-width:86px}.ti-control-bar>.btn{padding:8px 9px;font-size:10px;max-width:90px}.ti-arena{padding:16px 10px 0;border-radius:10px}.ti-map-head{margin-bottom:16px;gap:8px}.ti-map-head>span:last-child{font-size:9px;max-width:145px}.ti-grid{gap:3px}.ti-cell{border-radius:5px;padding:2px 0;min-height:0}.ti-cell strong{font-size:12px}.ti-cell-icon{font-size:11px;height:12px}.ti-cell-symbol{font-size:5px;left:2px;top:2px}.ti-cell-fort{font-size:6px;bottom:1px;right:2px}.ti-cell.selected,.ti-cell.target{border-width:1px}.ti-cell.available:not(.rock):after{inset:2px;border-radius:3px}.ti-map-foot{gap:7px 10px;font-size:9px}.ti-message{margin:0 -10px;padding:12px 14px;font-size:11px}.ti-side{grid-template-columns:1fr 1fr;gap:10px}.ti-orders{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.ti-orders>.ti-eyebrow,.ti-orders>h2,.ti-orders>#ti-route-info,.ti-orders>.ti-fortify{grid-column:1/-1}.ti-orders h2{font-size:27px;margin:12px 0 0}.ti-orders .ti-ratios{grid-column:1/-1}.ti-orders .ti-preview{grid-column:1/-1;min-height:0!important;margin:12px 0 0}.ti-panel{padding:16px}.ti-intel>div,.ti-record>div{font-size:10px;gap:6px;flex-wrap:wrap}.ti-intel strong,.ti-record strong{font-size:15px}.ti-intel p{font-size:10px}.ti-footer{align-items:start;line-height:1.6;font-size:10px}.ti-guide p{font-size:11px}.ti-result h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.territory-page *{animation:none!important;transition:none!important}}

.ti-coordinate{position:absolute;top:4px;right:4px;font:8px ui-monospace,monospace;opacity:.6}.ti-cell .ti-cell-icon{margin-top:3px}@media(max-width:520px){.ti-coordinate{top:2px;right:2px;font-size:6px}.ti-cell .ti-cell-icon{margin-top:2px}}