@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap";:root{--ink:#233b35;--paper:#f4ecdc;--gold:#b78c48;--muted:#738174;--line:#c8c5ae;--serif:"Libre Baskerville",Georgia,serif;--sans:"DM Sans",sans-serif;color:var(--ink);font-family:var(--sans);font-size:13px}*{box-sizing:border-box}body{background:#afc5bd;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible{outline-offset:3px;outline:2px solid #bb8435}#world{position:fixed;inset:0}canvas{display:block}button:disabled{opacity:.42;cursor:default}.top{pointer-events:none;align-items:center;gap:30px;display:flex;position:fixed;top:20px;left:24px;right:24px}.top>*{pointer-events:auto}.identity{text-shadow:0 1px 12px #ffffff80;align-items:center;gap:12px;display:flex}.seal{font:700 27px var(--serif);border:1px solid var(--ink);background:#f4ecdc99;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.identity h1{font:700 24px var(--serif);margin:0}.identity p{letter-spacing:2.6px;margin:7px 0 0;font-size:9px;font-weight:700}.resources{background:#f4ecdcf0;border:1px solid #d2c9b2;border-radius:4px;gap:20px;padding:14px 24px;display:flex;box-shadow:0 3px 15px #18352a15}.resources span{align-items:center;gap:7px;font-size:11px;display:flex}.resources b{font-variant-numeric:tabular-nums;font-size:17px}.resources i{color:#927542;font-size:22px;font-style:normal}.top-actions{gap:6px;margin-left:auto;display:flex}.top-actions button{background:#f4ecdce8;border:1px solid #d2c9b2;border-radius:50%;width:36px;height:36px;font-size:19px}.objective{pointer-events:none;border-left:3px solid var(--gold);background:linear-gradient(110deg,#f4ecdcef,#f4ecdccb);width:280px;padding:17px 19px;position:fixed;top:105px;left:26px;box-shadow:0 6px 22px #1a382415}.eyebrow{letter-spacing:2px;color:#8f7747;font-size:9px;font-weight:700}.objective h2{font:400 17px/1.5 var(--serif);margin:10px 0}.objective p{color:#596655;margin:0;font-size:12px;line-height:1.6}.steps{color:#9b9b84;border-top:1px solid #d9cfb9;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;padding-top:13px;font-size:10px;display:grid}.steps .done{color:#4a7458;font-weight:700}.steps .active{color:#a57830;font-weight:700}.orders{background:#f4ecdcf5;border:1px solid #cabc9f;border-radius:4px;align-items:stretch;max-width:calc(100vw - 52px);display:flex;position:fixed;bottom:62px;left:26px;box-shadow:0 8px 26px #15332524}.selection{border-right:1px solid #d2c6ad;width:220px;padding:17px 19px}.selection h2{font:400 16px var(--serif);margin:8px 0}.selection p{color:#72806f;margin:0;font-size:11px}.order-buttons{gap:4px;padding:8px;display:flex}.order-buttons button{background:0 0;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;min-width:91px;padding:7px 8px;transition:background .15s;display:flex}.order-buttons button:hover:not(:disabled){background:#e7dcc2}.order-buttons button span{color:#7e743d;height:32px;font:25px Georgia}.order-buttons button b{white-space:nowrap;margin-top:3px;font-size:10px;font-weight:600}.order-buttons button small{color:#8b927d;margin-top:6px;font-size:9px}footer{text-shadow:0 1px 8px #fff;background:#f4ecdcba;border-radius:3px;justify-content:space-between;align-items:center;gap:10px;padding:5px 10px;font-size:10px;display:flex;position:fixed;bottom:20px;left:26px;right:26px}footer>div{align-items:center;gap:10px;display:flex}footer button{background:0 0;border-bottom:1px solid #839075;padding:3px;font-size:10px}footer span{color:#4b6758}#toast{color:var(--paper);opacity:0;pointer-events:none;text-align:center;background:#223c34ec;border:1px solid #c9b887;border-radius:4px;max-width:420px;padding:12px 20px;font-size:12px;transition:all .2s;position:fixed;top:95px;left:50%;transform:translate(-50%,-10px)}#toast.show{opacity:1;transform:translate(-50%)}#selection-box{pointer-events:none;background:#e6cf8425;border:1px solid #e6cf84;display:none;position:fixed}#loading{z-index:20;background:#efe8d6;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.compass{color:#ad894c;font-size:56px}#loading h1{font:38px var(--serif);margin:22px 0 8px}#loading p{color:#79806c;letter-spacing:1px;font-size:12px}dialog{color:var(--ink);background:#f6efdf;border:1px solid #b3a37f;border-radius:5px;max-width:500px;padding:34px 38px;box-shadow:0 20px 90px #132e3750}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15312e5a}dialog h2{font:26px/1.5 var(--serif)}dialog p{color:#62705f;line-height:1.8}dialog ol{padding-left:20px}dialog li{padding:6px 0 6px 3px;line-height:1.7}.close{background:0 0;font-size:25px;position:absolute;top:10px;right:15px}.guide-note{font-size:11px}.begin{background:var(--ink);color:var(--paper);border-radius:3px;padding:12px 18px}dialog a{color:#8b7856;margin-top:16px;font-size:10px;display:block}@media (width<=1000px){.orders{right:26px}.selection{width:165px;padding:14px}.order-buttons{flex:1;justify-content:space-around}.order-buttons button{min-width:65px;padding:6px 3px}.resources{gap:13px;padding:12px 15px}footer>div>span{display:none}}@media (width<=650px){.top{gap:12px;top:12px;left:12px;right:12px}.identity h1{font-size:18px}.identity p{display:none}.seal{width:32px;height:32px;font-size:20px}.resources{gap:10px;padding:8px 10px}.resources span{gap:4px;font-size:0}.resources b{font-size:14px}.resources i{font-size:17px}.top-actions button{width:27px;height:27px;font-size:15px}.top-actions{gap:3px}.objective{width:220px;padding:12px;top:73px;left:12px}.objective h2{margin:6px 0;font-size:13px}.objective p{font-size:10px}.steps{display:none}.orders{max-width:none;display:block;bottom:43px;left:12px;right:12px}.selection{border-bottom:1px solid #d2c6ad;border-right:0;align-items:center;gap:12px;width:auto;padding:8px 12px;display:flex}.selection .eyebrow{display:none}.selection h2{margin:0;font-size:12px}.selection p{font-size:9px}.order-buttons button b{font-size:8px}.order-buttons button{min-width:45px}.order-buttons button span{height:25px;font-size:21px}.order-buttons button small{font-size:8px}footer{font-size:8px;bottom:10px;left:12px;right:12px}#tip{display:none}dialog{max-width:90vw;padding:25px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=450px){.seal{display:none}.identity h1{font-size:14px}.top{gap:8px}.resources{gap:8px;padding:7px 8px}.resources i{font-size:14px}.top-actions{gap:3px}.top-actions button{width:25px;height:25px}}[hidden]{display:none!important}#chart{background:#f4ecdcdf;border:1px solid #c6bfa8;border-radius:3px;flex-direction:column;gap:5px;width:144px;padding:6px;display:flex;position:fixed;top:88px;right:26px}#minimap{cursor:crosshair;width:130px;height:130px}#explored{text-align:center;color:#5c715f;font-size:9px}#context-panel{background:#f4ecdcf7;border:1px solid #cabc9f;border-radius:4px;width:285px;max-height:calc(100vh - 275px);padding:18px;position:fixed;bottom:62px;right:26px;overflow:auto;box-shadow:0 8px 26px #15332524}#context-panel h2{font:17px var(--serif);margin:10px 0 14px}#context-panel p{color:#61705f;font-size:11px;line-height:1.65}#context-panel label{justify-content:space-between;align-items:center;gap:8px;margin:13px 0;font-size:11px;display:flex}#context-panel select{max-width:155px;color:var(--ink);font:inherit;background:#e6dcc7;border:1px solid #cabc9f;border-radius:3px;padding:5px}#context-panel input[type=range]{accent-color:#7d8b60;width:130px}#context-panel input[type=color]{background:0 0;border:0;width:55px;height:25px;padding:0}.context-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}#context-panel button:not(#close-context){background:#e5d8bc;border-radius:3px;padding:9px;font-size:10px;line-height:1.4}#context-panel button:hover:not(:disabled){background:#daccaa}#close-context{background:0 0;font-size:20px;position:absolute;top:8px;right:8px}.orders{max-width:calc(100vw - 370px)}@media (width<=1200px){.orders{max-width:calc(100vw - 52px)}#context-panel{width:260px;max-height:calc(100vh - 290px);bottom:180px}}@media (width<=650px){#chart{width:90px;top:71px;right:12px}#minimap{width:76px;height:76px}#explored{font-size:7px}.objective{width:calc(100vw - 124px)}#context-panel{width:245px;max-height:calc(100vh - 300px);bottom:175px;right:12px}.orders{max-width:none}.top{gap:6px}.top-actions button{width:22px;height:22px}}@media (width>=651px){[data-social-chat=harborfolk]{bottom:76px!important}}@media (width<=650px){[data-social-chat=harborfolk]{top:253px;bottom:auto!important;right:12px!important}}.top-actions #idle-folk{width:auto;min-width:56px;font:11px var(--sans);border-radius:4px;padding:0 9px}@media (width<=650px){.top-actions #idle-folk{min-width:40px;padding:0 5px;font-size:8px}}#minimap{aspect-ratio:4/3;height:auto}.loading-recovery{flex-wrap:wrap;justify-content:center;gap:10px;max-width:520px;margin:20px;display:flex}.loading-recovery button{color:#24352f;background:#eee2ca;border:1px solid #a99b7a;border-radius:4px;padding:12px 16px}#front-end{--front-gold:#d6b875;--front-ink:#f4e9d4;z-index:70;color:var(--front-ink);font:14px/1.5 var(--sans);background:#0c2233 url(/assets/harborfolk-dawn-cover.webp) 50%/cover no-repeat;position:fixed;inset:0;overflow:auto}#front-end[hidden]{display:none}.front-vignette{pointer-events:none;background:linear-gradient(90deg,#071b2ddd 0%,#0a1f3166 40%,#0000 80%),linear-gradient(#0000 70%,#071724e6);position:absolute;inset:0}.front-brand{width:max-content;max-width:90vw;padding:5vh 6vw 0;position:relative}.front-kicker{letter-spacing:3px;color:#cdb77e;font-size:10px}.front-crest{color:var(--front-gold);margin:12px 0 -10px;font:36px Georgia}.front-brand h1{font:clamp(44px,5.6vw,86px)/1.1 var(--serif);letter-spacing:2px;text-shadow:0 3px 15px #071724;margin:12px 0 8px;font-weight:400}.front-state{color:#d0c6b0;letter-spacing:.3px;margin-top:12px;font-size:10px}.front-brand>p{letter-spacing:3px;color:#c9d5d6;margin:0;font-size:10px}.front-layout{align-items:start;gap:5vw;padding:4vh 6vw 100px;display:flex;position:relative}.front-nav{flex-shrink:0;gap:3px;width:300px;display:grid}.front-nav>button{text-align:left;color:var(--front-ink);font:20px var(--serif);cursor:pointer;background:linear-gradient(90deg,#0c2736bf,#0000);border:0;border-left:2px solid #0000;padding:9px 18px;transition:background .18s,border-color .18s;position:relative}.front-nav>button:hover,.front-nav>button.active,.front-nav>button:focus-visible{border-left-color:var(--front-gold);background:linear-gradient(90deg,#315367de,#162f4140)}.front-nav>button small{font:10px/1.6 var(--sans);letter-spacing:.2px;color:#afc4ca;margin-top:2px;display:block}.front-nav>button:disabled{opacity:.35;cursor:default}.front-nav>.front-primary{border-left-color:var(--front-gold);color:#f1d99f}.front-panel{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c2332ed;border:1px solid #b49c6366;border-radius:2px;width:min(580px,50vw);max-height:calc(100vh - 270px);padding:26px 30px;overflow:auto;box-shadow:0 25px 80px #0005}.front-panel[hidden]{display:none}.front-panel h2{font:32px/1.3 var(--serif);margin:10px 0;font-weight:400}.front-intro{color:#bbcdd1;margin-bottom:24px;font-size:12px;line-height:1.7}.front-back{float:right;color:#b7cbd0;cursor:pointer;background:0 0;border:0;font-size:10px}.front-panel label{color:#d6e0df;gap:7px;margin:16px 0;font-size:12px;display:grid}.front-panel input,.front-panel select{color:#f1e7d1;font:13px var(--sans);background:#142f40;border:1px solid #6e827f;border-radius:2px;width:100%;padding:9px}.front-panel input[type=range]{accent-color:var(--front-gold);padding:0}.front-panel input[type=color]{height:40px;padding:2px}.front-form-row{grid-template-columns:90px 1fr;gap:18px;display:grid}.front-panel .front-check{align-items:center;gap:9px;display:flex}.front-check input{width:16px;accent-color:var(--front-gold)}.front-note{color:#a7bec4;font-size:11px;line-height:1.75}.front-action{color:#162b35;font:15px var(--serif);cursor:pointer;text-align:center;background:#d0b578;border:1px solid #d0b578;border-radius:2px;width:100%;margin-top:18px;padding:11px 18px;display:block}.front-action:hover{background:#ead39b}.front-action.secondary{color:#e4d2a9;background:#1b3a4a;border-color:#8a815f}.front-scenarios{gap:9px;display:grid}.front-scenario{text-align:left;color:#f0e3cc;cursor:pointer;background:#143044;border:1px solid #8fa4a03d;align-items:start;gap:14px;padding:15px;display:flex}.front-scenario:hover{background:#204255;border-color:#d0b578}.front-scenario strong{font:17px/1.35 var(--serif)}.front-scenario p{color:#bad0d4;margin:5px 0;font-size:11px;line-height:1.6}.front-scenario small{color:#cbb983;font-size:9px}.front-scenario-number{font:20px var(--serif);color:#bfab7b}.front-controls{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}.front-controls span{font:12px var(--serif);color:#dfca96;border-bottom:1px solid #8b9e9c33;padding:7px}.front-controls b{font:10px var(--sans);color:#b3c5c8;margin-top:4px;display:block}.front-guide{color:#bdd0d3;padding-left:18px}.front-guide li{padding:8px 0;font-size:12px;line-height:1.8}.front-guide b{color:#f0ddac}.front-footer{font:11px var(--serif);z-index:1;background:linear-gradient(#0a233dcc,#071b2def);border-top:1px solid #c4ad7533;justify-content:space-between;gap:20px;padding:18px 6vw;display:flex;position:fixed;bottom:0;left:0;right:0}.front-footer>div{font:10px var(--sans);color:#a5bfc5;align-items:center;gap:24px;display:flex}.front-footer a,.front-footer button{color:#d9c69a;font:inherit;cursor:pointer;background:0 0;border:0}.front-open .rts-menu,.front-open #world,.front-open #naval-battle,.front-open>.top,.front-open>.objective,.front-open>#chart,.front-open>.orders,.front-open>footer,.front-open>#city-toolbar,.front-open>#camera-tools,.front-open>#age-badge,.front-open>#map-editor-launch,.front-open>#rts-menu-button,.front-open>#rts-objective-toggle,.front-open>[data-social-chat]{visibility:hidden}.front-open #save-library-dialog{z-index:90}.front-open #toast{z-index:100}.front-open #city-panel,.front-open #map-editor-panel{z-index:95}#loading{color:#f0e4ca;background:#0c2233 url(/assets/harborfolk-dawn-cover.webp) 50%/cover no-repeat}#loading:before{content:"";background:linear-gradient(90deg,#071b2dee,#071b2d33);position:absolute;inset:0}#loading>*{position:relative}#loading h1{font:60px var(--serif);letter-spacing:2px;color:#f0e4ca}#loading p{color:#c4d4d7;text-align:center;max-width:400px;line-height:1.7}#loading .compass{color:#d6b875}#loading progress{accent-color:#d6b875;border:0;width:280px;height:4px}#loading .loading-recovery button{color:#172e3d;background:#e2c994;border-color:#e2c994}#loading .loading-subtitle{letter-spacing:3px;color:#cbb983;font-size:10px}#front-end :focus-visible{outline-offset:3px;outline:2px solid #e6cc8e}@media (height<=820px){.front-brand{padding-top:22px}.front-crest{display:none}.front-brand h1{font-size:52px}.front-layout{padding-top:24px}.front-nav>button{padding-top:7px;padding-bottom:7px;font-size:17px}.front-panel{max-height:calc(100vh - 210px)}}@media (width<=900px){.front-brand{padding-left:5vw}.front-layout{gap:3vw;padding-left:5vw;padding-right:5vw}.front-nav{width:240px}.front-panel{width:calc(90vw - 265px);padding:20px}.front-footer>div{gap:12px}.front-footer>span{display:none}}@media (width<=650px){#front-end{background-position:60%}.front-vignette{background:#071b2dad}.front-brand{padding:30px 24px 0}.front-brand h1{font-size:48px}.front-brand>p{letter-spacing:2px;font-size:8px}.front-layout{padding:25px 24px 90px;display:block}.front-nav{width:100%}.front-nav>button{padding:10px 14px;font-size:19px}.front-with-panel .front-nav{display:none}.front-panel{width:100%;max-height:none;padding:22px 18px}.front-panel h2{font-size:27px}.front-footer{padding:15px 24px}.front-footer>div{justify-content:space-between;width:100%;font-size:9px}.front-controls{gap:5px}.front-scenario{gap:9px;padding:12px}.front-form-row{gap:12px}#loading h1{font-size:46px}}@media (prefers-reduced-motion:reduce){#front-end *{transition:none!important;animation:none!important}}#front-end .front-footer{text-shadow:none;color:#d3d2c6}#front-end .front-footer span{color:#b9cbd0}.battle-active #world,.battle-active>.top,.battle-active>.objective,.battle-active>#chart,.battle-active>.orders,.battle-active>footer,.battle-active>#city-toolbar,.battle-active>#context-panel{display:none!important}#naval-battle{color:#f4eddb;font:13px/1.5 var(--sans);background:#315e73;position:fixed;inset:0}.battle-canvas{width:100%;height:100%;position:absolute;inset:0}.battle-canvas:last-of-type{z-index:1}.battle-header,.battle-settings,.battle-orders,.battle-performance,.battle-tip{z-index:3;position:absolute}.battle-header{pointer-events:none;justify-content:space-between;align-items:start;gap:20px;display:flex;top:18px;left:24px;right:24px}.battle-header>div{background:#122e42e8;border-left:3px solid #e7cd83;padding:14px 20px}.battle-header h1{font:28px/1.2 var(--serif);margin:5px 0}.battle-header p{margin:5px 0 0;font-size:11px}.battle-header nav{pointer-events:auto;flex-wrap:wrap;justify-content:end;gap:6px;display:flex}.battle-header button,.battle-orders button,.battle-settings button{color:#f4eddb;font:inherit;cursor:pointer;background:#172e42ed;border:1px solid #a3a98b66;border-radius:3px;padding:8px 12px}.battle-header button:hover,.battle-orders button:hover,.battle-settings button:hover{background:#365768}.battle-settings{background:#122b40f2;border:1px solid #8aa0a566;border-radius:6px;width:300px;padding:22px;top:86px;right:24px;box-shadow:0 15px 40px #001a2c66}.battle-settings[hidden]{display:none}.battle-settings h2{font:23px var(--serif);margin:8px 0 16px}.battle-settings label{gap:7px;margin:14px 0 6px;display:grid}.battle-settings input{accent-color:#e5c982;width:100%}.battle-settings select{color:#f4eddb;background:#244656;border:1px solid #b2c1c377;padding:8px}.battle-settings p{color:#c0d1d6;font-size:11px}.battle-settings button{width:100%}.battle-settings button:disabled{opacity:.45}.battle-performance{font-variant-numeric:tabular-nums;background:#15384ade;border-radius:3px;padding:7px 12px;font-size:12px;top:130px;left:24px}.battle-orders{background:#122b40ef;border:1px solid #afbeaa66;border-radius:4px;gap:18px;max-width:760px;padding:14px 18px;display:flex;bottom:44px;left:24px}.battle-orders>div:first-child{max-width:350px}.battle-orders p{color:#c4d4d7;margin:4px 0;font-size:11px}.battle-buttons{flex-wrap:wrap;align-items:center;gap:6px;max-width:350px;display:flex}.battle-tip{text-shadow:0 1px 4px #000;font-size:10px;bottom:14px;left:24px}.battle-active #toast{z-index:40;top:175px}.battle-active #city-panel{z-index:30}#battle-drag{z-index:2;pointer-events:none;background:#ffe19322;border:1px solid #ffe193;display:none;position:fixed}@media (width<=900px){.battle-header{left:12px;right:12px}.battle-header h1{font-size:20px}.battle-header nav{max-width:320px}.battle-header button{padding:6px;font-size:11px}.battle-orders{max-width:none;display:block;left:12px;right:110px}.battle-buttons{max-width:none}.battle-performance{top:155px;left:12px}.battle-settings{width:280px;top:130px;right:12px}.battle-tip{font-size:9px;left:12px}.battle-header p{max-width:280px}}.battle-active #map-editor-launch,.battle-active #camera-tools,.battle-active #age-badge{display:none!important}.battle-buttons{max-width:430px}.battle-orders{max-width:1040px}.battle-orders>div:first-child{width:270px;max-width:270px}.battle-inline{color:#cbd9d8;gap:2px;font-size:9px;display:grid}.battle-inline select{color:#f4eddb;font:11px var(--sans);background:#19384b;border:1px solid #a3a98b66;border-radius:3px;max-width:125px;padding:5px 7px}.battle-crew{z-index:5;background:#112b3ff5;border:1px solid #ac9464;flex-direction:column;width:340px;max-height:600px;padding:18px;display:flex;position:absolute;top:86px;bottom:240px;right:24px;box-shadow:0 12px 35px #00182777}.battle-crew[hidden]{display:none}.battle-crew header{justify-content:space-between;gap:12px;display:flex}.battle-crew h2{font:22px var(--serif);margin:5px 0}.battle-crew p,.battle-crew small{color:#c4d4d7;font-size:11px}.battle-crew button{color:#eee9d9;cursor:pointer;text-align:left;font:11px/1.4 var(--sans);background:#17374a;border:1px solid #7b999755;border-radius:3px;padding:8px}.battle-crew button:hover{background:#2d5263;border-color:#d9bc7a}.battle-crew button:disabled{opacity:.5}#crew-list{gap:5px;min-height:0;margin:8px 0;display:grid;overflow:auto}#battle-order-hint{z-index:4;color:#ffe4a7;background:#17394ded;border:1px solid #e7cd83;max-width:90%;padding:10px 16px;font-size:12px;position:absolute;top:190px;left:50%;transform:translate(-50%)}.battle-canvas.ordering{cursor:crosshair}.battle-settings{max-height:calc(100vh - 210px);overflow:auto}@media (width<=1000px){.battle-orders>div:first-child{width:auto;max-width:none}.battle-buttons{max-width:none}.battle-crew{width:300px;top:130px;bottom:270px;right:12px}.battle-chart{bottom:65px}}@media (width<=650px){.battle-orders{max-height:260px;right:12px;overflow:auto}.battle-chart{bottom:305px}.battle-crew{width:auto;inset:180px 12px 305px}.battle-settings{width:auto;max-height:calc(100vh - 430px);left:12px;right:12px}.battle-performance{top:165px}.battle-active [data-social-chat]{bottom:315px!important}}.battle-chart{z-index:3;background:#122b40ef;border:1px solid #ad9462;width:180px;padding:10px;position:absolute;bottom:44px;left:24px}.battle-chart canvas{cursor:crosshair;border:1px solid #8ba19c66;width:158px;height:125px;margin:6px 0;display:block}.battle-chart small{color:#bdcdd0;font-size:8px}.battle-orders{max-width:870px;left:214px}.battle-groups{grid-template-columns:1fr 1fr;align-content:center;gap:5px;min-width:66px;display:grid}.battle-groups button{color:#c0d0d4;padding:5px 8px}.battle-groups .assigned{color:#f2d58d;background:#335468;border-color:#d5b56e}.battle-active [data-social-chat]{bottom:190px!important}@media (width<=1000px){.battle-chart{width:130px;padding:7px;bottom:44px;left:12px}.battle-chart canvas{width:114px;height:90px}.battle-orders{gap:10px;max-width:none;left:152px;right:100px}.battle-groups{margin:6px 0;display:flex}.battle-chart .eyebrow{font-size:7px}}@media (width<=650px){.battle-chart{bottom:220px;left:12px}.battle-orders{bottom:35px;left:12px;right:100px}.battle-tip{display:none}.battle-active [data-social-chat]{bottom:220px!important}}#save-library-dialog{width:min(820px,100vw - 36px);max-width:820px;max-height:80vh;color:var(--ink);background:linear-gradient(145deg,#f8f0df,#eee2ca);border-color:#aa9974;padding:28px 30px;overflow:auto}#save-library-dialog .library-close{background:0 0;font-size:26px;position:absolute;top:9px;right:14px}#save-library-dialog>h2{font:26px/1.3 var(--serif);margin:7px 0 14px}.library-tabs{border-bottom:1px solid #c9b995;gap:5px;margin-bottom:16px;display:flex}.library-tabs button{background:0 0;border-bottom:3px solid #0000;padding:9px 16px}.library-tabs button[aria-selected=true]{background:#e9ddc3;border-color:#937342;font-weight:700}.library-guest{background:#e7d9b7;border-left:3px solid #9a7440;padding:10px 12px;font-size:11px;line-height:1.5}.library-section-heading{justify-content:space-between;align-items:end;gap:20px;margin:20px 0 9px;display:flex}.library-section-heading h3{font:18px/1.3 var(--serif);margin:0}.library-section-heading p{text-align:right;max-width:520px;margin:0;font-size:10px;line-height:1.5}.library-save-form{background:#e6dac0;border:1px solid #c9b995;grid-template-columns:1fr 1.4fr auto;align-items:end;gap:9px;padding:13px;display:grid}.library-save-form label{font-size:10px;font-weight:700}.library-save-form input,.library-save-form textarea{width:100%;color:var(--ink);font:inherit;resize:vertical;background:#f8f1e1;border:1px solid #b9aa88;margin-top:5px;padding:9px;display:block}.library-primary{background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:3px;padding:10px 14px}.library-quick-actions,.library-card-actions{flex-wrap:wrap;gap:6px;display:flex}.library-quick-actions{margin:10px 0}.library-action{background:#e8dcc2;border:1px solid #c6b58f;border-radius:3px;padding:8px 10px;font-size:10px}.library-action:hover:not(:disabled){background:#ddcba7}.library-action.danger{color:#fff3e5;background:#884c40;border-color:#713a31}.library-list,.library-grid{gap:8px;display:grid}.library-grid{grid-template-columns:repeat(3,1fr)}.library-card{background:#f7eedc;border:1px solid #cdbd9b;border-left:3px solid #8aa087;justify-content:space-between;align-items:center;gap:18px;padding:13px 14px;display:flex}.library-scenario{display:block}.library-card-copy{min-width:0}.library-card h3{font:16px/1.35 var(--serif);margin:2px 0 5px}.library-card p{margin:0 0 5px;font-size:10px;line-height:1.5}.library-card small{color:#7c785f;font-size:9px;line-height:1.5;display:block}.library-scenario .library-card-actions{margin-top:12px}.library-empty{text-align:center;background:#efe4cc;border:1px dashed #b9aa88;padding:18px;font-size:11px}@media (width<=650px){#save-library-dialog{width:calc(100vw - 20px);max-height:80vh;padding:22px 15px}.library-save-form,.library-grid{grid-template-columns:1fr}.library-card{display:block}.library-card-actions{margin-top:10px}.library-section-heading{display:block}.library-section-heading p{text-align:left;margin-top:5px}.library-tabs button,.library-action{flex:1}.library-quick-actions .library-action{min-width:45%}}:root{--editor-ink:#24352f;--editor-paper:#f3e7c9;--editor-paper-deep:#dfcda5;--editor-green:#416d59;--editor-rust:#a55236;--editor-line:#303a2d38}#map-editor-launch{z-index:32;color:#fff8e4;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#182d27e6;border:1px solid #ffffff38;border-radius:999px;padding:9px 14px;font:700 12px/1 Georgia,serif;position:fixed;top:82px;right:18px;box-shadow:0 8px 24px #08141140}#map-editor-launch span{margin-right:5px;font-size:16px}#map-editor-launch:hover{background:#294e42;transform:translateY(-1px)}#map-editor-panel{z-index:80;width:min(390px,100vw - 24px);color:var(--editor-ink);background:linear-gradient(135deg,#fffae7fa,#ecdbb2fa);border:1px solid #4a3e2659;border-radius:4px 18px;grid-template-rows:auto auto auto minmax(0,1fr) auto;font-family:Georgia,Times New Roman,serif;display:grid;position:fixed;top:12px;bottom:12px;right:12px;overflow:hidden;box-shadow:0 26px 70px #121c1761,inset 0 0 45px #7e58230f}#map-editor-panel[hidden]{display:none}#map-editor-panel:before{content:"";pointer-events:none;opacity:.28;background-image:repeating-linear-gradient(7deg,#0000 0 8px,#56401d0a 9px 10px);position:absolute;inset:0}#map-editor-panel>header{border-bottom:1px solid var(--editor-line);justify-content:space-between;align-items:flex-start;padding:20px 20px 12px;display:flex;position:relative}#map-editor-panel h2{letter-spacing:-.035em;margin:3px 0 0;font-size:28px;font-weight:500;line-height:1}#map-editor-panel header button{color:var(--editor-ink);cursor:pointer;background:0 0;border:0;font-size:29px;line-height:.8}.editor-kicker{letter-spacing:.18em;color:var(--editor-rust);font:700 9px/1.2 ui-monospace,Consolas,monospace}.editor-tabs{border-bottom:1px solid var(--editor-line);grid-template-columns:repeat(4,1fr);padding:0 14px;display:grid}.editor-tabs button{color:#675f4d;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:11px 3px 9px;font:700 11px Georgia,serif}.editor-tabs button.active{color:var(--editor-ink);border-color:var(--editor-rust)}.editor-tools{grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 14px;display:grid}.editor-tools button,.editor-segment button,.editor-history button,#map-editor-panel [data-editor-action]{border:1px solid var(--editor-line);color:var(--editor-ink);cursor:pointer;background:#ffffff4d;border-radius:4px;padding:8px 9px;font:700 11px Georgia,serif}.editor-tools button.active,.editor-segment button.active{background:var(--editor-green);border-color:var(--editor-green);color:#fff9e9}.editor-tools button:disabled,#map-editor-panel button:disabled{opacity:.42;cursor:default}.editor-scroll{scrollbar-width:thin;scrollbar-color:#9a8966 transparent;min-height:0;padding:5px 16px 24px;position:relative;overflow:auto}.editor-lede{border-left:3px solid var(--editor-rust);margin:5px 0 14px;padding:3px 0 3px 11px}.editor-lede span{letter-spacing:.14em;color:var(--editor-rust);font:700 9px ui-monospace,Consolas,monospace}.editor-lede p,.editor-note,.editor-empty p{color:#675f4d;margin:5px 0;font-size:12px;line-height:1.45}.editor-segment{grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0 15px;display:grid}.editor-segment:first-of-type{grid-template-columns:repeat(3,1fr)}.editor-label{justify-content:space-between;font-size:12px;font-weight:700;display:flex}.editor-label output{color:var(--editor-rust);font-family:ui-monospace,Consolas,monospace}#map-editor-panel details{border-top:1px solid var(--editor-line);padding:9px 0}#map-editor-panel summary{cursor:pointer;font-size:13px;font-weight:700;list-style:none}#map-editor-panel summary:after{content:"＋";float:right;color:var(--editor-rust)}#map-editor-panel details[open] summary:after{content:"−"}.editor-palette{grid-template-columns:1fr 1fr;gap:6px;padding-top:9px;display:grid}.editor-palette button{text-align:left;border:1px solid var(--editor-line);min-height:52px;color:var(--editor-ink);cursor:pointer;background:#ffffff59;border-radius:3px 10px 3px 3px;padding:8px}.editor-palette button:hover,.editor-palette button.active{border-color:var(--editor-rust);box-shadow:inset 3px 0 var(--editor-rust);background:#fff8e7}.editor-palette b,.editor-palette small{display:block}.editor-palette b{font:700 12px Georgia,serif}.editor-palette small{color:#756a54;margin-top:4px;font:9px ui-monospace,Consolas,monospace}.editor-inspector h3{margin:4px 0 14px;font-size:24px;font-weight:500}.editor-coordinates{grid-template-columns:1fr 1fr;gap:8px;display:grid}.editor-inspector label,.editor-form label{gap:5px;font-size:11px;font-weight:700;display:grid}.editor-inspector input,.editor-form input,.editor-form select,.editor-form textarea{box-sizing:border-box;width:100%;color:var(--editor-ink);background:#fffaf0;border:1px solid #a99b7a;border-radius:4px;padding:9px;font:13px Georgia,serif}.editor-inspector>button{width:100%;margin-top:9px}.editor-inspector .danger{color:#8b2e24;border-color:#b56c5f}.editor-roster{border:1px solid var(--editor-line);background:#ffffff42;gap:5px;margin:14px 0;padding:11px;display:grid}.editor-roster span{font-size:11px}.editor-form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.editor-form label:first-child,.editor-form label:nth-last-child(3),.editor-form label:nth-last-child(2),.editor-form hr,.editor-save-row{grid-column:1/-1}.editor-form textarea{resize:vertical;min-height:68px}.editor-form hr{border:0;border-top:1px solid var(--editor-line);width:100%}.editor-save-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.editor-empty{text-align:center;padding:28px 8px}#map-editor-panel>footer{border-top:1px solid var(--editor-line);background:#e7d3a6bf;padding:10px 14px 14px;position:relative}.editor-history{grid-template-columns:1fr 1fr 1.15fr;gap:5px;margin-bottom:7px;display:grid}.editor-play{letter-spacing:.04em;width:100%;background:var(--editor-rust)!important;color:#fff8e9!important;border-color:var(--editor-rust)!important;padding:11px!important}#map-editor-playtest{z-index:90;color:#fff7df;background:#1c302af0;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:7px 8px 7px 12px;font-family:Georgia,serif;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0816124d}#map-editor-playtest[hidden]{display:none}#map-editor-playtest b{letter-spacing:.16em;color:#f2bc74;font:700 9px ui-monospace,Consolas,monospace}#map-editor-playtest button{color:#263d35;cursor:pointer;background:#f4e4bd;border:0;border-radius:999px;padding:7px 10px;font:700 11px Georgia,serif}#map-editor-playtest button:last-child{color:#fff7df;background:0 0;border:1px solid #ffffff38}#map-editor-cursor{z-index:76;pointer-events:none;color:#fff6de;letter-spacing:.03em;background:#192b25db;border:1px solid #ffffff38;border-radius:999px;padding:7px 11px;font:10px ui-monospace,Consolas,monospace;position:fixed;bottom:116px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0003}#map-editor-cursor[hidden]{display:none}body.map-editor-open .orders,body.map-editor-open #city-toolbar,body.map-editor-open #city-panel{visibility:hidden}body.map-editor-testing #map-editor-launch{display:none}@media (width<=620px){#map-editor-launch{top:auto;bottom:112px;right:10px}#map-editor-panel{border-radius:4px 12px;width:calc(100vw - 12px);top:6px;bottom:6px;right:6px}#map-editor-panel>header{padding:14px 15px 10px}#map-editor-panel h2{font-size:23px}.editor-scroll{padding-inline:12px}.editor-palette{grid-template-columns:1fr 1fr}#map-editor-playtest{white-space:nowrap;max-width:calc(100vw - 20px);top:66px}#map-editor-playtest b{display:none}}@media (height<=700px){#map-editor-panel>header{padding-block:11px 8px}#map-editor-panel h2{font-size:22px}.editor-tabs button{padding-block:8px}.editor-tools,#map-editor-panel>footer{padding-block:7px}.editor-history button{padding-block:6px}}@media (width>=621px){#map-editor-launch{top:260px}}body.map-editor-open:not(.map-editor-testing) .objective,body.map-editor-open:not(.map-editor-testing) #chart{visibility:hidden}body.map-editor-testing .orders,body.map-editor-testing #city-toolbar,body.map-editor-testing #city-panel{visibility:visible}body.map-editor-testing [data-tab=social],body.map-editor-testing [data-library-open]{display:none}@media (width<=620px){#map-editor-panel{height:48vh;max-height:430px;top:auto;bottom:6px}#map-editor-cursor{bottom:calc(48vh + 18px)}#map-editor-launch{bottom:220px}}body:has(#city-panel:not([hidden])) #map-editor-launch{visibility:hidden}#city-toolbar{z-index:2;gap:4px;display:flex;position:fixed;top:82px;left:26px}#city-toolbar button,#camera-tools button{background:#f4ecdcf2;border:1px solid #cabc9f;border-radius:4px;padding:8px 11px;font-size:11px}#city-toolbar button:hover{background:#e3d5b6}.objective{top:136px}#age-badge{background:#f4ecdce0;border-radius:3px;max-width:calc(100vw - 210px);padding:4px 9px;font-size:10px;position:fixed;top:116px;left:26px}#city-panel{z-index:3;background:#f4ecdcf7;border:1px solid #cabc9f;border-radius:4px;width:320px;max-height:calc(100vh - 340px);padding:20px;position:fixed;top:272px;bottom:185px;right:26px;overflow:auto;box-shadow:0 10px 30px #18352a24}#city-panel h2{font:20px/1.35 var(--serif);margin:9px 0}#city-panel p{color:#61705f;font-size:11px;line-height:1.7}#city-panel a{color:#597f6a;font-size:11px}.city-close{background:0 0;font-size:22px;position:absolute;top:7px;right:9px}.city-cards{grid-template-columns:1fr 1fr;gap:7px;display:grid}.city-cards button,.tech-tree button,.city-wide{text-align:left;background:#e8dec8;border:1px solid #cdc3a8;border-radius:3px;padding:10px;font-size:11px}.city-cards b,.city-cards small,.city-cards span,.tech-tree b,.tech-tree small,.tech-tree span,.tech-tree em,.city-wide small{display:block}.city-cards small,.city-wide small,.tech-tree small{color:#7b7359;margin-top:6px;font-size:9px}.city-cards span,.tech-tree span{color:#62705f;margin-top:7px;font-size:10px;line-height:1.5}.city-wide{width:100%;margin:7px 0}.tech-tree{border-left:2px solid #a49b78;gap:8px;margin-top:10px;padding-left:12px;display:grid}.tech-tree button{position:relative}.tech-tree button:before{content:"";background:#a49b78;width:13px;height:1px;position:absolute;top:22px;left:-14px}.tech-tree em{color:#8e7549;margin-top:7px;font-size:9px;font-style:normal}.tech-tree .researched{opacity:.8;background:#d8e3c8}.tech-tree .researching{opacity:1;background:#eee0ac}#city-panel progress{accent-color:#819768;width:100%}.subtle{color:#8a6f56;background:0 0}#settlement-setup label{justify-content:space-between;align-items:center;gap:20px;margin:16px 0;font-size:12px;display:flex}#settlement-setup input,#settlement-setup select{font:inherit;color:var(--ink);background:#ece3cf;border:1px solid #c5b998;max-width:245px;padding:8px}#settlement-setup input[type=color]{width:65px;height:32px;padding:2px}#camera-tools{gap:3px;display:flex;position:fixed;bottom:38px;right:26px}#camera-tools button{padding:5px 10px}#city-panel-content[hidden],#social-container[hidden]{display:none}.objective{max-height:235px;overflow:hidden}@media (height<=750px){#city-panel{max-height:none;top:245px;bottom:177px}.objective .steps{display:none}.objective{width:240px;padding:12px}#city-panel{width:300px}}@media (width<=650px){#city-toolbar{gap:3px;top:63px;left:12px;right:12px}#city-toolbar button{flex:1;padding:6px 2px;font-size:9px}#age-badge{max-width:calc(100vw - 24px);font-size:8px;top:97px;left:12px}.objective{width:calc(100vw - 123px);max-height:160px;top:123px}#chart{top:123px}#city-panel{width:calc(100vw - 24px);max-height:none;padding:15px;top:290px;bottom:181px;right:12px}#camera-tools{bottom:29px;right:12px}#camera-tools button{padding:3px 6px;font-size:11px}#settlement-setup label{display:block}#settlement-setup input,#settlement-setup select{width:100%;max-width:none;margin-top:7px;display:block}}.audio-settings{gap:12px;margin:18px 0;display:grid}.audio-settings label{justify-content:space-between;align-items:center;font-size:11px;display:flex}.audio-settings input{accent-color:#6e8b65;width:170px}.plan-card{border-top:1px solid #cabc9f;padding:12px 0}.plan-card h3,.plan-current h3{font:17px/1.4 var(--serif);margin:8px 0}.plan-card ol{color:#61705f;padding-left:20px;font-size:11px;line-height:1.7}.plan-card li.done{color:#507b49;text-decoration:line-through}.plan-current{background:#dbe6ce;border:1px solid #b3c5a5;border-radius:4px;padding:12px}#settlement-setup{max-height:90vh;overflow:auto}#scale-panel{z-index:4;background:#f4ecdcf7;border:1px solid #cabc9f;border-radius:4px;width:330px;max-height:calc(100vh - 310px);padding:20px;position:fixed;top:215px;bottom:185px;right:26px;overflow:auto;box-shadow:0 10px 30px #18352a24}#scale-panel h2{font:20px/1.4 var(--serif);margin:10px 0}#scale-panel h3{font:16px var(--serif)}#scale-panel p{color:#61705f;font-size:11px;line-height:1.7}#scale-panel button:not(.scale-close){text-align:left;background:#e8dec8;border:1px solid #cdc3a8;border-radius:3px;width:100%;margin:7px 0;padding:10px;font-size:11px;display:block}#scale-panel small{color:#7b7359;margin-top:5px;font-size:9px;display:block}.scale-close{background:0 0;font-size:22px;position:absolute;top:7px;right:9px}#scale-panel progress{accent-color:#819768;width:100%}#scale-panel a{color:#597f6a;margin:6px 0;font-size:10px;display:block}#scale-panel .scale-note{color:#7a796b;font-size:10px}@media (width<=650px){#scale-panel{width:calc(100vw - 24px);max-height:none;padding:15px;top:200px;bottom:181px;right:12px}}#scale-panel details{color:#61705f;margin:12px 0;font-size:10px}#scale-panel summary{cursor:pointer}#scale-panel label{justify-content:space-between;align-items:center;padding:9px 0;font-size:11px;display:flex}#scale-panel input[type=color]{background:#e8dec8;border:1px solid #cdc3a8;width:50px;height:30px;padding:2px}:root{--rts-navy:#102a38;--rts-navy-soft:#183b49;--rts-brass:#b99452;--rts-brass-bright:#dec485;--rts-ivory:#f2ead8;--rts-ivory-dim:#d9cfb9;--rts-shadow:#06141ca8}.rts-hud-mounted .top{z-index:5;align-items:stretch;gap:12px;height:48px;top:8px;left:14px;right:14px}.rts-hud-mounted .identity{color:var(--rts-ivory);background:linear-gradient(100deg,var(--rts-navy),#173746ed);box-shadow:0 4px 18px var(--rts-shadow);text-shadow:0 1px 2px #000;border:1px solid #c2a76c80;border-radius:3px;gap:8px;padding:5px 12px 5px 7px}.rts-hud-mounted .seal{width:34px;height:34px;color:var(--rts-brass-bright);border-color:var(--rts-brass);background:#0a202a;font-size:20px}.rts-hud-mounted .identity h1{font-size:17px}.rts-hud-mounted .identity p{letter-spacing:1.8px;color:var(--rts-ivory-dim);margin-top:3px;font-size:7px}.rts-hud-mounted .resources{max-width:680px;height:48px;box-shadow:0 4px 18px var(--rts-shadow);color:var(--rts-ivory);background:linear-gradient(#173b49f5,#102a38f5);border:1px solid #c2a76c80;flex:1;gap:0;padding:0;overflow:hidden}.rts-hud-mounted .resources>span{border-right:1px solid #d7ba7836;justify-content:center;gap:5px;min-width:78px;padding:5px 11px;font-size:0}.rts-hud-mounted .resources>span i{color:var(--rts-brass-bright);font-size:16px}.rts-hud-mounted .resources>span b{font:700 14px/1 var(--sans);font-variant-numeric:tabular-nums}.rts-hud-mounted .resources>span:after,.rts-hud-mounted .resources>span small{content:"wood";font:700 7px/1 var(--sans);letter-spacing:1px;text-transform:uppercase;color:#cabfaaa8;display:block}.rts-hud-mounted .resources>span:nth-child(2):after{content:"supplies"}.rts-hud-mounted .resources>span:nth-child(3),.rts-hud-mounted .resources>span.rts-resource:after{display:none}.rts-hud-mounted .resources>span small{white-space:nowrap}.rts-hud-mounted .top-actions{height:48px;box-shadow:0 4px 18px var(--rts-shadow);background:#102a38ed;border:1px solid #c2a76c80;border-radius:3px;align-items:center;padding:5px}.rts-hud-mounted .top-actions button{width:32px;height:32px;color:var(--rts-ivory);text-shadow:none;background:#173b49;border:1px solid #b9945266;border-radius:2px;font-size:15px}.rts-hud-mounted .top-actions #idle-folk{width:auto;color:var(--rts-brass-bright);padding:0 8px;font-size:10px}.rts-hud-mounted #age-badge{display:none}.rts-menu{z-index:6;pointer-events:auto;gap:4px;display:flex;position:fixed;top:63px;left:14px}.rts-menu button{color:var(--rts-ivory);letter-spacing:.5px;background:#102a38e8;border:1px solid #b9945277;border-radius:2px;padding:5px 9px;font-size:9px;box-shadow:0 3px 12px #06141c55}.rts-hud-mounted #city-toolbar{z-index:6;gap:3px;top:63px;left:166px}.rts-hud-mounted #city-toolbar button{color:var(--rts-ivory);letter-spacing:.25px;background:linear-gradient(#173b49f2,#102a38f2);border:1px solid #b9945277;border-radius:2px;padding:5px 9px;font-size:9px;box-shadow:0 3px 12px #06141c55}.rts-hud-mounted #city-toolbar button:hover,.rts-hud-mounted #city-toolbar button:focus-visible{color:#fff5dc;border-color:var(--rts-brass-bright);background:#285263}.rts-hud-mounted #map-editor-launch{color:var(--rts-ivory);-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#173b49f2,#102a38f2);border:1px solid #b9945277;border-radius:2px;box-shadow:0 3px 12px #06141c55}.rts-hud-mounted #map-editor-launch:hover{border-color:var(--rts-brass-bright);background:#285263}.rts-hud-mounted .objective{width:250px;color:var(--rts-navy);border:1px solid #9b7a4380;border-left:3px solid var(--rts-brass);background:#f2ead8ed;padding:13px 15px;transition:opacity .14s,transform .14s;top:91px;left:14px}.rts-hud-mounted .objective.rts-collapsed{opacity:0;pointer-events:none;visibility:hidden;transform:translate(-12px)}.rts-hud-mounted .objective h2{margin:6px 0;font-size:14px;line-height:1.35}.rts-hud-mounted .objective p{font-size:10px;line-height:1.45}.rts-hud-mounted .steps{margin-top:9px;padding-top:8px}.rts-hud-mounted #chart.rts-minimap-dock{border:1px solid var(--rts-brass);width:164px;box-shadow:0 7px 24px var(--rts-shadow);z-index:5;background:linear-gradient(145deg,#173b49f7,#0c2532f7);border-radius:2px;padding:7px;inset:auto auto 24px 14px}.rts-hud-mounted #chart.rts-minimap-dock:before{content:"COAST CHART";color:var(--rts-brass-bright);font:700 7px/1 var(--sans);letter-spacing:1.4px;text-align:center;margin:0 0 5px;display:block}.rts-hud-mounted #minimap{background:#183746;border:1px solid #dbc27c88;width:148px;height:101px}.rts-hud-mounted #explored{color:var(--rts-ivory-dim);margin-top:4px;font-size:8px;display:block}.rts-hud-mounted .orders.rts-command-dock{width:min(650px,100vw - 199px);max-width:none;height:121px;color:var(--rts-ivory);border:1px solid var(--rts-brass);box-shadow:0 7px 24px var(--rts-shadow);z-index:5;background:linear-gradient(145deg,#173b49f7,#0c2532f7);border-radius:2px;bottom:24px;left:185px;right:auto}.rts-hud-mounted .selection{border-right:1px solid #d7ba7855;width:230px;min-width:230px;padding:15px 12px 11px 78px;position:relative;overflow:hidden}.rts-selection-portrait{width:54px;height:54px;color:var(--rts-brass-bright);border:1px solid var(--rts-brass);font:30px var(--serif);background:radial-gradient(circle at 50% 35%,#285365,#0a202a);place-items:center;display:grid;position:absolute;top:15px;left:12px;box-shadow:inset 0 0 0 3px #0a202a}.rts-hud-mounted .selection .eyebrow{color:var(--rts-brass-bright);font-size:7px}.rts-hud-mounted .selection h2{color:var(--rts-ivory);margin:5px 0 4px;font-size:14px}.rts-hud-mounted .selection p{color:var(--rts-ivory-dim);font-size:9px;line-height:1.35}.rts-hud-mounted .order-buttons{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,minmax(92px,1fr));gap:4px;padding:7px;display:grid}.rts-hud-mounted .order-buttons button{min-width:0;color:var(--rts-ivory);text-align:left;background:#173746;border:1px solid #af925b66;border-radius:2px;grid-template-rows:1fr;grid-template-columns:27px 1fr auto;place-items:center start;padding:5px 7px;display:grid;box-shadow:inset 0 1px #ffffff0d}.rts-hud-mounted .order-buttons button:hover:not(:disabled){border-color:var(--rts-brass-bright);background:#285263}.rts-hud-mounted .order-buttons button span{height:auto;color:var(--rts-brass-bright);grid-column:1;font-size:19px}.rts-hud-mounted .order-buttons button b{grid-column:2;font-size:10px}.rts-hud-mounted .order-buttons button small{color:#c9b98f;grid-column:3;margin:0;font-size:8px}.rts-hud-mounted>footer{color:#d9cfb9;height:20px;text-shadow:none;z-index:5;background:#091e28ed;border-radius:0;padding:2px 15px;bottom:0;left:0;right:0}.rts-hud-mounted>footer button{color:#dec485;border-color:#8f7747}.rts-hud-mounted #context-panel{color:var(--rts-navy);box-shadow:0 8px 26px var(--rts-shadow);border-color:#a98448;bottom:152px;right:14px}.rts-hud-mounted #city-panel{bottom:152px;right:14px}.rts-hud-mounted #camera-tools{bottom:150px;right:18px}.rts-hud-mounted [data-social-chat]{max-height:calc(100vh - 220px);top:auto!important;bottom:150px!important;right:14px!important}.rts-paused .resources,.rts-paused .orders,.rts-paused #chart{filter:saturate(.65)}.battle-active .rts-menu{display:none!important}body.map-editor-open:not(.map-editor-testing) .rts-menu{visibility:hidden}.front-open .rts-menu{display:none!important}@media (width>=721px){.rts-hud-mounted #map-editor-launch{top:63px;right:14px}}@media (width<=1050px){.rts-hud-mounted .identity p,.rts-hud-mounted .rts-time small{display:none}.rts-hud-mounted .resources>span{min-width:64px;padding-inline:7px}.rts-hud-mounted .selection{width:185px;min-width:185px;padding-left:67px}.rts-selection-portrait{width:45px;height:45px;font-size:24px}.rts-hud-mounted .order-buttons button{grid-template-columns:25px 1fr 24px}.rts-hud-mounted .order-buttons button span{font-size:18px}.rts-hud-mounted .orders.rts-command-dock{width:min(590px,100vw - 199px)}}@media (width<=720px){.rts-hud-mounted .top{height:42px;top:5px;left:7px;right:7px}.rts-hud-mounted .identity{display:none}.rts-hud-mounted .resources{height:42px}.rts-hud-mounted .resources>span{min-width:54px}.rts-hud-mounted .resources>span i{font-size:13px}.rts-hud-mounted .resources>span b{font-size:11px}.rts-hud-mounted .resources>span small,.rts-hud-mounted .resources>span:after{font-size:6px}.rts-hud-mounted .top-actions{height:42px;padding:3px}.rts-hud-mounted .top-actions button{width:27px;height:27px}.rts-hud-mounted .top-actions #idle-folk{max-width:48px;padding:0 4px}.rts-menu{top:51px;left:7px}.rts-hud-mounted #city-toolbar{top:80px;left:7px;right:7px}.rts-hud-mounted #city-toolbar button{flex:1;padding:5px 2px;font-size:8px}.rts-hud-mounted .objective{top:111px;left:7px}.rts-hud-mounted #chart.rts-minimap-dock{width:105px;padding:5px;bottom:20px;left:7px}.rts-hud-mounted #minimap{width:93px;height:70px}.rts-hud-mounted #chart.rts-minimap-dock:before{display:none}.rts-hud-mounted .orders.rts-command-dock{width:auto;height:104px;bottom:20px;left:118px;right:7px}.rts-hud-mounted .selection{display:none}.rts-hud-mounted .order-buttons{padding:5px}.rts-hud-mounted .order-buttons button{grid-template-columns:20px 1fr 18px;padding:3px}.rts-hud-mounted .order-buttons button span{font-size:15px}.rts-hud-mounted .order-buttons button b,.rts-hud-mounted .order-buttons button small{font-size:7px}.rts-hud-mounted>footer{height:18px;padding-inline:7px}.rts-hud-mounted>footer>div>span{display:none}.rts-hud-mounted #context-panel,.rts-hud-mounted #city-panel{bottom:132px;right:7px}.rts-hud-mounted #camera-tools{bottom:128px}.rts-hud-mounted [data-social-chat]{max-height:calc(100vh - 190px);bottom:132px!important;right:7px!important}}@media (width<=480px){.rts-hud-mounted .resources>span{min-width:46px;padding-inline:4px}.rts-hud-mounted .resources>span i{font-size:11px}.rts-hud-mounted .top-actions #sound,.rts-hud-mounted .top-actions #help,.rts-hud-mounted .top-actions #reset{display:none}.rts-hud-mounted .rts-time{display:none!important}}@media (prefers-reduced-motion:reduce){.rts-hud-mounted .objective{transition:none}}.rts-hud-mounted .order-buttons button{grid-template-rows:1fr auto;grid-template-columns:24px minmax(0,1fr)}.rts-hud-mounted .order-buttons button span{grid-area:1/1/3}.rts-hud-mounted .order-buttons button b{white-space:normal;text-align:left;grid-area:1/2;align-self:end;font-size:10px}.rts-hud-mounted .order-buttons button small{grid-area:2/2;place-self:start;margin-top:2px;font-size:8px}.rts-hud-mounted [data-social-chat]{bottom:195px!important}@media (width<=720px){.rts-hud-mounted .order-buttons button{grid-template-columns:17px minmax(0,1fr)}.rts-hud-mounted .order-buttons button b{font-size:8px}.rts-hud-mounted .order-buttons button small{font-size:7px}}