:root{--ink:#2c4338;--paper:#f7efd9;--muted:#839276;--gold:#d5b777;--dark:#29463b;--line:#d5c9a7;--font:'Trebuchet MS',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:var(--font);color:var(--ink);background:#758969}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible{outline:3px solid #f1c160;outline-offset:3px}[hidden]{display:none!important}#map{position:fixed;inset:0;width:100%;height:100%;touch-action:none}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.07)}.top{position:fixed;left:16px;right:16px;top:14px;display:flex;gap:12px;align-items:stretch;z-index:5;pointer-events:none}.top>*{pointer-events:auto}.brand{background:#29453bec;color:#f1e7c6;border:1px solid #e4d19d55;border-radius:12px;padding:11px 16px;box-shadow:0 6px 24px #263e3226;min-width:185px}.brand b{font:700 23px Georgia;letter-spacing:.8px;display:block}.brand small{font-size:8px;letter-spacing:2.7px;text-transform:uppercase;color:#cfcdad;display:block;margin-top:4px}.stats{display:flex;background:#f9f0dce8;border:1px solid #fff5de;box-shadow:0 6px 25px #38513724;border-radius:12px;backdrop-filter:blur(12px);padding:8px 6px;min-width:0;flex:1;max-width:765px;align-items:center}.stat{padding:0 18px;flex:1;border-right:1px solid #d6ccb2}.stat:last-child{border:0}.stat small{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#7f8870;display:block;white-space:nowrap}.stat b{display:block;font-size:21px;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:3px;letter-spacing:-.4px}.stat i{font-size:11px;font-style:normal;font-weight:normal}.time{margin-left:auto;display:flex;align-items:center;gap:4px;padding:7px;background:#29453bee;border-radius:12px;border:1px solid #e4d19d44}.time button{height:36px;min-width:34px;border-radius:6px;border:1px solid #a7b69330;background:#ffffff08;color:#f6e6bd;font-weight:bold}.calendar{position:fixed;top:94px;left:50%;transform:translateX(-50%);border-radius:25px;background:#f6efd7dd;border:1px solid #fff4d2b3;box-shadow:0 4px 12px #35513010;backdrop-filter:blur(7px);padding:8px 15px;font-size:11px;z-index:3;white-space:nowrap}.calendar b{font-size:12px}.calendar span{color:#7f8b71;margin:0 8px}.left{position:fixed;left:16px;top:108px;width:222px;z-index:4}.paper{border:1px solid #fff2d8;border-radius:12px;background:#f9f0dae9;box-shadow:0 7px 24px #29493227;backdrop-filter:blur(10px);overflow:hidden}.paperHead{background:#335a47;color:#ede4bd;border-bottom:2px solid #b4b180;padding:16px}.paperHead small{font-size:8px;letter-spacing:2px;display:block;margin-bottom:6px}.paperHead h1{font:700 21px/1.12 Georgia;margin:0}.paperBody{padding:15px}.quests{display:flex;flex-direction:column;gap:10px;margin:0 0 12px}.quest{font-size:11px;line-height:1.45;display:flex;gap:9px;color:#748068}.quest i{font-style:normal;width:16px;height:16px;flex-shrink:0;border:1px solid #b0b08d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;margin-top:1px}.quest.done{color:#3b6a45}.quest.done i{background:#668955;border-color:#668955;color:#fff1c9}.quest.current{color:#384f36;font-weight:bold}.progress{height:5px;border-radius:4px;background:#dfd7b9}.progress i{display:block;height:100%;background:#98a365;border-radius:4px;transition:width .3s}.btn{background:#e2c88d;color:#3a5038;border:1px solid #baa66e;border-bottom:3px solid #b6a470;border-radius:7px;padding:10px 13px;font-size:12px;font-weight:bold;line-height:1.3}.btn.alt{background:#edf0d7;border-color:#b4bf9d}.btn.red{background:#edd4b2;border-color:#ba977a;color:#87523b}.btn.dark{background:#365b48;color:#f7eac9;border-color:#254735}.btn.full{display:block;width:100%;margin-top:13px}.muted{font-size:11px;color:#7b8871;line-height:1.6}.weatherInfo{font-size:10px;padding:12px 5px;color:#455d42;text-shadow:0 1px #e9e4c8;display:flex;justify-content:space-between;gap:8px}.right{position:fixed;right:16px;top:112px;width:240px;z-index:6;padding:14px;background:#f9f1dfed;border:1px solid #fff5dd;border-radius:12px;box-shadow:0 7px 28px #29463330;backdrop-filter:blur(12px);max-height:calc(100vh - 265px);overflow-y:auto}.right .close{position:absolute;right:8px;top:5px;border:0;background:transparent;color:#789071;font-size:23px;z-index:1}.portrait{width:100%;height:140px;object-fit:contain;display:block;filter:drop-shadow(0 6px 5px #31473313);margin:2px auto 8px}.right h2{font:700 22px/1.1 Georgia;margin:5px 0 6px}.right .sub{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#869070}.right p{font-size:11px;line-height:1.6;margin:11px 0;color:#67775f}.kv{display:flex;justify-content:space-between;font-size:11px;padding:5px 0;border-bottom:1px solid #dcd6ba66;gap:8px}.kv b{font-variant-numeric:tabular-nums;text-align:right}.actions{display:flex;flex-direction:column;gap:7px;margin-top:12px}.actions .btn{font-size:11px}.noticeSmall{padding:9px;background:#ece7cc;border-radius:7px;font-size:10px;line-height:1.5;margin-top:9px}.maptools{position:fixed;right:17px;bottom:174px;display:flex;flex-direction:column;gap:5px;z-index:3}.maptools button{width:32px;height:32px;border:1px solid #f7eecb;background:#f5eedcce;border-radius:8px;color:#496546;font-size:18px;box-shadow:0 3px 12px #2b48371c}.dockWrap{position:fixed;bottom:29px;left:50%;transform:translateX(-50%);width:min(965px,calc(100% - 34px));z-index:5;display:flex;flex-direction:column;align-items:center;gap:7px}.dockTabs{display:flex;gap:4px;align-items:center;background:#f6ecd1e8;padding:4px;border:1px solid #fef4d2;border-radius:8px;box-shadow:0 3px 12px #314b3420}.dockTabs button{border:0;background:transparent;border-radius:5px;font-size:11px;color:#476040;padding:6px 13px;font-weight:bold}.dockTabs button:hover{background:#d8d9b6}.dock{display:flex;width:100%;gap:5px;padding:8px;border-radius:13px;border:1px solid #a0ac8670;background:#294c3fef;box-shadow:0 10px 35px #293f3745;backdrop-filter:blur(10px)}.build{position:relative;flex:1;min-width:0;background:linear-gradient(145deg,#4c6a4e,#3a5a45);border:1px solid #bbcba32c;border-bottom:3px solid #203d3180;border-radius:7px;color:#f0e8c5;padding:3px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.build:hover{transform:translateY(-4px)}.build.active{background:linear-gradient(140deg,#dbcb8c,#aeb780);color:#284732;border-color:#eddfaa}.build img{width:84px;height:52px;object-fit:contain;max-width:100%;filter:drop-shadow(0 3px 3px #20382030)}.build .name{font-size:10px;font-weight:bold;white-space:nowrap}.build .cost{font-size:9px;color:#cfc58e;font-variant-numeric:tabular-nums}.build.active .cost{color:#506d40}.build kbd{position:absolute;left:5px;top:5px;font-size:7px;color:#bdcda6;border:1px solid #becf9d30;border-radius:2px;padding:0 3px}.footer{position:fixed;bottom:7px;left:18px;right:18px;z-index:3;display:flex;justify-content:space-between;gap:15px;color:#324f3c;font-size:10px;text-shadow:0 1px #ede4c18a}.footer .tag{font-size:8px;letter-spacing:1px;white-space:nowrap}.footer .radio{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio b{font-size:8px;letter-spacing:1px}.toast{position:fixed;top:137px;left:50%;transform:translate(-50%,-8px);max-width:min(450px,80vw);width:max-content;border-radius:10px;background:#fcf2dcee;box-shadow:0 8px 30px #28493435;padding:13px 19px;border:1px solid #f8e4b3;border-left:4px solid #79945b;z-index:9;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;backdrop-filter:blur(8px)}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.bad{border-left-color:#b57853}.toast.win{border-left-color:#d2a753}.toast b{display:block;font:700 16px Georgia}.toast p{margin:5px 0 0;font-size:11px;line-height:1.5;color:#6c7a61}.modal{position:fixed;inset:0;z-index:20;background:#213b32ab;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:28px}.modal article{background:#f8efd9;border:1px solid #fff3d4;border-radius:17px;box-shadow:0 20px 80px #15382750;padding:27px;max-width:970px;width:100%;max-height:calc(100vh - 56px);overflow:auto;position:relative}.modal .x{position:absolute;right:17px;top:13px;font-size:26px;color:#758567;border:0;background:none}.modal h2{font:700 30px Georgia;margin:0 0 8px}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#899476;margin-bottom:7px;display:block}.modal h3{font:700 19px Georgia;margin:24px 0 10px}.modal p{font-size:12px;line-height:1.7;color:#66775c}.cols{display:grid;grid-template-columns:1fr 1fr;gap:23px}.summaryCards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:19px 0}.summaryCards div{border:1px solid #ded4b4;padding:13px;background:#fef6e0;border-radius:9px}.summaryCards small{display:block;font-size:9px;color:#849073;margin-bottom:6px}.summaryCards b{font-size:20px;font-variant-numeric:tabular-nums}.tableScroll{overflow:auto;max-height:260px;border:1px solid #ded6b9;border-radius:7px}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th,td{padding:9px 11px;text-align:right;border-bottom:1px solid #e1d9bd;font-variant-numeric:tabular-nums}th{background:#e8e6cb;color:#617452;position:sticky;top:0}th:first-child,td:first-child{text-align:left}.infoBlock{border:1px solid #dbd0ad;border-radius:10px;padding:17px;background:#fff6df}.infoBlock h3{margin-top:0}.infoBlock label{font-size:11px;display:block;margin:8px 0}input[type=range]{width:100%;accent-color:#759051}.rowButtons{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.pill{display:inline-block;padding:4px 8px;background:#dce4c3;border-radius:5px;font-size:10px;color:#557249}.negative{color:#a0694b!important}.positive{color:#49764f!important}.meter{margin:9px 0;background:#d5debd;border-radius:5px;height:10px;overflow:hidden}.meter>i{height:100%;display:block;background:#6c9d83}.flowBox{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin:22px 0}.flowCell{border:1px solid #c8d0b0;background:#e4ecd3;padding:18px;border-radius:10px;min-width:140px;text-align:center}.flowCell b{display:block;font-size:23px;margin-top:7px}.waterSketch{padding:18px;background:#e7ead1;border-radius:10px;font-size:12px;line-height:1.9}.playerRow{display:flex;align-items:center;gap:12px;padding:12px;background:#e4e8cd;border-radius:9px;margin-bottom:9px}.playerRow button{flex-shrink:0}.playerRow div{flex:1}.playerRow b{font-size:12px}.playerRow small{display:block;font-size:10px;margin-top:4px;color:#79896a}.event{padding:11px 0;border-bottom:1px solid #dcd5bb}.event b{font:700 14px Georgia}.event p{margin:4px 0;font-size:11px}.welcome{z-index:30;background:#20362bf0;backdrop-filter:none;padding:0}.welcome .cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.65) saturate(.8)}.welcome::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#132b28e8,#213b2955 72%,#20332911)}.welcome .welcomeContent{position:relative;z-index:2;color:#f5eccf;max-width:560px;padding:55px;margin-right:36vw}.welcome .eyebrow{color:#d3c68e;font-size:10px}.welcome h1{font:700 clamp(44px,5vw,73px)/.97 Georgia;letter-spacing:-2px;margin:18px 0}.welcome h1 em{font-style:normal;color:#d7c48a}.welcome p{font-size:14px;line-height:1.8;color:#d7ddc0}.welcome .btn{padding:14px 19px;font-size:13px}.welcome .btn.alt{background:#ffffff13;border-color:#d2d7ad66;color:#f4e7c1}.welcome .small{font-size:10px;color:#c0c8ad;margin-top:28px;line-height:1.65}.loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#e1e7cf;color:#385642;font:26px Georgia}.loading small{display:block;font:12px var(--font);text-align:center;margin-top:12px}.hiddenUI .top,.hiddenUI .left,.hiddenUI .right,.hiddenUI .dockWrap,.hiddenUI .calendar,.hiddenUI .footer{display:none!important}.hiddenUI .maptools{opacity:.25}.hiddenUI .maptools:hover{opacity:1}.helpList p{margin:9px 0}kbd{border:1px solid #bbc2a0;background:#e7e5ca;border-radius:4px;padding:1px 5px;font-size:10px}.audioDot{height:6px;width:6px;display:inline-block;background:#9fac6a;border-radius:50%;margin-right:5px}
@media(max-width:1200px){.brand{min-width:160px;padding:12px}.brand b{font-size:18px}.brand small{font-size:7px;letter-spacing:1.8px}.top{gap:7px}.stat{padding:0 11px}.stat b{font-size:17px}.left{width:193px}.right{width:210px}.portrait{height:112px}.paperHead h1{font-size:18px}.quest{font-size:10px}.time button{min-width:29px}.build .name{font-size:9px}.build img{height:48px}.dockWrap{width:min(855px,calc(100% - 34px))}.modal article{max-width:850px}}
@media(max-width:850px){.top{top:8px;left:8px;right:8px;flex-wrap:wrap;gap:5px}.brand{order:0;padding:7px 11px;min-width:0}.brand b{font-size:18px}.brand small{font-size:6px}.time{order:1}.stats{order:2;flex:1 0 100%;max-width:none;padding:7px 0}.stat{padding:0 8px}.stat small{font-size:7px;letter-spacing:.5px}.stat b{font-size:14px}.stat i{font-size:8px}.time button{height:29px;min-width:27px;font-size:12px}.calendar{top:116px;left:auto;right:9px;transform:none;padding:6px 10px;font-size:9px}.calendar b{font-size:10px}.left{top:122px;left:8px;width:161px}.paperHead{padding:10px 11px}.paperHead h1{font-size:17px}.paperHead small{font-size:7px;letter-spacing:1px}.paperBody{padding:10px}.quest{font-size:9px;gap:6px}.quests{gap:7px}.quest i{width:13px;height:13px;font-size:7px}.paperBody .btn{font-size:10px;padding:7px}.weatherInfo{display:none}.right{right:8px;top:151px;width:181px;max-height:calc(100vh - 315px);padding:10px}.right h2{font-size:18px}.right p{font-size:10px}.portrait{height:87px}.kv{font-size:10px}.dockWrap{width:calc(100% - 16px);bottom:28px}.dock{overflow-x:auto;gap:3px;padding:5px}.build{min-width:75px;padding:3px 2px 6px}.build img{height:40px;width:67px}.build .name{font-size:9px}.build .cost{font-size:8px}.dockTabs button{font-size:10px;padding:6px 8px}.maptools{right:8px;bottom:166px;flex-direction:row;gap:4px}.maptools button{height:27px;width:27px;font-size:15px}.footer{font-size:8px;left:8px;right:8px}.footer .tag{font-size:6px}.modal{padding:12px}.modal article{padding:21px 16px;max-height:calc(100vh - 24px)}.modal h2{font-size:25px}.cols{grid-template-columns:1fr;gap:13px}.summaryCards{grid-template-columns:1fr 1fr}.summaryCards b{font-size:17px}.toast{top:160px;max-width:82vw}.toast b{font-size:14px}.toast p{font-size:10px}.welcome .welcomeContent{padding:28px;margin:0;width:100%;max-width:530px}.welcome h1{font-size:51px}.welcome p{font-size:12px}.welcome .btn{font-size:12px;padding:12px}.welcome .small{font-size:9px}}
@media(max-height:720px) and (min-width:851px){.left{top:94px}.paperHead{padding:11px}.paperBody{padding:11px}.quests{gap:7px}.portrait{height:91px}.right{top:93px}.calendar{top:88px}.build img{height:40px}.build{padding-bottom:4px}.dockWrap{gap:5px}.dockTabs button{padding:4px 11px}.dock{padding:6px}}

.brand{display:flex;align-items:center;gap:9px;min-width:238px}.brand #brandLogo{width:36px;height:36px;object-fit:contain}.brand small{font-size:6.5px;letter-spacing:1.2px}.sceneCards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0}.sceneCards section{background:#e8e4ce;border:1px solid #d4ccb1;border-radius:12px;padding:14px}.sceneCards h3{margin:7px 0}.sceneCards p{font-size:12px;min-height:72px}.sceneCards img{display:block;object-fit:contain;height:96px;width:100%}.settingsRow{display:flex;gap:18px;flex-wrap:wrap;padding:10px 0;font-size:13px}.sceneNote{background:#ecdbc2;padding:10px 14px;border-radius:9px;font-size:12px}.welcome h1{font-size:clamp(35px,4.3vw,65px);max-width:760px;line-height:1.08}.dockTabs{flex-wrap:wrap}.dockWrap{width:min(980px,calc(100% - 34px))}@media(max-width:850px){.brand{min-width:0}.brand #brandLogo{width:28px;height:28px}.brand b{font-size:16px}.brand small{font-size:6px}.sceneCards{grid-template-columns:1fr}.sceneCards section{display:grid;grid-template-columns:85px 1fr;gap:8px}.sceneCards img{grid-row:1/4;height:88px}.sceneCards p{min-height:0;margin:0}.dockTabs button{font-size:10px!important;padding:6px 8px!important}}

/* Space is reserved for both locales; the original art and map remain unchanged. */
html{scrollbar-gutter:stable}
.brand{width:268px;min-width:268px;flex-shrink:0}
.brand b{font-size:21px}
.stats{min-width:0;flex:1}
.stat{flex:1;min-width:0;text-align:center}
.stat small{display:block;min-height:11px}
.stat b{white-space:normal;overflow-wrap:anywhere}
.stat:first-child{flex:1.6}
.paperHead small{min-height:20px}
.paperHead h1{min-height:48px}
.quest{min-height:32px}.paperBody .btn.full{min-height:48px}
.dockTabs{display:grid;grid-template-columns:repeat(6,1fr);width:min(860px,100%)}
.dockTabs button{min-height:38px;padding:5px 9px;line-height:1.25}
.build .name{min-height:24px;white-space:normal;text-align:center;display:grid;place-items:center}
.right h2{min-height:49px}.right .sub{min-height:24px}
.actions .btn{min-height:42px}
.welcome .welcomeContent{width:560px}
.welcome h1{min-height:218px}
.welcome .rowButtons{display:grid;grid-template-columns:1fr 1fr}
.welcome .rowButtons .btn{min-height:64px;padding:10px;line-height:1.3}
.languageSwitch{position:fixed;bottom:4px;right:18px;z-index:40;display:grid;grid-template-columns:40px 40px;gap:4px;padding:2px;background:#29463bf0;border-radius:7px}
.languageSwitch button{width:40px;height:24px;color:#f7edce;border:1px solid #c5cfaa55;background:transparent;border-radius:5px;font-weight:700}
.languageSwitch button[aria-pressed=true]{background:#e2c88d;color:#29463b}
body:has(#welcome:not([hidden])) .languageSwitch{top:20px;bottom:auto;right:20px}
.footer{padding-right:100px}.footer .radio{max-width:70%}
.rowButtons>.btn{min-width:140px;min-height:44px}
.v5toolbar select{width:190px}.v5toolbar .btn{width:110px}
@media(max-width:1200px){.brand{min-width:230px;width:230px}.brand b{font-size:18px}}
@media(max-width:850px){.brand{width:210px;min-width:0}.brand b{font-size:16px}.paperHead h1{min-height:42px}.quest{min-height:32px}.dockTabs{grid-template-columns:repeat(3,1fr);width:100%}.dockTabs button{min-height:30px}.welcome .welcomeContent{width:100%}.welcome h1{min-height:196px}.languageSwitch{right:8px}.footer .tag{display:none}.footer .radio{max-width:100%}.right h2{min-height:40px}.paperBody .btn.full{min-height:44px}.maptools{bottom:205px}.dockWrap{width:calc(100% - 16px)}.top{justify-content:space-between}.top .brand{flex:1;min-width:150px}.time{margin-left:0}.sceneCards .btn{min-height:44px;width:100%}.rowButtons>.btn{flex:1;min-width:135px}}

@media(max-width:850px){
  /* Fixed header and dock bands leave a separate, scrollable panel region. */
  body{--panel-top:216px;--panel-bottom:242px}
  .top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:72px 86px;gap:5px}
  .top .brand{width:auto;min-width:0;padding:7px;gap:6px}
  .brand>div{min-width:0}
  .brand b,.brand small{overflow-wrap:anywhere}
  .time{padding:5px;gap:3px;min-width:0}
  .time button{width:27px;min-width:27px;flex-shrink:0}
  .stats{grid-column:1/-1;flex:1 0 100%;width:100%;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(min-content,1fr));padding:4px 0;overflow-y:auto}
  .stat{padding:2px 7px;min-width:0;align-self:start}
  .stat:first-child{grid-column:span 2}
  .stat:nth-child(2){border-right:0}
  .stat small{white-space:normal;overflow-wrap:anywhere;line-height:1.2;letter-spacing:0}
  .stat b{font-size:14px;line-height:1.2;margin-top:2px;letter-spacing:0}
  .calendar{top:176px;left:8px;right:8px;max-height:32px;overflow-y:auto;text-align:center;white-space:normal;line-height:1.3}
  .left,.right{top:var(--panel-top);bottom:var(--panel-bottom);max-height:calc(100vh - var(--panel-top) - var(--panel-bottom));max-height:calc(100dvh - var(--panel-top) - var(--panel-bottom))}
  .left{width:min(300px,calc(100% - 16px));display:flex;flex-direction:column;pointer-events:none}
  .left .paper{max-height:100%;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto}
  .paperHead{padding:8px 10px}
  .paperHead small,.paperHead h1{min-height:0}
  .paperBody{padding:8px 10px}
  .quests{gap:5px;margin-bottom:8px}
  .quest{min-height:0;font-size:10px}
  .paperBody .btn.full{margin-top:8px}
  /* The existing close action restores the mission panel. */
  body:has(#selection:not([hidden])) .left{visibility:hidden;pointer-events:none}
  .right{width:min(360px,calc(100% - 16px));padding:8px;overflow:hidden}
  .right .close{top:5px;right:5px;width:32px;height:32px;background:var(--paper);border-radius:6px}
  #selectionBody{height:100%;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 8px;align-content:start}
  #selectionBody>*{grid-column:1/-1;min-width:0}
  #selectionBody .portrait{grid-column:1;grid-row:1/3;width:64px;height:60px;margin:0}
  #selectionBody h2{grid-column:2;grid-row:1;min-height:0;margin:3px 0 0;padding-right:32px;font-size:18px;overflow-wrap:anywhere}
  #selectionBody .sub{grid-column:2;grid-row:2;min-height:0;padding-right:32px;overflow-wrap:anywhere}
  #selectionBody:not(:has(.portrait)){grid-template-columns:minmax(0,1fr)}
  #selectionBody:not(:has(.portrait)) h2,#selectionBody:not(:has(.portrait)) .sub{grid-column:1}
  #selectionBody .actions{grid-row:3;margin:4px 0;gap:5px}
  #selectionBody p{margin:6px 0}
  .kv span,.kv b,.actions .btn{overflow-wrap:anywhere}
  .dockWrap{bottom:32px;gap:7px}
  .dockTabs{height:74px;grid-template-rows:repeat(2,minmax(0,1fr))}
  .dockTabs button{min-width:0;overflow-wrap:anywhere}
  .dock{height:88px}
  .build{flex:0 0 75px}
  .build .name{min-height:22px;line-height:1.2}
  .build:hover{transform:none}
  .maptools{bottom:207px}
}

@media(max-width:360px){
  .top .brand{padding:5px;gap:4px;overflow:hidden}
  .brand #brandLogo{width:22px;height:22px;flex-shrink:0}
  .brand b,.brand small{white-space:normal;overflow-wrap:normal;word-break:normal;letter-spacing:0}
  .brand b{font-size:14px;line-height:1.1}
  .brand small{font-size:6px;line-height:1.15;margin-top:3px}
}