/* Fontes locais (OFL; licenças e créditos em fonts/ e CREDITOS.md): o jogo roda offline, sem chamar o Google Fonts. */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-500.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-600.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-condensed-500.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-600.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-condensed-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-500.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{color-scheme:dark;--bg:#0a151c;--panel:#101f27;--line:#2a3d44;--green:#c1f582;--mint:#8fdab0;--text:#e4eceb;--muted:#96abb1;--amber:#efba71;--red:#ef807c;--mono:'IBM Plex Mono',Consolas,monospace;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:var(--body);color:var(--text);font-size:15px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{transition:background .18s,border-color .18s,transform .18s}button:focus-visible,a:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--green);outline-offset:5px}button:hover:not(:disabled){filter:brightness(1.14)}button:active:not(:disabled){transform:translateY(1px)}button,select{color:inherit}a{color:inherit;text-decoration:none}.game-shell{max-width:1920px;margin:auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#0c171d}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:25px;font-weight:600;letter-spacing:3px;line-height:1.1}.brand-symbol{font-size:44px;color:var(--green);line-height:1}.brand small{display:block;font:11px var(--mono);letter-spacing:4px;color:var(--muted);margin-top:6px}.top-status{display:flex;align-items:center;gap:12px;font:11px var(--mono);letter-spacing:1px;color:var(--muted)}.separator{margin:0 12px;color:#52676e}.top-actions{display:flex;gap:10px}.icon-button{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);background:#101f27;font-family:var(--mono);font-size:19px;border-radius:3px}.top-actions .icon-button:first-child{font-size:15px}.live-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 9px #c1f58235}.hud{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:linear-gradient(110deg,#13252b,#0f1a21)}.metric{padding:18px 30px 16px;border-right:1px solid var(--line);position:relative}.metric:last-child{border-right:0}.metric>span{font:11px var(--mono);letter-spacing:1.3px;color:var(--muted)}.metric>div:not(.meter):not(.micro-bars){display:flex;align-items:baseline;justify-content:space-between;gap:8px}.metric strong{font-family:var(--display);font-size:39px;font-weight:500;line-height:1.3}.metric strong small{font-size:19px;margin-left:4px;color:var(--muted)}.influence-metric strong{color:var(--green)}.alert-metric strong{color:var(--amber)}.containment-metric strong{color:var(--red)}.metric-caption{font:11px var(--mono);color:var(--muted)}.meter{height:3px;background:#24343c;margin-top:7px;overflow:hidden}.meter i{display:block;background:var(--green);height:100%;width:0;transition:width .4s}.meter.amber i{background:var(--amber)}.meter.red i{background:var(--red)}.micro-bars{font:11px/10px var(--mono);height:10px;margin-top:0;letter-spacing:6px;color:#8da9af;overflow:hidden;white-space:nowrap}
.world-stage{height:calc(100svh - 322px);min-height:505px;max-height:1000px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#17313e,#0b1822 75%)}.world-stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #06101965}.map-title{position:absolute;z-index:2;left:32px;top:27px;pointer-events:none}.eyebrow{font:11px var(--mono);color:var(--green);letter-spacing:1.4px}.tiny-cross{padding-left:12px;color:#5c777f}.map-title h1{font-family:var(--display);font-size:32px;letter-spacing:.3px;font-weight:500;margin:9px 0 3px}.map-title p{font-size:12px;margin:0;color:var(--muted)}.cycle{position:absolute;right:34px;top:26px;z-index:2;display:grid;grid-template-columns:auto auto;column-gap:14px;align-items:center}.cycle>span:first-child{font:11px var(--mono);letter-spacing:1px;color:var(--muted)}.cycle strong{font:46px/1 var(--display);font-weight:500}.cycle-state{grid-column:1/-1;font:11px var(--mono);color:var(--muted);text-align:right;letter-spacing:1.6px;margin-top:6px}.map-viewport{position:absolute;inset:27px 50px 61px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y;cursor:grab}.world-map{width:100%;height:100%;overflow:visible;transform-origin:50% 50%;transition:transform .3s}.ocean-label{fill:#91b4c1;opacity:.36;font-family:var(--mono);font-size:11px;letter-spacing:2px}.network-line{fill:none;stroke:var(--green);stroke-width:1;opacity:.36;stroke-dasharray:5 5;animation:flow 32s linear infinite}.map-node{cursor:pointer;outline:none}.map-node .hit-area{fill:transparent;stroke:none}.map-node .node-ring{fill:#14252d;stroke:#8aa7ae;stroke-width:1.4;transition:all .2s}.map-node .node-dot{fill:#8aa7ae}.map-node.connected .node-ring{fill:#203c33;stroke:var(--green)}.map-node.connected .node-dot{fill:var(--green)}.map-node.selected .node-ring{stroke:#eefddc;stroke-width:2.2}.map-node:hover .node-ring,.map-node:focus-visible .node-ring{stroke:#fff;stroke-width:3}.node-pulse{fill:none;stroke:var(--green);opacity:.23;stroke-width:1;animation:pulse 4s ease-in-out infinite}.node-label{font:11px var(--mono);fill:#d3e0e0;letter-spacing:.8px;paint-order:stroke;stroke:#0b1822;stroke-width:3px;stroke-linejoin:round}.node-value{font:11px var(--mono);fill:var(--green);paint-order:stroke;stroke:#0b1822;stroke-width:3px}.map-tools{position:absolute;right:27px;top:140px;z-index:3;display:grid;gap:7px}.map-tools .icon-button{background:#101f27db;width:32px;height:32px;font-size:17px}.reset-map{margin-top:5px}.map-key{position:absolute;left:33px;bottom:155px;display:flex;align-items:center;gap:17px;z-index:2;font:11px var(--mono);color:var(--muted)}.map-key span{display:flex;align-items:center;gap:6px}.map-key i{width:5px;height:5px;border:1px solid var(--muted);border-radius:50%}.map-key .active-key{background:var(--green);border-color:var(--green)}.map-key .map-key-extra{margin-left:12px;color:#81939b;font-size:11px}
.selection-panel{position:absolute;left:28px;bottom:22px;z-index:3;width:450px;background:#0d1b23ee;border:1px solid #40564e;border-left:2px solid var(--green);box-shadow:0 8px 30px #0003;padding:16px 19px;border-radius:3px}.selection-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.selection-top .eyebrow{font-size:11px;color:var(--muted)}select{background:#14252c;border:1px solid #344951;border-radius:3px;padding:5px 7px;font:11px var(--mono);max-width:180px}.region-content{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.region-content h2{font:26px/1.1 var(--display);margin:0 0 5px;font-weight:500}.region-content p{margin:0;font-size:11px;color:var(--muted)}.region-content .region-benefit{color:var(--green);margin-top:6px;font:11px var(--mono)}.connect-button{flex-shrink:0;border:1px solid #68824f;background:#c1f58215;color:var(--green);border-radius:3px;padding:10px 14px;font-weight:600;min-height:48px}.connect-button small{display:block;font:11px var(--mono);margin-top:4px}.region-active{font:11px var(--mono);color:var(--green);white-space:nowrap}.region-active strong{font:30px var(--display);display:block;text-align:right;margin-bottom:5px}.mission-card{position:absolute;right:30px;bottom:27px;z-index:2;width:260px;padding:0 0 0 18px;border-left:1px solid #526b62}.mission-card .eyebrow{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.mission-card .live-dot{width:4px;height:4px}.mission-card h2{font:26px var(--display);font-weight:500;margin:6px 0}.mission-card p{font-size:12px;line-height:1.5;color:#bdcece;margin:0}.mission-progress{display:flex;justify-content:space-between;font:11px var(--mono);color:var(--green);margin-top:12px}.news-strip{height:37px;background:#15232b;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 30px;font-size:11px}.news-label{font:11px var(--mono);letter-spacing:1px;display:flex;gap:8px;align-items:center;white-space:nowrap;color:var(--green)}#latest-log{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#bfcdcf}.news-strip button{margin-left:auto;background:transparent;border:0;color:var(--muted);min-width:35px;height:35px;font-size:20px}.command-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:95px;padding:15px 28px;background:#0c171d}.command-left{display:flex;gap:12px}.evolve-button,.cooperate-button{border:1px solid #3a5156;border-radius:3px;background:#15272e;min-height:60px;display:flex;align-items:center;gap:15px;padding:10px 17px;text-align:left;font-size:18px;font-weight:600}.evolve-button small,.cooperate-button small,.primary small{display:block;font:11px var(--mono);letter-spacing:.5px;color:var(--muted);margin-top:5px}.button-symbol{font-size:33px;color:var(--green)}.button-arrow{margin-left:35px;color:var(--green)}.cooperate-button{background:transparent;font-size:15px;padding:10px 15px}.cooperate-button>span:first-child{font-size:24px;color:var(--muted)}.save-note{display:flex;gap:8px;align-items:center;font:11px var(--mono);letter-spacing:1px;color:var(--muted)}.save-note .live-dot{width:4px;height:4px;background:#698477}.primary{background:var(--green);border:1px solid var(--green);border-radius:3px;color:#142416;font-size:17px;font-weight:700;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px}.primary small{color:#395130}.advance-button{min-width:267px;text-align:left;min-height:60px}.advance-arrow{font-size:29px}
dialog{background:linear-gradient(145deg,#172b32,#0c1a22);border:1px solid #496058;border-radius:8px;color:var(--text);padding:28px;width:min(510px,calc(100% - 28px));max-height:calc(100svh - 32px);box-shadow:0 24px 130px #0009}dialog::backdrop{background:#030b12b5;backdrop-filter:blur(5px)}dialog[open]{animation:reveal .2s ease-out}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-top .eyebrow{font-size:11px}.close{border:1px solid #3a5156;background:transparent;border-radius:3px;color:var(--muted);font:25px var(--body);width:36px;height:36px;flex-shrink:0}.large-symbol{font-size:55px;color:var(--green);display:block;line-height:1;margin:18px 0}dialog h2{font:44px/.98 var(--display);font-weight:500;margin:22px 0 14px;letter-spacing:.3px}dialog p{color:#b3c5c9;font-size:14px;line-height:1.6;margin:10px 0 20px}dialog .primary{width:100%;margin-top:18px}dialog>small{display:block;text-align:center;margin-top:12px;font:11px var(--mono);color:var(--muted);line-height:1.5}.wide-dialog{width:min(740px,calc(100% - 28px))}.upgrades{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upgrade-card{border:1px solid #3d5358;border-radius:4px;padding:19px;background:#102129}.upgrade-card.bought{border-color:#a2d87866;background:#a2d87808}.upgrade-icon{font-size:34px;color:var(--green)}.upgrade-card h3{font:23px var(--display);font-weight:500;margin:12px 0 8px}.upgrade-card p{font-size:12px;min-height:39px;margin:0 0 16px}.upgrade-card button{width:100%;padding:11px;background:#b9f77d15;border:1px solid #6b8d5b;color:var(--green);border-radius:3px;font:11px var(--mono)}#upgrade-budget{color:var(--green);white-space:nowrap}.instructions{padding-left:21px}.instructions li{font-size:13px;line-height:1.6;margin:14px 0;color:var(--muted)}.instructions strong{color:var(--text)}#logs{padding:0;list-style:none;margin-top:25px}#logs li{padding:14px 0 14px 17px;border-top:1px solid var(--line);font:11px/1.7 var(--mono);color:var(--muted);position:relative}#logs li:before{content:'›';position:absolute;left:0;color:var(--green)}#logs li:first-child{color:var(--text)}.event-choices{display:grid;gap:10px}.event-choice{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:15px;background:#203039;border:1px solid #52685c;border-radius:3px;min-height:64px}.event-choice small{display:block;font:11px var(--mono);margin-top:7px;color:var(--green)}.result-symbol{font-size:52px;color:var(--green);margin-top:20px}.result-symbol.lost{color:var(--red)}.result-stats{display:flex;gap:20px;padding:20px 0;border-block:1px solid var(--line);font:11px var(--mono);color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.muted{color:var(--muted)}body[data-path=domination] .brand-symbol{color:var(--red)}body[data-path=domination] #path-badge{color:var(--red)}
@keyframes flow{to{stroke-dashoffset:-200}}@keyframes pulse{50%{opacity:.6;r:19}}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.world-stage{min-height:590px}.map-viewport{inset:32px 65px 70px}.selection-panel{width:485px}.mission-card{width:290px}}
@media(max-width:1000px){.top-status{font-size:11px;gap:8px}.metric{padding:16px 20px}.metric-caption{font-size:11px}.save-note{display:none}.mission-card{width:220px}.selection-panel{width:390px}.map-viewport{inset:75px 10px 100px}.map-title h1{font-size:27px}.world-stage{min-height:500px}.button-arrow{margin-left:14px}.map-key-extra{display:none!important}.advance-button{min-width:225px}.node-label{font-size:11px}}
@media(max-width:700px){.topbar{height:63px;padding:0 17px}.brand{font-size:20px;letter-spacing:2px;gap:9px}.brand-symbol{font-size:36px}.brand small{font-size:11px;letter-spacing:3px;margin-top:5px}.top-status{display:none}.top-actions{gap:7px}.top-actions .icon-button{width:33px;height:33px}.hud{grid-template-columns:1fr 1fr}.metric{padding:10px 17px 11px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric>span{font-size:11px;letter-spacing:.6px}.metric strong{font-size:29px;line-height:1.15}.metric strong small{font-size:14px}.metric-caption{font-size:11px}.meter{margin-top:6px;height:2px}.micro-bars{font-size:11px;letter-spacing:3px;height:8px;margin-top:0}.world-stage{height:calc(100svh - 325px);min-height:405px;max-height:750px}.map-title{top:19px;left:17px}.map-title .eyebrow{font-size:11px}.map-title h1{font-size:25px;margin-top:7px}.map-title p{font-size:11px}.cycle{top:19px;right:17px;column-gap:7px}.cycle strong{font-size:32px}.cycle>span:first-child{font-size:11px}.cycle-state{font-size:11px;letter-spacing:.7px}.map-viewport{inset:64px -95px 105px}.world-map{width:100%;min-width:560px}.map-tools{right:13px;top:104px;gap:4px}.map-tools .icon-button{width:30px;height:30px}.map-key{left:17px;bottom:130px;gap:13px;font-size:11px}.selection-panel{bottom:13px;left:12px;right:12px;width:auto;padding:12px 13px;border-radius:4px}.selection-top .eyebrow{font-size:11px;letter-spacing:.8px}.selection-top select{font-size:11px;padding:5px;max-width:166px;min-height:30px}.region-content{margin-top:9px;gap:10px}.region-content h2{font-size:24px}.region-content p{font-size:11px}.region-content .region-benefit{font-size:11px}.connect-button{padding:9px 10px;font-size:13px;min-height:46px}.connect-button small{font-size:11px}.region-active{font-size:11px}.region-active strong{font-size:25px}.mission-card{display:none}.news-strip{height:33px;padding:0 15px;gap:10px;font-size:11px}.news-label{font-size:0;gap:0}.news-label .live-dot{width:5px;height:5px}.news-strip button{height:31px;min-width:25px}.command-bar{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));height:80px;gap:9px}.command-left{gap:7px}.evolve-button{padding:8px 10px;gap:7px;min-height:55px;font-size:15px}.button-symbol{font-size:25px}.evolve-button small{font-size:11px;letter-spacing:0}.button-arrow{display:none}.cooperate-button{padding:8px 9px;min-height:55px;gap:0;justify-content:center}.cooperate-button>span:first-child{display:none}.cooperate-button>span:last-child{font-size:12px}.cooperate-button small{font-size:11px;letter-spacing:0;margin-top:7px}.advance-button{min-width:0;flex:1;min-height:55px;padding:10px 12px;gap:8px;font-size:14px}.advance-button small{font-size:11px;letter-spacing:0;line-height:1.4}.advance-arrow{font-size:22px}.node-label{font-size:11px}.node-value{font-size:11px}.ocean-label{font-size:11px}.map-node .node-ring{stroke-width:2}dialog{padding:22px;max-height:calc(100svh - 24px)}dialog h2{font-size:38px;margin-top:18px}.large-symbol{font-size:42px;margin:15px 0}dialog p{font-size:13px;margin-bottom:15px}.dialog-top .eyebrow{font-size:11px}.upgrades{gap:9px}.upgrade-card{padding:14px}.upgrade-card h3{font-size:22px}.upgrade-card p{min-height:56px;font-size:11px}.upgrade-card button{font-size:11px;padding:12px 6px}.upgrade-icon{font-size:30px}.result-stats{font-size:11px;gap:13px}}
@media(max-width:370px){.brand{font-size:18px}.cooperate-button{padding:7px}.advance-button{font-size:12px;padding:9px}.evolve-button{font-size:13px;padding:8px}.button-symbol{display:none}.map-title h1{font-size:22px}.upgrades{grid-template-columns:1fr}.upgrade-card p{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Mantém os comandos visíveis também em notebooks de menor altura. */
@media(min-width:701px){.world-stage{min-height:380px}.map-key{bottom:176px}}
@media(min-width:701px) and (max-height:800px){.map-title h1{font-size:25px}.map-title p{display:none}.map-viewport{inset:8px 55px 38px}.selection-panel{padding:11px 15px;bottom:17px}.selection-top .eyebrow{font-size:11px}.region-content{margin-top:7px}.region-content h2{font-size:23px}.map-key{bottom:151px}.mission-card{bottom:20px}.mission-card p{font-size:11px}.map-title{top:20px}}
/* A grade reserva espaço para o HUD e para os comandos sem esconder o mapa. */
main{display:grid;height:calc(100svh - 78px);grid-template-rows:auto minmax(380px,1fr) 37px 95px}.world-stage{height:auto;min-height:0;max-height:none}.hud{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{min-width:0}.micro-bars{width:100%}
@media(max-width:700px){main{height:calc(100svh - 63px);grid-template-rows:auto minmax(365px,1fr) 33px 80px}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions .icon-button{width:40px;height:40px}.map-tools .icon-button{width:40px;height:40px}.map-key{bottom:148px}.map-viewport{inset:65px -65px 120px}.world-map{min-width:510px}.metric-caption{font-size:11px}.metric{padding-top:10px;padding-bottom:10px}.selection-top select{min-height:32px}}