@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f6f1;--ink:#222a27;--muted:#7a837c;--line:#dfe4dc;--lime:#dfef94;--green:#47765c;--panel:#ffffffed}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px 'DM Sans',Arial,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;transition:background .18s,transform .18s}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #6d8459;outline-offset:3px}button:hover:not(:disabled){background:#e9ede3}a{color:inherit;text-decoration:none}header{height:84px;display:flex;align-items:center;padding:0 32px;gap:34px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font:800 26px Manrope,Arial;letter-spacing:-1.3px}.brand sup{font-size:11px;vertical-align:top;margin-left:3px}.city-title{border-left:1px solid var(--line);padding-left:28px;min-width:190px}.city-title button{font-weight:600;padding:0;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-title span{margin-left:18px;color:var(--muted)}small{font-size:11px}.city-title small{display:block;margin-top:5px;color:var(--muted)}nav{display:flex;margin-left:auto;gap:6px}nav button{padding:10px 16px;border-radius:7px}nav button.active{background:#eff1e9;font-weight:600}.dark,.yellow{padding:13px 19px;border-radius:7px;font-weight:600;display:inline-flex;align-items:center;justify-content:space-between;gap:35px}.dark{background:var(--ink);color:white}.dark:hover:not(:disabled){background:#3e5045}.yellow{background:var(--lime);color:#232e1e}.yellow:hover:not(:disabled){background:#d0e977}.eyebrow{font:600 10px Manrope,Arial;letter-spacing:2px;color:var(--muted)}#cityView{height:calc(100dvh - 84px);min-height:690px;position:relative;overflow:hidden}.map-head{position:absolute;left:36px;right:348px;top:28px;z-index:2;display:flex;justify-content:space-between;gap:15px;pointer-events:none}.map-head h1{font:600 24px Manrope,Arial;letter-spacing:-1px;margin:8px 0}.map-head p{font-size:12px;color:var(--muted);margin:0}.metric-strip{display:flex;gap:30px;padding-top:8px}.metric-strip>div{min-width:95px}.metric-strip small{color:var(--muted);display:block}.metric-strip strong{display:block;font:600 24px Manrope,Arial;letter-spacing:-.8px;margin:6px 0}.metric-strip span{color:var(--green);font-size:10px;display:block}.map-wrap{position:absolute;inset:0 320px 152px 0;background:radial-gradient(ellipse at 54% 45%,#fbfcf5,#eaf0e7 72%);overflow:hidden}.map-wrap canvas{width:100%;height:100%;display:block;touch-action:none}.map-label{position:absolute;left:36px;top:154px;font-size:9px;letter-spacing:1.5px;color:#727d72;display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;border-radius:50%;background:#72a285;display:inline-block}.map-tools{position:absolute;left:28px;top:43%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px;box-shadow:0 3px 18px #23392708}.map-tools button{width:34px;height:35px;border-radius:5px;font-size:20px}#mapTip{position:absolute;bottom:22px;left:36px;font-size:10px;color:var(--muted)}.map-compass{position:absolute;bottom:25px;right:30px;color:#879582;font-size:9px}.map-compass span{display:block;font-size:30px}#plotHint{position:absolute;pointer-events:none;padding:9px 14px;border-radius:6px;background:#26322be8;color:white;font-size:11px;max-width:210px;box-shadow:0 4px 15px #0001}#inspector{position:absolute;right:0;top:0;bottom:35px;width:320px;background:#fff;padding:28px 25px;overflow:auto;border-left:1px solid var(--line);z-index:3;scrollbar-width:thin}.aside-top{display:flex;justify-content:space-between;align-items:center}.aside-top button{width:25px;height:25px;border:1px solid var(--line);border-radius:50%;color:var(--muted)}h2{font:600 29px/1.2 Manrope,Arial;letter-spacing:-1.2px;margin:23px 0 10px}.muted{color:var(--muted);font-size:12px;line-height:1.7}.service{margin:17px 0}.service>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.bar{height:4px;background:#edf0e9;border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:#8fa98b;border-radius:3px}.advice{padding:13px;background:#f4f6ef;border-radius:7px;font-size:11px;line-height:1.7;margin:22px 0 14px}.outline{border:1px solid var(--line);border-radius:6px;padding:12px 14px}.wide{display:flex;justify-content:space-between;align-items:center;width:100%}.section-line{display:flex;justify-content:space-between;margin:25px 0 14px;font-size:11px}.section-line small{color:var(--muted)}.objective{display:flex;gap:10px;padding:13px 0;border-top:1px solid #eff1ec}.objective .check{width:20px;height:20px;border:1px solid var(--line);border-radius:50%;flex-shrink:0;text-align:center;padding-top:2px;color:var(--green)}.objective h4{margin:0 0 4px;font-weight:500;font-size:12px}.objective p{margin:0;font-size:10px;color:var(--muted)}.objective button{background:var(--lime);border-radius:5px;font-size:10px;padding:5px 8px;margin-top:8px}.text-button{font-size:11px;padding:10px 0;border-bottom:1px solid var(--line)}.build-dock{position:absolute;bottom:35px;left:0;right:320px;min-height:117px;background:#fffffff2;border-top:1px solid var(--line);padding:15px 28px;z-index:3;display:flex;align-items:center;gap:20px}.dock-intro{width:133px;flex-shrink:0}.dock-intro b{font-size:12px;line-height:1.4;display:block}.dock-intro small{font-size:10px;color:var(--muted);line-height:1.5;display:block;margin-top:6px}#buildTools{display:flex;gap:5px;overflow:auto;scrollbar-width:thin;padding:4px 0;flex:1}.build-tool{min-width:60px;border-radius:7px;padding:8px 4px;border:1px solid transparent}.build-tool.active{border-color:#b8c990;background:#f1f5e5}.build-tool svg{display:block;width:30px;height:30px;margin:0 auto 5px}.build-tool b{display:block;font-size:9px;font-weight:500}.build-tool small{font-size:9px;color:var(--muted)}.dock-extra{display:flex;flex-direction:column;gap:4px}.dock-extra button{border:1px solid var(--line);border-radius:5px;width:26px;height:28px}.map-bottom{position:absolute;bottom:0;left:0;right:0;height:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px;font-size:10px;color:var(--muted);background:white;z-index:3}.map-bottom button{font-size:10px}#welcome{position:fixed;inset:84px 320px 35px 0;z-index:4;background:linear-gradient(90deg,#f5f6f1 0%,#f5f6f1ed 30%,#f5f6f100 75%);display:flex;align-items:center;pointer-events:none}.welcome-copy{margin:0 0 60px 6vw;pointer-events:auto}.welcome-copy h2{font:600 clamp(42px,4.9vw,76px)/1.07 Manrope,Arial;letter-spacing:-3.5px;margin:24px 0}.welcome-copy em{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px}.welcome-copy p{font-size:14px;line-height:1.8;color:#70796f;margin:22px 0 28px}.welcome-copy .yellow{padding:17px 23px;min-width:220px}.welcome-copy>small{display:block;margin:12px 0 35px;color:var(--muted);font-size:10px}.welcome-note{display:flex;gap:25px;font-size:8px;letter-spacing:1.3px;color:#87917e}body.welcoming .map-head,body.welcoming .build-dock,body.welcoming .map-label{opacity:.15;pointer-events:none}body.welcoming #inspector{opacity:.55;pointer-events:none}#opening{position:fixed;inset:0;background:#f5f6f1;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .5s}#opening b{font:700 15px Manrope;letter-spacing:6px}#opening>span{font-size:11px;color:var(--muted)}#skipIntro{position:absolute;bottom:35px;right:35px;font-size:11px}#pauseIntro{position:absolute;bottom:35px;left:35px;font-size:11px}.opening-mark{display:flex;gap:7px;align-items:flex-end;height:72px;margin-bottom:18px}.opening-mark i{width:20px;background:var(--ink);height:42px;animation:rise 1.1s both}.opening-mark i:nth-child(2){height:65px;animation-delay:.12s;background:#aabf79}.opening-mark i:nth-child(3){height:50px;animation-delay:.24s}@keyframes rise{from{transform:translateY(20px) scaleY(.1);opacity:0}to{transform:none;opacity:1}}dialog{border:1px solid var(--line);border-radius:16px;padding:28px 34px;max-width:790px;width:calc(100% - 32px);max-height:88dvh;box-shadow:0 30px 120px #16271d40;background:#fcfdf8;color:var(--ink)}dialog::backdrop{background:#18251f55;backdrop-filter:blur(5px)}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line)}#sheetBody h2{font-size:36px;margin-top:20px}#sheetBody h3{font:600 16px Manrope;letter-spacing:-.3px;margin-top:25px}#sheetBody p{line-height:1.8;color:#727d72;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.card{background:white;border:1px solid var(--line);border-radius:9px;padding:20px}.card small{display:block;color:var(--muted)}.card strong{display:block;font:600 25px Manrope;margin:12px 0}.card p{font-size:11px!important;margin-bottom:0}.notice{padding:15px 18px;background:#edf1e2;border:1px solid #dfe6ce;border-radius:8px;font-size:12px;line-height:1.7;margin:16px 0}.rows{margin:20px 0}.rows>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.rows small{color:var(--muted)}label{display:block;font-size:12px;margin:18px 0 8px}input,select{padding:13px;border:1px solid #cfd8c9;border-radius:7px;background:white;width:100%}input[type=range]{padding:0;accent-color:#75894f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.shop-card{border:1px solid var(--line);border-radius:10px;background:white;padding:16px}.shop-art{height:155px;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e8ede1}.shop-art svg{width:155px;height:130px}.shop-card h3{margin:15px 0 8px!important}.shop-card p{font-size:11px!important;margin:5px 0}.shop-card button{width:100%;margin-top:12px}.wallet-option{display:block;text-align:left;padding:15px;width:100%;border:1px solid var(--line);margin:9px 0;border-radius:7px}.wallet-option span{float:right;color:var(--muted);font-size:11px}.positive{color:#47765c}.negative{color:#b0654a}#toast{position:fixed;bottom:160px;left:50%;transform:translate(-50%,20px);z-index:30;max-width:90%;padding:14px 22px;background:#26352e;color:white;border-radius:8px;box-shadow:0 10px 30px #0002;font-size:12px;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.error{color:#a04738!important}.inline-error{min-height:20px;color:#a04738;font-size:12px}.guide-step{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.guide-step>span{font:500 24px Georgia;color:#97a381}.guide-step h3{margin:0!important}.guide-step p{margin:7px 0 0}.status-tag{display:inline-block;padding:5px 9px;background:#edf0e7;border-radius:4px;font-size:10px;color:#6e7b63}.building-actions{display:flex;gap:12px;margin:18px 0}.hidden{display:none!important}
@media(min-width:1650px){.build-dock{padding:20px 40px;gap:30px}.build-tool{min-width:69px}#inspector{width:345px;padding:35px}.map-wrap,.build-dock{right:345px}.map-head{right:380px}.metric-strip{gap:45px}}
@media(max-width:1150px){header{padding:0 20px;gap:18px}.city-title{display:none}.map-head{left:25px;right:305px}.map-head h1{font-size:21px}.metric-strip{gap:18px}.metric-strip>div{min-width:66px}.metric-strip span{display:none}.metric-strip strong{font-size:20px}#inspector{width:280px;padding:22px}.map-wrap,.build-dock{right:280px}.dock-intro{display:none}.build-dock{padding:12px 18px}#welcome{right:280px}.welcome-copy h2{font-size:52px}.welcome-copy{margin-left:5vw}}
@media(max-width:760px){header{height:68px;padding:0 14px;gap:9px}.brand{font-size:19px;gap:7px}.brand img{width:27px;height:27px}.brand sup{display:none}nav{gap:0}nav button{font-size:11px;padding:9px 8px}#walletButton{font-size:0;padding:10px;gap:0}#walletButton span{font-size:17px}#cityView{height:calc(100dvh - 68px);min-height:650px}.map-head{left:18px;right:18px;top:20px;display:block}.map-head>div>p{display:none}.map-head h1{font-size:21px;margin:5px 0}.map-head .eyebrow{font-size:8px}.metric-strip{margin-top:15px;gap:35px}.metric-strip strong{font-size:20px}.metric-strip span{display:block;font-size:9px}.metric-strip small{font-size:10px}.map-wrap{right:0;bottom:211px}.map-label{top:170px;left:18px;font-size:8px}.map-tools{left:12px;top:50%}.map-tools button{width:27px;height:29px}.map-compass{right:18px;bottom:13px}#mapTip{left:18px;bottom:15px;font-size:8px}#inspector{left:0;right:0;top:auto;bottom:143px;width:auto;height:69px;display:flex;gap:12px;align-items:center;padding:10px 16px;border-top:1px solid var(--line);overflow:hidden}#inspector .aside-top{flex-shrink:0;gap:12px}#inspector h2,#inspector>.muted,#serviceBars,#objectives,.section-line,#journalButton{display:none}.advice{margin:0;padding:0;background:none;font-size:10px;line-height:1.5;flex:1}#budgetButton{width:auto;font-size:10px;padding:10px;flex-shrink:0;gap:12px}.build-dock{right:0;bottom:30px;min-height:113px;padding:10px 12px;gap:8px}.build-tool{min-width:59px}.map-bottom{height:30px;padding:0 12px;font-size:8px}.map-bottom span{max-width:235px}.map-bottom button{font-size:9px}#welcome{inset:68px 0 30px}.welcome-copy{margin:0 20px 50px}.welcome-copy h2{font-size:49px}.welcome-copy p{font-size:12px}body.welcoming .map-wrap{opacity:.45}.cards{grid-template-columns:1fr;gap:8px}.card{padding:14px}.card strong{font-size:23px;margin:6px 0}.card p{margin-top:4px}.shop-grid{grid-template-columns:1fr}dialog{padding:22px}#sheetBody h2{font-size:29px}.map-head{pointer-events:none}#toast{bottom:225px}.welcome-note{gap:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){#dailyButton{display:none}.dock-extra button{height:25px}.map-wrap{background:radial-gradient(ellipse at 54% 55%,#fbfcf5,#eaf0e7 80%)}}

/* Full-screen harbor command UI. Original implementation. */
:root{color-scheme:dark;--paper:#0c1012;--ink:#f1efe7;--muted:#adb0a8;--line:#d8bb7c38;--lime:#d8c48b;--green:#8ed9b8;--panel:#101819df}
html,body{width:100%;height:100%;overflow:hidden}body{font:12px Inter,Arial,sans-serif;background:#182c32}button{transition:background .15s}button:hover:not(:disabled){background:#d8bb7c20}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #d8bb7c;outline-offset:2px}button[hidden]{display:none!important}
body>header{position:fixed;left:16px;top:16px;width:270px;height:84px;padding:12px 16px;display:block;background:#0b1011df;border:1px solid var(--line);box-shadow:0 8px 30px #0003;backdrop-filter:blur(12px);z-index:6}
.brand{font:bold 24px/1.2 Arial,sans-serif;letter-spacing:2.3px;text-transform:uppercase;margin-top:16px}.brand img{display:none}.brand::before{content:'●  CITY ONLINE · CR/01';position:absolute;left:16px;top:13px;color:#b6c4b8;font:8px Consolas,monospace;letter-spacing:1.7px}.city-title{display:block;border:0;padding:0;min-width:0;margin-top:5px}.city-title button{font:9px Consolas,monospace;color:var(--muted);max-width:170px}.city-title small{position:fixed;bottom:19px;right:19px;font:8px Consolas;color:#d5d7c6;background:#0b1011ab;padding:5px;pointer-events:none}header nav,#walletButton{display:none}
#cityView{position:fixed;inset:0;height:100dvh;min-height:0;overflow:hidden}.map-wrap{inset:0;background:#4d8b9e}.map-wrap::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #07161d33}.map-head{left:308px;right:auto;top:16px;display:block;width:390px;height:58px;background:#0c1416e0;border:1px solid var(--line);padding:10px 16px;backdrop-filter:blur(12px)}.map-head>div:first-child{display:none}.metric-strip{padding:0;gap:0;display:grid;grid-template-columns:1.3fr 1fr 1fr;margin:0}.metric-strip>div{min-width:0;border-right:1px solid #b6b3a01a;padding:0 13px}.metric-strip>div:first-child{padding-left:0}.metric-strip>div:last-child{border:0}.metric-strip small{font:8px Consolas;letter-spacing:1px;text-transform:uppercase}.metric-strip strong{font:bold 14px Consolas;margin:6px 0 0;color:#ebd69d;letter-spacing:0}.metric-strip span{display:none}.metric-strip:before{content:'LIVE CITY INDEX';position:absolute;top:-8px;left:17px;background:#0c1012;font:7px Consolas;letter-spacing:1.3px;padding:2px 6px;color:#d1bd8b}
.command-controls{position:fixed;top:16px;right:16px;margin:0;min-height:46px;background:#0b1011e3;border:1px solid var(--line);z-index:7;align-items:center;gap:2px;padding:5px}.command-controls button{padding:10px;font:10px Consolas;color:#ddd9c7}.time-rate{border:1px solid var(--line);padding:8px;font:10px Consolas;color:#e3d09d}.command-controls .active{color:#93e0c2;background:#78d7b015}
.demand-panel{position:absolute;z-index:4;top:102px;left:16px;width:270px;padding:12px 15px 10px;border:1px solid var(--line);background:#0b1011d9;backdrop-filter:blur(10px)}.demand-panel>span{font:8px Consolas;letter-spacing:1.7px;color:#b8bcaa;display:block;margin-bottom:9px}.demand-panel>div{display:flex;gap:12px;align-items:center;margin:6px 0;font:9px Consolas}.demand-panel b{color:#84cfad;width:10px}.demand-panel i{display:block;width:170px;height:5px;background:#899e9825}.demand-panel em{display:block;background:#83dbb2;width:0;height:5px;transition:width .3s}.demand-panel strong{font-size:8px;color:#b6bba8;min-width:30px}.demand-panel>div:nth-child(3) em{background:#87bcd4}.demand-panel>div:nth-child(4) em{background:#d6bb7f}
.city-brief{position:absolute;top:78px;right:16px;width:270px;padding:15px 17px;background:#0b1011de;border:1px solid var(--line);backdrop-filter:blur(12px);z-index:4}.city-brief small{display:block;font:8px Consolas;letter-spacing:1.6px;color:#bcbba9}.city-brief strong{display:block;font-size:12px;margin:12px 0 8px}.city-brief .bar{height:3px;background:#c9cbb51f}.city-brief .bar i{background:linear-gradient(90deg,#d9bf7c,#83d7b3);width:0}.city-brief>span{font:8px Consolas;color:#a6afa6;display:block;margin-top:6px}.city-brief hr{border:0;border-top:1px solid #d8bb7c20;margin:15px 0 12px}.city-brief p{font-size:10px;line-height:1.6;color:#b2b9ad;margin:8px 0 0}
.panel-tabs{position:fixed;top:254px;right:16px;width:352px;margin:0;padding:5px;display:grid;grid-template-columns:repeat(5,1fr);background:#0b1011dc;border:1px solid var(--line);z-index:6;backdrop-filter:blur(12px);gap:0}.panel-tabs button{display:flex;gap:7px;align-items:center;justify-content:center;padding:13px 2px;color:#d8bf83;border-radius:0;min-width:0;font-size:13px;border:1px solid #d8bb7c0e}.panel-tabs b{color:#bbbcae;font:8px Consolas}.panel-tabs button.active{background:#d8bb7c15}
#inspector{display:none;position:absolute;inset:350px 16px 168px auto;width:352px;max-height:calc(100dvh - 370px);padding:20px;background:#0d1719f5;border:1px solid var(--line);backdrop-filter:blur(16px);z-index:8;overflow:auto}#inspector.expanded{display:block}#inspector h2{font:600 20px Arial;letter-spacing:0;margin:15px 0}#inspector .aside-top{display:flex}#inspector .muted,#serviceBars,#objectives,.section-line,#journalButton{display:block}.aside-top button{border-radius:0}.section-line{display:flex}#inspector .advice{display:block;background:#d8bb7c0a;margin:12px 0;padding:12px;color:#c4c6b6}.bar{background:#c2c4b31a}.bar i{background:#8cb8a2}#budgetButton,#dailyButton{display:flex;width:100%}.objective{border-color:var(--line)}.objective .check{border-radius:0}.objective button{border-radius:0;background:#d8bb7c20;color:#e0cd9a}
.build-dock{position:absolute;bottom:17px;left:50%;right:auto;transform:translateX(-50%);height:85px;min-height:0;width:min(840px,calc(100vw - 48px));padding:5px;display:flex;gap:5px;background:#0a1012eb;border:1px solid #d8bb7c60;box-shadow:0 10px 40px #0007;backdrop-filter:blur(15px)}.build-dock:before{content:'BUILD EXCHANGE / CITY OPERATIONS';position:absolute;left:4px;top:-18px;font:8px Consolas;color:#e1d09b;letter-spacing:1.3px}.dock-intro{display:none}.build-categories{height:100%;display:flex;gap:1px;border-right:1px solid var(--line);padding-right:5px}.build-categories button{min-width:62px;padding:10px 7px;font-size:10px;border:1px solid transparent}.build-categories button small{display:block;font:8px Consolas;color:#aea78f;margin-bottom:7px}.build-categories [aria-selected=true]{border-color:#d8bb7c70;background:#d8bb7c12;color:#eddcae}#buildTools{display:flex;gap:5px;overflow:auto;padding:0;height:100%;scrollbar-width:thin}.build-tool{min-width:92px;flex:1;border-radius:0;padding:7px 12px;border:1px solid #d8bb7c13;display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr 1fr;align-content:center;align-items:end;gap:0 10px;text-align:left}.build-tool svg{width:21px;height:21px;color:#a3c7b8;margin:0;grid-row:span 2;align-self:center}.build-tool b{font-size:10px;color:#eee9dc}.build-tool small{font:8px Consolas;align-self:start;margin-top:5px;color:#b5b4a6}.build-tool.active{background:#78d7b018;border-color:#78d7b06b}.dock-extra{gap:3px}.dock-extra button{width:25px;height:22px;border-radius:0;color:#d8c48b}.map-bottom{position:fixed;bottom:0;left:16px;right:16px;width:auto;height:15px;padding:0;background:transparent;border:0;font:7px Consolas;color:#d0d4c4}.map-bottom button{font:7px Consolas}#reviewCity{margin-right:200px}.map-label{top:82px;left:308px;font:8px Consolas;color:#e4dfc9;background:#101717b8;padding:8px;letter-spacing:1px}.map-tools{left:auto;right:16px;top:auto;bottom:160px;border:1px solid var(--line);border-radius:0;background:#0b1011d9;padding:3px}.map-tools button{width:30px;height:29px;color:#d8c48b;border-radius:0}.map-compass{right:21px;bottom:110px;color:#e4d5ab}.lot-intelligence{position:absolute;left:16px;bottom:133px;width:317px;z-index:4;background:#0b1011df;border:1px solid var(--line);padding:14px}.lot-intelligence small{font:8px Consolas;letter-spacing:1.4px;color:#d8c48b}.lot-intelligence span{display:block;font:9px Consolas;color:#b9c3b5;margin-top:9px}#mapTip{left:50%;bottom:124px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 380px);background:#0b1011be;padding:9px 12px;color:#cccfc1;font:8px Consolas}.map-head,.demand-panel,.city-brief,.lot-intelligence{pointer-events:none}
#welcome{inset:auto auto 180px 24px;right:auto;display:block;width:370px;background:#0a1214ed;border:1px solid #d8bb7c70;padding:27px;backdrop-filter:blur(16px);z-index:9;pointer-events:auto}.welcome-copy{margin:0}.welcome-copy h2{font:700 30px/1.15 Arial;letter-spacing:1px;margin:18px 0}.welcome-copy p{font-size:12px;color:#b9c4b9;margin:16px 0;line-height:1.7}.welcome-copy .yellow{padding:13px 16px;min-width:240px;border-radius:0;background:#d8c48b;color:#141812}.welcome-copy>small{margin:10px 0 16px;color:#acb7aa}.welcome-note{font:8px Consolas;color:#c4bc9d;gap:20px}.eyebrow{font:8px Consolas;color:#c8be9c;letter-spacing:1.5px}body.welcoming .map-head,body.welcoming .build-dock,body.welcoming .map-label{opacity:1}body.welcoming .map-wrap{opacity:1}body.welcoming #inspector{opacity:1}
#opening{background:#0b1114;color:#ece9d8}#opening b{font:bold 15px Consolas;letter-spacing:5px}.opening-mark i{background:#587369}.opening-mark i:nth-child(2){background:#bba878}.opening-mark i:nth-child(3){background:#a6b9ab}dialog{position:fixed;left:auto;right:16px;top:120px;bottom:auto;margin:0;width:min(560px,calc(100vw - 32px));max-width:560px;max-height:calc(100dvh - 150px);border-radius:2px;background:#101a1ef5;color:#e9e9dd;border:1px solid #d8bb7c66;padding:25px;box-shadow:0 20px 80px #0006}dialog::backdrop{background:#07101430;backdrop-filter:blur(1px)}#sheetBody h2{font:600 25px/1.2 Arial;letter-spacing:0}#sheetBody h3{font:600 15px Arial;letter-spacing:0}#sheetBody p{color:#abb9b1;font-size:12px}.sheet-head button{border-radius:0}.cards{gap:6px}.card{background:#17272a;border-radius:1px;padding:14px}.card strong{font:600 20px Consolas}.notice{background:#d8bb7c09;color:#c9cfbd;border-color:var(--line);border-radius:1px}.outline,.dark,.yellow{border-radius:1px}.dark{background:#d8c48b;color:#0d1818}.dark:hover:not(:disabled){background:#ecdda9}input,select{background:#0b171a;color:#e9eada;border:1px solid #b4c4b24d;border-radius:1px}input[type=range]{accent-color:#d8c48b}.shop-card{background:#142226;border-radius:0}.shop-art{background:#213b40;border-radius:0;color:#e7cd94}.wallet-option{border-radius:0}.positive{color:#8ed9b8}.negative,.inline-error{color:#ee9b83}#toast{top:88px;bottom:auto;left:308px;transform:none;max-width:min(520px,calc(100vw - 640px));background:#101b1df2;border:1px solid #d8bb7c50;border-radius:1px;font-size:11px;padding:13px 17px;z-index:35}#toast.visible{transform:none}.status-tag{background:#bfd5bd17;color:#bccbb5;border-radius:0}.guide-step>span{color:#d8c48b}
@media(min-width:1400px){.map-head{width:510px}.metric-strip strong{font-size:17px}.command-controls{min-width:350px;justify-content:space-around}.city-brief{width:300px}.panel-tabs{width:352px;top:240px}.build-dock{width:900px}.build-tool{min-width:100px}}
@media(max-width:1100px){.map-head{width:330px;padding:10px}.command-controls{gap:0}.command-controls button{padding:9px 6px;font-size:9px}.city-brief{width:270px}.panel-tabs{top:243px}.metric-strip>div{padding:0 8px}.metric-strip small{font-size:7px}#toast{max-width:calc(100vw - 630px)}}
@media(max-width:850px){body>header{width:225px;left:10px;top:10px}.brand{font-size:20px}.map-head{left:245px;top:10px;width:290px}.command-controls{top:80px;right:10px}.city-brief{top:135px;right:10px;width:225px}.demand-panel{top:96px;left:10px;width:225px}.demand-panel i{width:130px}.panel-tabs{top:307px;right:10px;width:225px;grid-template-columns:repeat(3,1fr)}.map-label{top:80px;left:245px}.lot-intelligence{bottom:130px;width:245px;left:10px}.build-dock{width:calc(100vw - 20px)}.build-categories button{min-width:50px;padding:8px 4px}.build-tool{min-width:78px;padding:7px;gap:0 6px}#mapTip{display:none}#toast{left:245px;top:117px;max-width:calc(100vw - 490px)}#inspector{top:440px;right:10px;width:300px;bottom:115px;max-height:none}#welcome{width:330px;left:10px;bottom:175px}.welcome-copy h2{font-size:27px}}
@media(max-width:580px){body>header{left:8px;top:8px;width:168px;height:73px;padding:9px}.brand{font-size:16px;letter-spacing:1px;margin-top:17px}.brand::before{left:9px;top:10px;font-size:6px;letter-spacing:1px}.city-title button{font-size:8px;max-width:145px}.map-head{top:8px;left:184px;right:8px;width:auto;height:73px;padding:12px 8px}.metric-strip{gap:6px;grid-template-columns:1.2fr 1fr}.metric-strip>div{padding:0;border:0}.metric-strip>div:last-child{display:none}.metric-strip strong{font-size:14px;margin-top:9px}.metric-strip:before{font-size:6px;top:-5px}.demand-panel{top:89px;left:8px;width:168px;padding:9px}.demand-panel>span{font-size:6px}.demand-panel i{width:83px}.demand-panel>div{gap:7px}.command-controls{top:89px;right:8px;min-height:35px;padding:3px}.command-controls button{font-size:8px;padding:7px 5px}.command-controls #cityTour,.time-rate{display:none}.city-brief{display:none}.panel-tabs{right:8px;top:132px;width:51px;grid-template-columns:1fr;padding:2px;gap:1px}.panel-tabs button{padding:7px 1px;display:grid;gap:4px;font-size:12px}.panel-tabs b{font-size:6px}.map-label{top:179px;left:8px;font-size:7px;padding:6px}.build-dock{width:calc(100vw - 16px);bottom:18px;height:101px;padding:4px;gap:4px}.build-categories{display:flex;flex-direction:column;width:57px;padding:0 4px 0 0;gap:0}.build-categories button{padding:6px 3px;min-width:0;font-size:8px;flex:1}.build-categories small{display:none!important}.build-tool{min-width:65px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}.build-tool b{font-size:9px}.build-tool small{font-size:7px;margin:0}.build-tool svg{width:20px;height:20px;align-self:auto}.dock-extra button{width:22px;height:26px}#buildTools{gap:2px}.lot-intelligence{left:8px;bottom:146px;width:calc(100vw - 73px);padding:10px}.lot-intelligence small{font-size:7px}.lot-intelligence span{font-size:8px}.map-tools{right:8px;bottom:135px}.map-tools button{width:28px;height:27px}.map-compass{display:none}.map-bottom{font-size:6px;left:8px;right:8px}.map-bottom span{max-width:190px}#reviewCity{margin:0;font-size:7px}.city-title small{display:none}#toast{left:8px;right:70px;top:214px;max-width:none;font-size:10px}.build-dock:before{font-size:7px;top:-15px}#inspector{inset:200px 70px 190px 8px;width:auto;padding:15px;height:auto;max-height:none}#inspector .aside-top{display:flex}.advice{font-size:10px!important}#welcome{left:8px;right:70px;bottom:190px;width:auto;padding:18px}.welcome-copy h2{font-size:23px;letter-spacing:.7px}.welcome-copy p{font-size:11px}.welcome-copy .yellow{min-width:0;width:100%;font-size:11px}.welcome-note{display:none}.welcome-copy>small{font-size:8px;margin-bottom:0}dialog{inset:85px 8px auto;width:calc(100vw - 16px);max-height:calc(100dvh - 110px);padding:20px}.cards{grid-template-columns:1fr}.card strong{margin:6px 0}.shop-grid{grid-template-columns:1fr}.map-head{pointer-events:none}}

.metric-strip{grid-template-columns:1.2fr 1.2fr .9fr .9fr .8fr}.metric-strip strong{font-size:12px}.metric-strip>div{padding:0 8px}.metric-strip #cashflow{font-size:11px;color:#8ed9b8}.city-title small{display:none}@media(min-width:1400px){.metric-strip strong{font-size:15px}}@media(max-width:580px){.metric-strip{grid-template-columns:1fr 1fr}.metric-strip>div:nth-child(n+3){display:none}.metric-strip strong{font-size:13px}}

body.harbor-preview .map-head,body.harbor-preview .city-brief,body.harbor-preview .demand-panel,body.harbor-preview .map-label{visibility:hidden}body.harbor-preview .build-dock{opacity:.4;pointer-events:none}

/* Measured Stock City HUD geometry; Cairnstead implementation. */
body{font-family:Inter,"Avenir Next","SF Pro Display","Helvetica Neue",Arial,sans-serif}
body>header{width:276px;height:84px;padding:14px 16px 13px;border-radius:2px 10px 2px 2px;background:rgba(11,12,13,.78)}
.brand{font-size:22px;line-height:.95;font-weight:620;letter-spacing:.13em;margin-top:18px}.brand:after{content:'LIVE';font:7px Consolas;letter-spacing:1px;border:1px solid #d8bb7c44;padding:3px;margin-left:8px;vertical-align:middle}.brand:before{font-size:7px;letter-spacing:1.4px}.city-title{margin-top:7px}
.map-head{left:308px;right:350px;top:16px;width:auto;height:58px;padding:7px 8px;background:rgba(11,12,13,.78)}.metric-strip{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr .8fr;height:42px;align-items:center}.metric-strip:before{display:none}.metric-strip>div{display:block;padding:0 10px}.metric-strip small{font:7px Consolas;letter-spacing:.1em}.metric-strip strong{font:600 12px Consolas;margin-top:5px}.metric-strip>div:first-child{padding-left:7px}.metric-strip>div:first-child strong{font-size:13px}
.command-controls{height:46px;min-height:46px;padding:4px;gap:3px;background:rgba(11,12,13,.78);display:flex}.command-controls button{height:34px;min-width:29px;padding:0 9px;font:9px Arial}.speed-toggle{display:flex;border:1px solid #d8bb7c24;background:#0003}.speed-toggle button{padding:0 6px;min-width:29px;height:32px}.speed-toggle button.active{background:#d8bb7c20;color:#ead39a}.command-controls #systemButton{font-size:15px}
.demand-panel{width:276px;height:83px;padding:11px 14px 12px;background:rgba(11,12,13,.78)}.demand-panel>span{font-size:7px;margin-bottom:8px}.demand-panel>div{display:grid;grid-template-columns:16px minmax(0,1fr) 28px;gap:7px;margin:6px 0;font:8px Consolas}.demand-panel i{width:auto;height:3px;position:relative}.demand-panel i:after{content:'';position:absolute;left:50%;top:-2px;height:7px;width:1px;background:#ffffff40}.demand-panel em{height:3px;position:absolute;left:50%;max-width:50%}.demand-panel strong{font-size:7px;text-align:right}
.city-brief{width:284px;height:122px;padding:13px 14px 12px;display:grid;grid-template-columns:91px 1fr;gap:7px 9px;background:rgba(11,12,13,.78)}.city-brief>small:first-child{grid-column:1/-1}.city-brief small{font-size:7px;letter-spacing:.13em;line-height:1.4}.city-brief strong{font:600 10px Arial;margin:0;align-self:center}.city-brief .bar{align-self:center;height:3px}.city-brief>span{grid-column:1/-1;font:7px Consolas;margin:0}.city-brief hr{grid-column:1/-1;width:100%;margin:0}.city-brief p{font-size:8px;line-height:1.35;margin:0}
.panel-tabs{top:212px;width:352px;height:96px;padding:3px;gap:0;background:rgba(11,12,13,.78)}.panel-tabs button{padding:7px 2px;font-size:12px;gap:5px;min-height:44px;border-color:transparent}.panel-tabs b{font:8px Arial}
.map-tools,.map-compass,.map-label,.map-bottom,.dock-extra{display:none!important}#inspector{display:none!important}
.lot-intelligence{left:16px;bottom:118px;width:318px;min-height:58px;padding:11px 12px 11px 52px;background:rgba(11,12,13,.78)}.lot-intelligence:before{content:'⌖';position:absolute;left:12px;top:12px;width:28px;height:28px;border:1px solid #d8bb7c33;display:grid;place-items:center;color:#d8bb7c;font-size:17px}.lot-intelligence small{font-size:7px;letter-spacing:.13em}.lot-intelligence span{font:8px/1.5 Arial;margin-top:6px}#mapTip{bottom:118px;padding:7px 10px;font:7px Consolas;max-width:calc(100% - 700px);white-space:normal}
.build-dock{bottom:14px;width:min(640px,calc(100vw - 32px));height:76px;padding:5px;gap:5px;display:grid;grid-template-columns:178px minmax(0,1fr);background:linear-gradient(#d8bb7c06,#0000 58%),#090a0be8;border:1px solid #d8bb7c3d;border-radius:3px 3px 2px 2px;box-shadow:0 24px 60px #0007;backdrop-filter:blur(22px) saturate(.88)}.build-dock[data-category=services]{width:min(940px,calc(100vw - 32px))}.build-dock:before{content:'BUILD EXCHANGE / ' attr(data-category);top:-18px;left:7px;font:700 8px Consolas;letter-spacing:.17em;text-transform:uppercase}.build-dock:after{content:'SELECT A TOOL · CLICK A LOT TO BUILD';position:absolute;right:8px;top:-17px;color:#ddd1ae;font:7px Consolas;letter-spacing:.06em}.build-categories{display:grid;grid-template-columns:repeat(3,1fr);height:64px;gap:2px;padding:0 5px 0 0;width:auto}.build-categories button{min-width:0;min-height:0;padding:8px 3px;font:9px Arial}.build-categories button small{font:7px Consolas;margin-bottom:7px}.build-categories [aria-selected=true]{border-color:#d8bb7c33;background:#d8bb7c0d}#buildTools{height:64px;gap:3px;overflow-x:auto}.build-tool{min-width:0;min-height:64px;padding:7px 9px;grid-template-columns:17px 1fr;gap:0 7px;background:#ffffff04;border-radius:2px}.build-tool svg{width:17px;height:17px}.build-tool b{font:590 9px Arial}.build-tool small{font:7px Consolas;margin-top:4px}.build-dock[data-category=services] .build-tool{min-width:88px}
#sheet{position:fixed;inset:265px 16px auto auto;margin:0;width:352px;max-width:352px;max-height:calc(100dvh - 286px);padding:16px;background:linear-gradient(#d8bb7c06,#0000 45%),#08090af5;border:1px solid #d8bb7c33;border-radius:2px;box-shadow:0 16px 40px #0005;z-index:12;color:#e5e3da;overflow:auto;font:10px/1.5 Arial}#sheet::backdrop{background:transparent}.sheet-head{padding-bottom:12px;margin-bottom:15px;border-bottom:1px solid #d8bb7c26;align-items:center}.sheet-head .eyebrow{font:8px Consolas;letter-spacing:.15em;color:#d8bb7c}#closeSheet{width:28px;height:28px;padding:0;border:1px solid #d8bb7c33;border-radius:2px}#sheet h2{font:570 17px/1.2 Arial;letter-spacing:.025em;margin:0 0 15px}#sheet h3{font:600 10px Arial;margin:18px 0 8px}#sheet p{font-size:9px;line-height:1.6;margin:9px 0;color:#abb0aa}#sheet .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0 18px}#sheet .card{padding:9px 7px;background:#ffffff04;border:1px solid #d8bb7c22;border-radius:2px}#sheet .card small{font:7px/1.4 Arial}#sheet .card strong{font:600 12px Consolas;margin:8px 0 0}#sheet label{font-size:9px}#sheet input:not([type=range]),#sheet select{font-size:11px;padding:8px;border-radius:2px}#sheet button{font-size:9px;border-radius:2px}#sheet .dark{padding:11px 14px}.tax-row{display:grid;grid-template-columns:84px 1fr 30px;gap:7px;align-items:center;min-height:35px}.tax-row input{width:100%;accent-color:#d8bb7c}.tax-row b{font:9px Consolas;text-align:right}.ledger{display:flex;justify-content:space-between;min-height:28px;padding:7px 0;border-bottom:1px solid #ffffff0b;font-size:9px}.ledger b{font:9px Consolas;color:#91d2b6}.service{margin:12px 0}.service>div:first-child{display:flex;justify-content:space-between;font-size:9px;margin-bottom:7px}.service .bar{height:3px}.system-menu{position:fixed;right:16px;top:67px;z-index:20;width:190px;padding:12px;background:#090a0bf5;border:1px solid #d8bb7c44}.system-menu small{font:8px Consolas;color:#d8bb7c;display:block;padding:5px}.system-menu button{display:block;width:100%;text-align:left;padding:10px;font-size:10px}
@media(max-width:900px){.build-dock{left:12px;right:12px;transform:none;width:auto}.build-dock[data-category=services]{width:auto}}
@media(max-width:640px){body>header,.demand-panel,.city-brief{display:none!important}.map-head{top:8px;left:8px;right:8px;height:48px;padding:4px;width:auto}.metric-strip{height:38px;grid-template-columns:1.12fr 1fr .82fr}.metric-strip>div{display:block;padding:3px 5px}.metric-strip>div:nth-child(n+4){display:none}.metric-strip small{font-size:6px}.metric-strip strong,.metric-strip>div:first-child strong{font-size:9px;margin-top:4px}.command-controls{top:62px;right:8px;height:52px;min-height:52px;padding:2px;gap:2px}.command-controls button{height:44px;min-width:44px;padding:0 4px;font-size:8px}.command-controls #cityTour{display:none}.speed-toggle button{height:44px;min-width:29px}.panel-tabs{top:116px;right:8px;width:44px;height:auto;grid-template-columns:1fr;padding:0}.panel-tabs button{width:44px;height:44px;display:grid;gap:2px;padding:2px}.panel-tabs b{font-size:7px}#sheet{top:116px;right:60px;left:auto;width:calc(100vw - 68px);max-width:none;max-height:calc(100dvh - 244px);padding:13px}.lot-intelligence{left:8px;right:60px;bottom:136px;width:auto;min-height:58px;padding:10px 10px 10px 47px}.build-dock,.build-dock[data-category=services]{left:6px;right:6px;bottom:6px;width:auto;height:108px;display:block;padding:4px;transform:none}.build-dock:after{display:none}.build-dock:before{font-size:7px}.build-categories{height:40px;display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid #d8bb7c33;padding:0 0 3px;width:auto}.build-categories button{padding:4px;font-size:9px}.build-categories button small{display:inline!important;margin-right:8px}#buildTools{height:60px;padding-top:3px}.build-tool,.build-dock[data-category=services] .build-tool{min-width:78px;min-height:55px;display:grid;grid-template-columns:17px 1fr;padding:6px;gap:0 5px;align-items:center;text-align:left}.build-tool svg{align-self:center}.build-tool b{font-size:9px}.build-tool small{font-size:7px;margin:0}#mapTip{display:none}#toast{top:116px;left:8px;right:60px}.system-menu{top:116px;right:60px}.city-title small{display:none}}

.command-controls{width:348px;justify-content:space-between}.metric-strip:before{display:block;content:'LIVE CITY INDEX';top:-8px;left:17px;font:7px Consolas;background:#090a0be8;padding:2px 6px}.lot-intelligence small{font-size:7px}#sheet .budget-cards{grid-template-columns:1fr 1fr;gap:5px}#sheet .budget-cards .card:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}#sheet .budget-cards .card:last-child strong{margin:0}.tax-row:nth-of-type(1) input{accent-color:#85dbb0}.tax-row:nth-of-type(2) input{accent-color:#78c8ea}.tax-row:nth-of-type(3) input{accent-color:#dfbb73}.map-layers{display:grid;grid-template-columns:1fr 1fr;gap:7px}.map-layers button{padding:14px 10px;text-align:left;border:1px solid #d8bb7c26;background:#ffffff03}.map-layers button span{color:#d8bb7c;font-size:17px;margin-right:12px}.map-layers button.active{background:#d8bb7c16;border-color:#d8bb7c70}.map-legend{display:flex;gap:8px;align-items:center;padding:15px 0;font-size:8px;color:#abb0aa}.map-legend i{width:35px;height:3px;background:linear-gradient(90deg,#8dffaf,#77c8ff,#ffd081)}@media(max-width:640px){.command-controls{width:auto;justify-content:normal}.metric-strip:before{display:none}}

.sheet-head{position:relative;display:block;min-height:58px;padding-right:40px}.sheet-head #closeSheet{position:absolute;right:0;top:0}#sheet .sheet-title{margin:7px 0 0;font-size:17px}.tax-row{min-height:48px}.tax-row input{height:4px}.build-tool[data-kind=demolish] svg{color:#e98278}.build-tool[data-kind=road] svg,.build-tool[data-kind=inspect] svg{color:#85dbb0}.lot-intelligence small{font-size:7px}
@media(max-width:640px){.metric-strip>div:nth-child(3){display:block}}
#sheet .tax-row{margin:0;min-height:48px;font-size:8px}#sheet h3{font:700 8px Consolas;letter-spacing:.12em}#sheet h3 small{float:right;font-size:7px;color:#aaa}#sheet .budget-cards strong{color:#8ed9b8}#sheet .budget-cards .card:nth-child(2) strong{color:#e89286}

.city-brief>small:first-child{display:flex;justify-content:space-between}.city-brief small b{font:700 7px Consolas;color:#d2c28f;letter-spacing:.14em}.city-brief strong{font-size:10px}.status-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-summary>div{padding:10px;border:1px solid #d8bb7c22;background:#ffffff03}.status-summary small{display:block;font-size:8px;color:#a6afa8}.status-summary strong{display:block;margin-top:6px;font:600 14px Consolas;color:#d6c285}.status-demand>div{display:grid;grid-template-columns:18px 1fr 40px;gap:9px;align-items:center;margin:14px 0;font:9px Consolas}.status-demand i{height:4px;background:#ffffff12;position:relative}.status-demand i:before{content:'';position:absolute;left:50%;width:1px;height:8px;top:-2px;background:#ddd6}.status-demand em{position:absolute;height:4px;background:#83d4ad}.status-demand span{text-align:right}.status-demand b{color:#83d4ad}.unlock{margin-top:20px;padding:14px;border:1px solid #d8bb7c22;display:grid;gap:8px}.unlock small{font:7px Consolas;color:#d8bb7c;letter-spacing:.13em}.unlock strong{font-size:10px}.systems{display:grid;gap:0}.system-row{display:grid;grid-template-columns:26px minmax(0,1fr) 74px;gap:10px;align-items:center;min-height:55px;border-bottom:1px solid #ffffff09}.system-row .system-glyph{border:1px solid #d8bb7c33;width:25px;height:25px;display:grid;place-items:center;color:#d8bb7c;font-size:14px}.system-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-bottom:8px}.system-title strong{font-size:10px}.system-title span{font:9px Consolas;color:#a9c5b7}.system-row small{font:8px Consolas;color:#c9d3bf;text-align:right}.system-row small em{display:block;font:6px Consolas;letter-spacing:.05em;color:#929d91;margin-top:5px}.system-row:not(:has(>small))>div{grid-column:2/4}.system-row .bar{height:3px}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.quality-grid>div{display:flex;justify-content:space-between;border:1px solid #d8bb7c18;background:#ffffff03;padding:9px;font-size:8px}.quality-grid b{font:9px Consolas;color:#c8d9c6}.quality-grid small{font-size:8px;color:#9ca99f}.panel-open .lot-intelligence{display:none}.build-tool{position:relative}.tool-key{position:absolute;right:6px;top:4px;font:7px Consolas;color:#bbb69b}.map-control-hint kbd{font:7px Consolas;background:#ffffff12;border:1px solid #ffffff13;padding:2px 4px;margin-left:10px}.map-control-hint strong{color:#e3d095;margin-right:7px}.map-control-hint{font:8px Arial!important;padding:8px 10px!important;max-width:none!important;white-space:nowrap!important}.map-control-hint span{color:#969e96}.map-control-hint:before{content:'◉';margin-right:8px;color:#c9c7b1}.build-dock:after{content:'BUILD WITH LEFT DRAG · PRESS Q TO PAN THE MAP'}.build-tool[data-kind=inspect] small{text-transform:uppercase}.city-title button{font:8px Arial;color:#aaa}.demand-panel>div:nth-child(n) em{background:#88c9a8}.demand-panel>div:nth-child(n) strong{color:#c5c5aa}.metric-strip strong{color:#e2d49f}.metric-strip #cashflow{color:#88c9a8}.command-controls button{letter-spacing:.02em}.system-menu{padding:7px}.system-menu small{font-size:7px;letter-spacing:.12em}.system-menu button{border-bottom:1px solid #ffffff0b;font-size:9px}.panel-tabs button.active{background:#d8bb7c10;border:1px solid #d8bb7c33}#sheet .bar{margin-top:9px;height:4px}.systems .bar{margin-top:0!important}body.is-cinema header,body.is-cinema .map-head,body.is-cinema .demand-panel,body.is-cinema .city-brief,body.is-cinema .panel-tabs,body.is-cinema .build-dock,body.is-cinema .lot-intelligence,body.is-cinema #mapTip{opacity:0;pointer-events:none}body.is-cinema .command-controls{opacity:.7}
@media(max-width:640px){.map-control-hint{display:none!important}.system-row{grid-template-columns:22px 1fr 65px;gap:7px}.system-glyph{width:22px!important}.system-title strong{font-size:9px}.quality-grid{gap:4px}.quality-grid>div{padding:7px 5px}.build-dock:after{display:none}}

.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode-switch button{padding:12px 8px;text-align:left;border:1px solid #d8bb7c25;background:#ffffff03}.mode-switch strong,.mode-switch small{display:block}.mode-switch strong{font-size:10px}.mode-switch small{font-size:7px;margin-top:5px;color:#aaa}.mode-switch .active{border-color:#d8bb7c66;background:#d8bb7c10}.season-scorecard{display:grid;grid-template-columns:1fr 1fr 1fr;margin:16px 0;gap:5px}.season-scorecard small{font:6px Consolas;letter-spacing:.08em;color:#aaa}.season-scorecard strong{display:block;font:600 12px Consolas;margin-top:7px;color:#d8c797}.season-objectives{list-style:none;padding:0;margin:15px 0}.season-objectives li{display:flex;gap:12px;border-top:1px solid #d8bb7c22;padding:14px 0}.objective-index{font:9px Consolas;border:1px solid #d8bb7c33;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;color:#d8bb7c}.season-objectives strong{font-size:10px}.season-objectives button{border:1px solid #d8bb7c33;padding:7px 9px;color:#d8bb7c}.season-objectives button:disabled{opacity:.5}.wallet-state-card{display:grid;gap:10px;padding:16px;background:#ffffff03;border:1px solid #d8bb7c33}.wallet-state-card span{font:7px Consolas;letter-spacing:.15em;color:#d8bb7c}.wallet-state-card strong{font-size:14px}.wallet-state-card small{font-size:9px;color:#aaa}.wallet-option{border:1px solid #d8bb7c33;padding:14px;margin:8px 0;width:100%}.token-state{border:1px solid #d8bb7c25;padding:14px}.token-network-badge{font:7px Consolas;letter-spacing:.14em;color:#d8bb7c;border:1px solid #d8bb7c33;padding:5px 7px}.token-empty{display:flex;gap:13px;align-items:center;margin-top:15px}.token-empty i{font-style:normal;font-size:28px;color:#d8bb7c}.token-claim-state{font:7px Consolas;letter-spacing:.12em;color:#c7b995;padding:12px;border:1px solid #d8bb7c20;margin:10px 0}.claim-card{border:1px solid #d8bb7c25;padding:12px}.claim-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin:15px 0}.claim-facts small{font-size:7px;color:#aaa;display:block}.claim-facts strong{font:11px Consolas;display:block;margin-top:7px}.claim-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.claim-actions button{padding:10px 7px;border:1px solid #d8bb7c33}.claim-actions button:disabled{opacity:.4}.city-log-list{list-style:none;padding:0}.city-log-list li{display:flex;gap:12px;border-top:1px solid #d8bb7c22;padding:13px 0}.city-log-list li>span{color:#d8bb7c}.city-log-list strong{font:9px/1.5 Arial}.city-log-list small{display:block;font:7px Consolas;color:#929e92;margin-top:5px}.help-sections section{border-bottom:1px solid #d8bb7c22;padding:3px 0 14px}.help-sections h3{font-size:11px!important;letter-spacing:0!important}.help-sections kbd{border:1px solid #d8bb7c33;background:#fff1;font:8px Consolas;padding:2px 4px}.help-sections button{padding:9px;border:1px solid #d8bb7c33}

.wallet-actions{display:grid;gap:7px;margin:14px 0}.wallet-actions button{padding:13px;text-align:left;border:1px solid #d8bb7c33;background:#ffffff03}.wallet-actions strong,.wallet-actions small{display:block}.wallet-actions small{font-size:8px;margin-top:5px;color:#9da79e}.wallet-actions button:disabled{opacity:.55}.map-legend>div{flex:1}.map-legend strong{font-size:9px;color:#d4d8c8}#sheet .map-legend p{font-size:8px;margin:5px 0 0}.map-layers button{min-height:47px;padding:11px 9px}.map-layers button span{font-size:14px}
.pause-banner{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 14px;background:#030e11a3;border-left:1px solid #8df0c966;border-right:1px solid #8df0c966;font:700 9px Consolas;letter-spacing:.2em;color:#8dd6b8;z-index:5;pointer-events:none;opacity:0}.city-paused .pause-banner{opacity:1}.cinema-bars{position:fixed;inset:0;pointer-events:none;z-index:5;border-top:0 solid #020708;border-bottom:0 solid #020708;transition:border-width .5s}.is-cinema .cinema-bars{border-top-width:5.5vh;border-bottom-width:5.5vh}.is-cinema .pause-banner{opacity:0}.is-cinema .command-controls{z-index:15}
.civic-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 18px}.civic-tabs button{padding:10px 5px;background:#ffffff05;border:1px solid #b9c6ae22;color:#a9b8ad;font-size:11px}.civic-tabs button.active{background:#bcd0ad18;color:#eee7b6;border-color:#c9bd7955}.civic-hero{padding:17px;background:linear-gradient(135deg,#94b29112,#ead39206);border-left:2px solid #c6c38a;margin:12px 0}.civic-hero small,.civic-work>small{font:9px monospace;letter-spacing:1px;color:#c6c38a}.civic-hero h3{font-size:20px;margin:12px 0;line-height:1.3}.civic-actions{display:grid;gap:7px}.civic-actions button{text-align:left;padding:13px 12px;background:#ffffff04;border:1px solid #d7dec31c;color:#c4d3c9;font-size:11px}.civic-work{margin:15px 0;padding:15px;border:1px solid #c4d3af2b;background:#ffffff03}.civic-work h3{font-size:17px;margin:10px 0}.civic-work.active-work{border-color:#c9bd7977}.civic-work details{margin-top:14px;color:#abb9ac;font-size:11px}.civic-work summary{cursor:pointer}.credit-entry{display:grid;grid-template-columns:1fr auto;gap:7px;border-bottom:1px solid #abb89c25;padding:13px 0;font-size:11px}.credit-entry strong{display:block;font-weight:500}.credit-entry small{display:block;color:#849388;font-size:9px;margin-top:6px}.credit-entry>small{grid-column:1/-1}.economy-steps{list-style:none;padding:0;counter-reset:step}.economy-steps li{border-bottom:1px solid #afbc9b25;padding:14px 0}.economy-steps b{font-size:12px;color:#dbd9b9}.economy-steps p{margin:8px 0 0}.civic-work .wide,.civic-actions+.wide{margin-top:10px}#sheetBody>.wide{margin-top:10px}

.wallet-address{overflow-wrap:anywhere;font-family:monospace;font-size:11px!important;padding:10px;background:#ffffff05}.wallet-option{width:100%;margin:6px 0}#welcomeRestore{display:block;margin-top:12px;color:inherit;padding:12px 15px;border:1px solid #b8c4a855;font-size:12px}

/* First-visit catalog and controls must not fall through to the map. */
body.welcoming .map-head,body.welcoming .build-dock,body.welcoming .map-label,body.harbor-preview .build-dock{pointer-events:auto}
body.harbor-preview .build-dock{opacity:1}
body.welcoming .build-dock:after{content:'CHOOSE A TOOL · START YOUR FREE CITY TO BUILD'}