:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#dfeaf0;background:#132c40;font-synthesis:none;--muted: #9ab7c7;--line: #6b9aad3d;--coral: #f39b80;--gold: #f1d795;--aqua: #8fd6d1}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.43}a{color:inherit}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.conquest-app{max-width:1600px;margin:auto;padding:0 32px}.conquest-header{height:96px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.back-home{text-decoration:none;font-size:13px;color:var(--muted)}.conquest-header>div{display:flex;align-items:baseline;gap:16px}.mode-label{font-size:12px;color:var(--aqua)}h1{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:32px;font-weight:600;letter-spacing:.08em;margin:0}.conquest-header>.quiet-button{margin-left:auto}@media(any-pointer:coarse){button,a,[role=button]{touch-action:manipulation}button,.back-home{min-height:44px}.back-home{display:inline-flex;align-items:center}.playback button{min-width:44px;min-height:44px}}.quiet-button{border:0;background:transparent;padding:10px 12px;color:var(--muted);font-size:12px;border-radius:5px}.quiet-button:hover{background:#9ab7c714;color:#fff}.lake-vitals{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;border-bottom:1px solid var(--line);padding:21px 0;gap:32px}.lake-vitals>div{position:relative}.lake-vitals>div+div{border-left:1px solid var(--line);padding-left:30px}.lake-vitals span{font-size:11px;color:var(--muted);display:block}.lake-vitals strong{display:block;font-size:31px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}.lake-vitals strong small{font-size:13px;font-weight:400;color:var(--muted)}.lake-vitals p{font-size:10px;margin:0;color:var(--muted)}.point-vital strong{color:var(--gold)}.human-vital strong{color:var(--coral)}.vital-track{height:3px;background:#2c485c;max-width:230px;margin-top:5px;overflow:hidden}.vital-track i{height:100%;display:block;background:var(--aqua);transition:width .4s}.human-vital .vital-track i{background:var(--coral)}.conquest-layout{display:grid;grid-template-columns:238px minmax(280px,1fr) 276px;gap:26px;align-items:start}.water-panel{padding:32px 0 18px}.water-panel h2{font-size:25px;line-height:1.65;letter-spacing:.035em;font-weight:500;margin:0 0 13px}.water-panel p{font-size:12px;line-height:1.85;color:var(--muted);margin:9px 0}.species-picker{display:flex;gap:8px;margin-top:20px}.species-picker button{display:flex;flex-direction:column;align-items:center;flex:1;gap:8px;font-size:10px;border:1px solid var(--line);background:#1b3c51;padding:14px 5px 10px;border-radius:7px}.species-picker button[aria-pressed=true]{border-color:var(--coral);background:#3c4149;color:#ffe5d9}.species-picker svg{width:64px;height:30px;fill:var(--muted)}.species-picker svg circle{fill:#153449}.species-picker button[aria-pressed=true] svg{fill:var(--coral)}.species-picker button:last-child svg{transform:scaleX(.7) scaleY(1.2)}.water-panel p.species-description{min-height:65px;font-size:11px}.species-tag{color:var(--coral)!important;margin-top:0!important;font-weight:600}.selected-water{margin-top:22px;padding:20px 0;border-top:1px solid var(--line)}.water-heading{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.selected-water h3{font-size:22px;margin:13px 0 5px;font-weight:500}.selected-water #water-habitat{color:var(--aqua);font-size:11px}.water-panel #water-note{font-size:11px}.local-stat{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px;margin-top:16px}.local-stat>span{color:var(--muted)}.local-stat strong{font-size:13px;font-variant-numeric:tabular-nums}.local-track{grid-column:span 2;height:4px;background:#2c485c;border-radius:2px;overflow:hidden}.local-track i{display:block;height:100%;background:var(--coral);transition:width .4s}.native-stat .local-track i{background:var(--aqua)}.water-panel #refuge-status{font-size:10px;min-height:19px}.primary-button,.secondary-button{width:100%;border-radius:6px;padding:13px 12px;font-size:12px;line-height:1.5}.primary-button{background:var(--coral);border:1px solid var(--coral);color:#213448;font-weight:700;box-shadow:0 3px #ad665a}.primary-button:hover{background:#ffb49a}.secondary-button{border:1px solid #81a6b35c;background:#25495d;text-align:left;display:flex;justify-content:space-between;gap:8px}.secondary-button span{color:var(--gold);white-space:nowrap}.secondary-button:hover:enabled{background:#31596e}#continue-button{margin-top:12px;text-align:center;justify-content:center}.water-panel p.action-hint{font-size:10px;margin:7px 0 16px}.water-panel .storage-warning{color:var(--gold);font-size:11px}.map-panel{background:#17394f;position:relative;overflow:hidden;align-self:stretch;border-left:1px solid var(--line);border-right:1px solid var(--line)}.map-title{display:flex;justify-content:space-between;gap:6px;position:absolute;top:20px;left:20px;right:20px;font-size:11px;z-index:1;pointer-events:none}.map-title>span:last-child{color:var(--aqua);font-size:10px}#map-container{max-width:560px;margin:auto}#conquest-map{display:block;width:100%;height:auto;max-height:720px;min-height:500px}.lake-coast{fill:#183e55;stroke:#98b9bd;stroke-width:3;stroke-linejoin:round;paint-order:stroke fill}.depth-lines{fill:none;stroke:#8fb7bd;stroke-opacity:.2;stroke-width:1}.map-land{fill:none;stroke:#7b9fa9;stroke-width:1;opacity:.35}.map-land text{fill:#9ab7c7;stroke:none;font-size:10px}.map-route{fill:none;stroke:#83b4bf;stroke-opacity:.23;stroke-width:1.4;stroke-dasharray:3 5}.map-route.flowing{stroke:#f9c09d;stroke-opacity:.7;stroke-width:1.7}.map-geography{fill:#8bafc2;font-size:16px;letter-spacing:3px}.map-geography path{fill:none;stroke:#8bafc2;stroke-width:1.5}.map-geography text{font-size:12px;letter-spacing:1px}.map-geography .map-note{font-size:10px;letter-spacing:0}.region-node{cursor:pointer;outline:none}.node-selection{fill:transparent;stroke:transparent;stroke-width:2}.region-node[aria-pressed=true] .node-selection{stroke:var(--gold)}.region-node:focus-visible .node-selection{stroke:#fff;stroke-width:4}.node-ring{fill:#17394f;stroke:#9ec6cc;stroke-width:1}.node-core{fill:#42718a}.occupied .node-core{fill:var(--coral)}.settled .node-ring{fill:#d78870;stroke:#ffe7c5;stroke-width:2}.settled .node-core{fill:#bd6855}.sheltered .node-selection{stroke:var(--aqua);stroke-dasharray:3 3}.sheltered[aria-pressed=true] .node-selection{stroke:var(--gold)}.node-number{fill:#f8eeea;font-size:11px;font-weight:600}.node-label-bg{fill:#15354be0}.node-label{font-size:13px;fill:#dceaf0}.node-count{font-size:10px;fill:#a4bdc8}.occupied .node-count{fill:#ffc4a9}.region-node:hover .node-ring{stroke:var(--gold);stroke-width:3}.map-key{position:absolute;bottom:17px;right:16px;display:flex;gap:13px;font-size:9px;color:#b7cdd5}.map-key>span{display:flex;align-items:center;gap:5px}.map-key i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#56869a}.map-key .key-invasive{background:var(--coral)}.map-key .key-settled{background:#bd6855;outline:1px solid #ffe7c5;outline-offset:2px}.evolution-panel{padding:30px 0 16px}.evolution-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.evolution-heading h2{font-size:15px;font-weight:500;margin:0}.evolution-heading>span{color:var(--gold);font-size:13px;white-space:nowrap}.evolution-intro{font-size:11px;line-height:1.9;color:var(--muted);margin:14px 0 23px}.upgrade{padding:16px 0;border-top:1px solid var(--line)}.upgrade-heading{display:flex;align-items:center;gap:9px}.upgrade-icon{color:var(--aqua);font-size:22px;width:24px;line-height:1}.upgrade h3{font-size:13px;margin:0;font-weight:500}.upgrade-level{color:var(--coral);font-size:12px;margin-left:auto;letter-spacing:3px}.upgrade p{font-size:10px;color:#d3e3e9;line-height:1.7;margin:8px 0 2px}.upgrade small{display:block;font-size:9px;color:var(--muted);line-height:1.7}.upgrade-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:12px;padding:9px 11px;min-height:38px;border:1px solid #739dac61;background:#21455a;border-radius:5px;font-size:10px}.upgrade-button strong{color:var(--gold);font-size:11px;white-space:nowrap}.upgrade-button:hover:enabled{border-color:var(--gold);background:#305569}.conquest-bottom{display:grid;grid-template-columns:1fr 1.25fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.time-controls{display:flex;align-items:center;gap:18px;padding:20px 20px 20px 0}.day-counter{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.day-counter>strong{font-size:28px;min-width:39px;font-variant-numeric:tabular-nums}.day-counter span{font-size:10px;color:var(--muted)}.day-counter b{font-weight:400;color:var(--aqua);padding-left:6px}.playback{display:flex;background:#1d4055;border:1px solid var(--line);border-radius:5px;padding:3px;gap:2px}.playback button{border:0;background:none;font-size:10px;padding:8px 9px;border-radius:3px;white-space:nowrap;min-width:33px;min-height:33px}.playback button[aria-pressed=true]{background:#507083;color:#fff}.playback button:hover:enabled{background:#426377}#time-limit{color:var(--muted);font-size:10px;white-space:nowrap}.news{display:flex;gap:16px;align-items:start;border-left:1px solid var(--line);padding:17px 0 12px 22px;min-height:86px}.news-title{font-size:10px;color:var(--aqua);padding-top:4px;white-space:nowrap}.news ol{list-style:none;padding:0;margin:0;height:55px;overflow:auto;scrollbar-width:thin;scrollbar-color:#65899c transparent}.news li{font-size:10px;line-height:2.2;color:#d2e3eb}.news li>span{font-size:9px;color:var(--muted);padding-right:10px;white-space:nowrap}.action-message{font-size:11px;color:var(--gold);min-height:19px;margin:12px 0 0}.conquest-footer{display:flex;align-items:baseline;justify-content:space-between;gap:24px;font-size:9px;color:var(--muted);line-height:1.9;padding:6px 0 20px}.conquest-footer p{max-width:950px;margin:0}.conquest-footer a{white-space:nowrap}#conquest-dialog{background:#1c3b50;color:#e2edf1;border:1px solid #84a7b7;border-radius:12px;padding:32px;max-width:520px;width:calc(100% - 36px);box-shadow:0 20px 100px #051f30aa}#conquest-dialog::backdrop{background:#081c2dba;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#conquest-dialog h2{font-size:23px;font-weight:500;line-height:1.6;margin:0 0 16px}#conquest-dialog p,#conquest-dialog li{font-size:12px;line-height:1.9;color:#bfd4df}#conquest-dialog .primary-button{margin-top:16px}#conquest-dialog>.quiet-button{display:block;margin:14px auto 0}.help-steps{padding-left:20px}.help-steps li{margin-bottom:10px}.result-art{font-size:58px;color:var(--coral);line-height:1}.result-learning{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}@media(min-width:1500px){.conquest-layout{grid-template-columns:260px minmax(280px,1fr) 300px;gap:36px}.upgrade{padding:20px 0}.water-panel{padding-top:40px}}@media(max-width:1150px){.conquest-app{padding:0 20px}.conquest-layout{grid-template-columns:205px minmax(280px,1fr) 228px;gap:18px}.lake-vitals{gap:18px}.lake-vitals>div+div{padding-left:20px}.water-panel h2{font-size:22px}.time-controls{gap:10px}.news{padding-left:15px;gap:10px}#time-limit{display:none}.conquest-header{height:80px}.upgrade p{font-size:9px}}@media(max-width:850px){.conquest-layout{grid-template-columns:210px 1fr;gap:20px}.map-panel{grid-column:2;grid-row:1}.evolution-panel{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:20px 0}.evolution-heading,.evolution-intro{grid-column:span 2}.evolution-intro{margin:8px 0 15px}.evolution-intro br{display:none}.conquest-bottom{grid-template-columns:1fr}.news{border-left:0;border-top:1px solid var(--line);padding-left:0}.time-controls{padding:12px 0}.lake-vitals{gap:12px;grid-template-rows:minmax(0,1fr)}.lake-vitals>div+div{padding-left:12px}.lake-vitals span{font-size:10px}.lake-vitals strong{font-size:27px}.lake-vitals p{font-size:9px}.conquest-footer{display:block}.conquest-footer a{display:inline-block;margin-top:8px}.map-title{left:10px;right:10px}}@media(max-width:540px){.conquest-app{padding:0 16px}.conquest-header{height:76px;gap:16px;flex-wrap:wrap}.back-home{font-size:11px}.conquest-header>div{gap:7px}.mode-label{display:none}h1{font-size:24px}.conquest-header>.quiet-button{padding:9px 3px;font-size:11px}.lake-vitals{grid-template-columns:1fr 1fr;gap:18px;padding:18px 0}.lake-vitals>div:nth-child(3){border:0;padding-left:0}.lake-vitals>div+div{padding-left:18px}.lake-vitals strong{font-size:26px}.lake-vitals p{font-size:10px}.conquest-layout{display:flex;flex-direction:column;gap:0}.water-panel{width:100%;padding:22px 0}.water-panel h2{font-size:24px;line-height:1.5}.water-panel h2 br{display:none}.water-panel #setup>p{margin-bottom:0}.species-picker{margin-top:15px}.species-picker button{flex-direction:row;justify-content:center;font-size:11px;padding:13px 6px;min-height:52px}.species-picker svg{width:44px;height:24px}.water-panel p.species-description{min-height:0;margin:12px 0}.selected-water{margin-top:18px;padding:17px 0}.selected-water h3{font-size:22px}.map-panel{width:100%;order:-1;border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin-top:20px}#conquest-map{max-height:570px;min-height:0}.map-title{font-size:10px;top:15px}.map-key{font-size:9px;right:10px;bottom:12px}.map-geography text{font-size:14px}.map-geography .map-note{font-size:12px}.evolution-panel{width:100%;gap:0 18px;padding-top:8px}.evolution-heading h2{font-size:16px}.upgrade{padding:18px 0}.upgrade p{font-size:10px}.upgrade small{font-size:9px}.upgrade-button{padding:10px 8px;min-height:44px;font-size:10px}.upgrade-icon{font-size:20px}.upgrade-level{font-size:10px;letter-spacing:1px}.time-controls{flex-wrap:wrap;gap:14px}.day-counter>strong{font-size:26px}.playback button{min-width:38px;min-height:36px}#restart-button{margin-left:auto;padding:8px 0}#conquest-dialog{padding:25px}.news{gap:14px}.news-title{font-size:10px}.news li{font-size:11px}.news ol{height:75px}.conquest-footer{font-size:9px}.conquest-bottom{position:relative}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.conquest-bottom{position:sticky;bottom:0;z-index:5;background:#132c40}@media(max-width:540px){.conquest-layout{display:grid;grid-template-columns:minmax(0,1fr)}.water-panel{display:contents}.conquest-layout>*,.water-panel>*{grid-column:1}#setup,#running-intro{grid-row:1;padding-top:22px}.map-panel{grid-row:2}.selected-water{grid-row:3}#setup-actions,#water-actions{grid-row:4}#storage-warning{grid-row:5}.evolution-panel{grid-row:6}.conquest-bottom{position:static}.time-controls{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#193e53;padding:10px 16px;border-top:1px solid #6b9aad70}.conquest-footer{padding-bottom:90px}.node-label{font-size:16px}.node-count{font-size:12px}}@media(orientation:landscape)and (max-height:500px){.conquest-page header{padding:8px 16px;gap:8px}.conquest-page h1{font-size:18px}.conquest-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:12px;padding:8px 16px}.map-panel svg{max-height:60vh;width:auto;margin:0 auto;display:block}.time-controls{padding:6px 12px}.time-controls button{padding:6px 10px;font-size:11px}dialog{max-height:calc(100vh - 20px);overflow-y:auto}}@media(any-pointer:coarse){.time-controls .playback button{min-width:44px;min-height:44px}}@media(max-width:540px){.conquest-app{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.conquest-header{height:auto;min-height:76px;padding:max(8px,env(safe-area-inset-top)) 0 8px;gap:8px 14px}.conquest-header>.quiet-button{font-size:13px}.water-panel p,.upgrade p,.selected-water p{font-size:14px;line-height:1.8}.upgrade small,.lake-vitals p,.news li{font-size:12px;line-height:1.7}.upgrade-button,.species-picker button{font-size:13px}.time-controls{padding-bottom:max(10px,env(safe-area-inset-bottom));gap:8px 12px}.playback button{min-width:44px;min-height:44px}.conquest-footer{padding-bottom:calc(160px + env(safe-area-inset-bottom))}#conquest-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}}@media(any-pointer:coarse)and (orientation:landscape)and (max-height:500px){body{overflow:clip}.conquest-app{height:calc(100dvh - var(--lake-site-header-height, 48px));display:grid;grid-template-rows:44px 44px minmax(0,1fr) calc(56px + env(safe-area-inset-bottom));padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.conquest-header{height:auto;min-height:0;gap:12px}.conquest-header h1{font-size:20px}.conquest-header .mode-label{display:none}.conquest-header>.quiet-button{font-size:12px;padding:6px}.conquest-header .landscape-help{padding:6px 10px}.lake-vitals{grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 0;gap:12px;align-items:center}.lake-vitals>div+div{padding-left:10px}.lake-vitals>div{display:flex;gap:6px;align-items:baseline}.lake-vitals span{font-size:10px}.lake-vitals strong{font-size:19px;white-space:nowrap}.lake-vitals p,.vital-track{display:none}.conquest-layout{min-height:0;display:grid;grid-template-columns:minmax(155px,.8fr) minmax(200px,1.25fr) minmax(175px,.9fr);gap:12px;padding:8px 0;overflow:hidden}.water-panel,.evolution-panel{height:100%;max-height:100%;align-self:stretch;min-height:0;min-width:0;overflow-y:auto;padding:4px 6px 16px 0;display:block}.water-panel h2,.selected-water h3{font-size:18px}#running-intro h2,#running-intro>p:not(.species-tag){display:none}.water-panel p,.upgrade p{font-size:12px;line-height:1.6}.species-picker{gap:6px}.species-picker button{min-height:44px;padding:4px;font-size:11px}.species-picker svg{display:none}.species-description{display:none}.selected-water{padding:8px 0;margin-top:8px}.map-panel{min-height:0;margin:0;width:auto;grid-column:2;grid-row:1;border:1px solid var(--line)}#map-container{height:100%}#conquest-map{width:100%;height:100%;min-height:0;max-height:none}.map-title,.map-key{display:none}.evolution-panel{grid-column:3}.evolution-heading h2{font-size:15px}.evolution-intro,.upgrade small{display:none}.upgrade{padding:10px 0}.upgrade-heading h3{font-size:13px}.upgrade-button{font-size:12px}.conquest-bottom{position:static;display:block;border-top:1px solid var(--line)}.time-controls{position:static;padding:0 0 env(safe-area-inset-bottom);flex-wrap:nowrap;gap:12px;border:0}.day-counter>strong{font-size:24px}.playback button{font-size:12px}.news,.conquest-footer{display:none}.action-message{position:fixed;left:25%;right:25%;bottom:64px;font-size:12px}}.landscape-region-picker{display:none}@media(any-pointer:coarse)and (orientation:landscape)and (max-height:500px){.landscape-region-picker{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:12px;margin-bottom:10px}#landscape-region{min-height:44px;width:100%;max-width:100%;padding:6px 8px;font:inherit;font-size:16px;color:#dfeaf0;background:#193e53;border:1px solid #6b9aad70;border-radius:6px}}.conquest-top{display:none}.map-bubble{cursor:pointer}.map-bubble .bubble-hit{fill:transparent}.map-bubble .bubble-ring{fill:#f2c76bdd;stroke:#fff4cf;stroke-width:3;animation:bubble-bob 1.4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.map-bubble text{fill:#2b2210;font-size:28px;font-weight:800;text-anchor:middle;pointer-events:none}@keyframes bubble-bob{0%{transform:scale(.92)}to{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.map-bubble .bubble-ring{animation:none}}@media(any-pointer:coarse)and (orientation:landscape)and (max-height:520px){body.lake-site-page{--lake-site-header-height: 0px}.lake-site-header{display:none!important}.conquest-top{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:6px;border-radius:50%;color:inherit;text-decoration:none;background:#ffffff14}.conquest-header>div{display:flex;align-items:center}.conquest-app{height:100dvh;grid-template-rows:44px 36px minmax(0,1fr) calc(50px + env(safe-area-inset-bottom));padding-top:env(safe-area-inset-top);box-sizing:border-box;overflow:hidden}.map-panel{display:flex;flex-direction:column;min-height:0}.map-panel .map-key{display:none}.map-panel .map-title{font-size:11px;margin:0 0 2px}#map-container{flex:1;min-height:0}#map-container svg{width:100%;height:100%}}.difficulty-picker{border:0;padding:0;margin:22px 0 0;min-width:0}.difficulty-picker legend{font-size:13px;color:var(--gold);margin-bottom:8px}.difficulty-picker>div{display:flex;gap:5px}.difficulty-picker button{flex:1;min-height:44px;border:1px solid var(--line);background:#193e53;border-radius:6px;font-size:12px;padding:6px 3px}.difficulty-picker button[aria-pressed=true]{border-color:var(--gold);background:#435349;color:#fff4cf}.difficulty-picker p{margin-bottom:5px}.difficulty-picker small,#environment-status{color:var(--muted);font-size:11px;line-height:1.7}.difficulty-tag{color:var(--gold)!important;font-size:12px!important}.defence-panel{padding:10px 14px;background:#102939;border-top:1px solid var(--line);font-size:12px}.defence-panel>div:first-child{display:flex;justify-content:space-between;gap:12px}.defence-panel strong{font-weight:500}.defence-panel .vital-track{max-width:none}.defence-panel .vital-track i{background:var(--gold)}.defence-panel p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.defence-panel .operation-warning{color:#ffcc89}.operation-planned .node-ring{stroke:var(--gold);stroke-width:3;stroke-dasharray:4 3}.operation-active .node-ring{stroke:#ff8a70;stroke-width:5;stroke-dasharray:none}.operation-planned .node-count{fill:#fff4cf}@media(any-pointer:coarse)and (orientation:landscape)and (max-height:520px){.difficulty-picker{margin-top:10px}.difficulty-picker p{font-size:11px}.defence-panel{flex-shrink:0;padding:5px 8px;font-size:10px}.defence-panel p{font-size:10px;line-height:1.35;margin-top:4px}#running-intro .difficulty-tag{display:block;margin:4px 0}.defence-panel .vital-track{margin-top:3px}}.map-panel{display:flex;flex-direction:column}.map-panel .map-title{position:static;padding:14px 16px 0}.map-panel .defence-panel{order:-1}.map-panel #map-container{width:100%}@media(any-pointer:coarse)and (orientation:landscape)and (max-height:520px){#running-intro>p.difficulty-tag{display:block;margin:4px 0}}