:root{color-scheme:dark;--ink:#f4eedc;--muted:#a7b7b7;--gold:#dfc989;--green:#90b49a;--panel:#172a32f5;--line:#b9c9c52b;--hud:64px;--dock:88px;font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif;color:var(--ink);background:#172a32}*{box-sizing:border-box}body{margin:0;overflow:hidden;font-size:14px}button,input,select,textarea{font:inherit}button,a.button{color:var(--ink);background:#213943;border:1px solid #91a5a549;border-radius:5px;padding:10px 13px;cursor:pointer;min-height:42px;text-decoration:none}button:hover:not(:disabled),a.button:hover{background:#31505a;border-color:#b8c7bb7d}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true],.primary{background:#365447;border-color:#a8c9ad;color:#faf4df}a{color:var(--gold)}[hidden],.hidden-compat,.legacy-caption{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}svg{width:24px;height:24px;flex:none}h2,h3,p{margin-top:0}h3{font-size:14px;font-weight:600}p{line-height:1.75}small,.small{font-size:11px;color:var(--muted)}.eyebrow{font-size:11px;color:var(--gold)}
.game-stage{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;background:#a7bab5}.world{position:absolute;inset:0}.world canvas{display:block;touch-action:none;width:100%;height:100%}.game-hud{height:var(--hud);position:absolute;left:0;right:0;top:0;z-index:24;display:flex;align-items:center;gap:0;padding:0 max(18px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));background:linear-gradient(#243943f7,#14262ff7);border-bottom:1px solid #d2c39165;box-shadow:0 3px 15px #0d20232b}.game-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--gold);font-weight:700;font-size:21px;letter-spacing:-.5px;margin-right:22px;white-space:nowrap}.game-brand svg{width:36px;height:36px}.hud-metric{display:flex;align-items:center;gap:9px;padding:0 22px;border-left:1px solid var(--line);height:34px;white-space:nowrap}.hud-metric svg{color:#a5b7aa;width:21px;height:21px}.hud-metric span{display:flex;align-items:baseline;gap:9px}.hud-metric small{color:#b4bebb;font-size:12px}.hud-metric b{font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.hud-metric.hud-year{display:flex;gap:9px}.hud-year b{font-size:23px}.hud-year b small{font-size:15px;margin-left:2px}.hud-year>#yearPill{display:none}.hud-population{background:none;border:0;border-left:1px solid var(--line);border-radius:0;min-height:0}.hud-controls{margin-left:auto;display:flex;align-items:center;gap:9px}.hud-icon{padding:7px;width:40px;min-height:38px;display:grid;place-items:center;background:transparent;border-color:transparent}.hud-icon svg{width:23px;height:23px}.hud-icon:hover:not(:disabled){background:#3e5358}.play-control{display:flex;align-items:center;gap:7px;border-color:#9baaa164;min-width:68px;justify-content:center;padding:7px 10px;min-height:38px;font-weight:700;color:var(--gold)}.play-control span{font-size:11px}.speed-control select{background:transparent;color:var(--ink);border:0;padding:8px 3px;max-width:85px;min-height:38px;font-size:12px}.speed-control option{background:#20343c}.game-mode-tag{position:absolute;top:calc(var(--hud) + 13px);left:22px;z-index:3;display:flex;gap:8px;align-items:center;color:#f6f2df;text-shadow:0 1px 4px #132922b0;font-size:11px;pointer-events:none}.game-mode-tag #modeName{background:#172a32b8;border:1px solid #b3bfaf52;padding:4px 8px;border-radius:3px}.game-mode-tag #sessionStatus{display:none}.game-dock{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);height:var(--dock);display:grid;grid-template-columns:repeat(4,1fr);width:min(580px,55vw);padding:7px 10px;background:linear-gradient(#253c45fa,#14272ffa);border:1px solid #c4bb9066;border-bottom-color:#d8c38d80;border-radius:16px 16px 7px 7px;box-shadow:0 9px 24px #0a171b42;z-index:24}.game-dock>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;border-radius:0;min-width:0;padding:4px;color:#b1c6b1}.game-dock>button+button{border-left:1px solid var(--line)}.game-dock>button svg{width:30px;height:30px;stroke-width:1.5}.game-dock>button span{font-size:13px;color:#f0eee1}.game-dock>button[aria-pressed=true]{background:#2d4547;color:var(--gold)}.game-dock>button[aria-pressed=true]::after{content:'';position:absolute;bottom:0;left:18%;right:18%;height:3px;background:var(--gold)}.game-dock>button[aria-pressed=true] span{color:var(--gold)}.game-dock i{position:absolute;right:16%;top:6px;width:17px;height:17px;border-radius:50%;background:#be7848;color:white;font-size:10px;font-style:normal;line-height:17px}.map-navigation{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));right:20px;z-index:14;display:flex;align-items:flex-end;gap:9px}.compass{width:46px;height:46px;min-height:46px;border-radius:50%;background:#172d37ed;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;font-size:9px;color:var(--gold);box-shadow:0 3px 8px #13252e44}.compass span{font-size:25px;line-height:21px}.zoom-controls{display:grid;border:1px solid #d2d5be50;border-radius:6px;overflow:hidden;background:#182d37ef}.zoom-controls button{border:0;border-radius:0;width:42px;min-height:38px;padding:0;background:transparent;font-size:24px}.zoom-controls button+button{border-top:1px solid var(--line)}
.game-panel,.picked,.placement-panel,.modal{background:var(--panel);color:var(--ink);border:1px solid #b7bda96b;border-radius:9px;box-shadow:0 15px 40px #0c202647;backdrop-filter:blur(12px)}.game-panel{position:absolute;left:20px;bottom:calc(var(--dock) + 32px);z-index:18;width:380px;max-width:calc(100vw - 40px);max-height:calc(100dvh - var(--hud) - var(--dock) - 65px);display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 17px 12px;border-bottom:1px solid var(--line);flex:none}.panel-heading small{color:var(--gold);font-size:10px}.panel-heading h2{margin:5px 0 0;font-size:20px;font-weight:600;letter-spacing:-.5px}.icon-button{display:grid;place-items:center;border:0;background:none;width:36px;min-height:36px;padding:5px}.icon-button svg{width:19px;height:19px}.panel-scroll{padding:14px 16px 18px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#657d78 transparent;min-height:0}.panel-intro{font-size:12px;color:var(--muted)}.policy-tabs{display:flex;gap:6px;margin-bottom:12px}.policy-tabs button{flex:1;font-size:12px;min-height:36px;padding:6px}.game-shell[data-game-panel=policies] .policy-tabs{display:none}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #adb9a741;background:#263d435e;padding:9px;border-radius:6px;min-width:0;transition:border-color .15s}.action:hover:not(:disabled){border-color:var(--gold)}.action figure{margin:0 0 7px;height:84px;background:#b1c5b30a;border-radius:3px;display:grid;place-items:center;overflow:hidden}.action figure img{width:100%;height:84px;object-fit:contain}.action .tile-symbol{font-size:34px;color:#aabfa8}.action strong{font-size:12px;line-height:1.4;font-weight:600;min-height:34px}.action .action-meta{display:flex;gap:8px;justify-content:space-between;font-size:10px;color:#b7c1b7;margin-top:8px}.action .cost{color:var(--gold)}.action:disabled{opacity:.4}.action:disabled img{filter:grayscale(.7)}.queue{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0;font-size:10px;color:#b4cbb6}.queue span{padding:5px 7px;background:#5b83612b;border-radius:3px}.build-toolbar{display:flex;gap:6px;margin-bottom:10px}.build-toolbar #buildCity{display:none}.build-toolbar #moveCity{font-size:11px;min-height:34px;padding:6px 9px;margin-left:auto;background:transparent}.record-menu{display:grid;gap:8px}.record-menu button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-size:14px;padding:13px}.record-menu span{font-size:11px;color:var(--muted);margin-top:6px}.settings-block+.settings-block{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.settings-block h3{color:var(--gold);margin-bottom:9px}.settings-block button,.settings-block .button{font-size:11px;min-height:38px;margin:3px 0}.view-controls,.world-tools,.sound-panel>div{display:flex;gap:6px;flex-wrap:wrap}.world-tools .segmented{display:flex;gap:5px;flex-basis:100%}.sound-panel label{display:flex;align-items:center;gap:9px;width:100%;font-size:12px;margin-top:9px}.sound-panel input{width:190px;accent-color:var(--green)}.sound-panel small{width:100%;margin-top:7px}.settings-block a.button{display:inline-flex;align-items:center}.stat-pair{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.stat-pair strong{font-size:30px;color:var(--gold)}.stat-pair span{font-size:12px;color:var(--muted)}#chart{width:100%;height:76px;margin:10px 0}#newsBody{font-size:12px}#newsTitle{font-size:13px;color:var(--gold)}.risk{padding:10px 0;border-bottom:1px solid var(--line)}.risk label{display:flex;justify-content:space-between;gap:8px;font-size:12px}.risk small{display:block;margin-top:6px;line-height:1.6}.bar{height:4px;background:#79908030;margin-top:9px;border-radius:2px;overflow:hidden}.bar i{height:100%;display:block}.issue-list{display:grid;gap:7px;margin-bottom:13px}.issue-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:10px;font-size:13px}.issue-list small{font-size:10px}.issue-list .urgent{color:#edb594}.issue-list .improving{color:#b5d5b6}.simulation-panel{margin-top:15px;border-top:1px solid var(--line);padding-top:15px}.simulation-panel h2{font-size:14px;color:var(--gold);margin:0 0 7px}.sim-heading p{font-size:11px;color:var(--muted);line-height:1.7}.sim-controls{display:flex;align-items:center;gap:8px;font-size:10px;flex-wrap:wrap}.simulation-countries{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.sim-country{padding:10px;text-align:left;min-width:0;font-size:10px}.sim-country.selected{border-color:var(--gold);background:#40594d66}.sim-country-title{display:flex;justify-content:space-between;gap:4px}.sim-country-title strong{font-size:11px}.sim-numbers{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.sim-numbers b{font-size:18px;color:var(--gold)}.sim-country p{margin:8px 0 0;font-size:10px;color:#b4c3bd;line-height:1.6}.sim-mini{display:none}.solo-mode #simulationCountries,.solo-mode #simCollapse{display:none!important}.solo-test-tools{margin-top:15px;font-size:12px}.solo-test-tools label{display:flex;align-items:center;gap:10px}.solo-test-tools button{margin:8px 4px 0 0}.solo-test-tools p{font-size:11px;color:var(--muted)}select,textarea,input:not([type=range]):not([type=checkbox]){background:#13252e;color:var(--ink);border:1px solid #9aafa65c;border-radius:4px;padding:9px}summary{cursor:pointer;line-height:1.5;font-size:12px;color:var(--gold)}details p{font-size:12px}.picked,.placement-panel{position:absolute;left:20px;bottom:calc(var(--dock) + 32px);width:340px;max-width:calc(100vw - 40px);max-height:calc(100dvh - var(--hud) - var(--dock) - 65px);padding:18px;overflow:auto;z-index:19}.picked>button:first-child,.placement-close{position:absolute;right:7px;top:7px;width:30px;min-height:30px;padding:3px;background:transparent;border:0}.picked strong{display:block;font-size:17px;padding-right:20px;color:var(--gold)}.picked p,.placement-panel p{font-size:12px;line-height:1.8;color:#c0ceca}.picked .source-link{display:block;width:100%;font-size:12px;margin-top:8px}.picked small{display:block;margin-top:8px}.placement-panel strong{display:block;padding-right:25px}.placement-panel .primary{width:100%;margin-top:10px}.plot-list{width:100%;margin-top:5px}.move-list{display:grid;gap:6px;margin-top:12px}.move-list button{font-size:12px;text-align:left}.plot-layer{position:absolute;inset:0;pointer-events:none;z-index:10}.plot-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:37px;min-height:37px;padding:4px;border:1px solid #d3ead1;background:#387563e8;color:#fff8df;font-size:12px;box-shadow:0 3px 8px #102c2e44}.plot-marker[aria-pressed=true]{background:#d4b571;color:#182f31;border-color:#fff0b0}.placing .city-issue-layer{display:none}.placing .game-mode-tag{display:none}.city-issue-layer{position:absolute;inset:0;pointer-events:none;z-index:9;overflow:hidden}.city-issue{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:grid;place-items:center;width:32px;min-height:32px;height:32px;padding:4px;background:#e4bc66;border:1px solid #fff0b8;border-radius:6px;color:#302b22;box-shadow:0 3px 9px #142a2947}.city-issue svg{width:20px;height:20px}.city-issue.severe{background:#d59061;border-color:#ffe2b3}.city-issue.improving,.city-issue.resolved{background:#99bc92;border-color:#dcf2cd}.city-issue::after{content:'';position:absolute;bottom:-5px;left:11px;width:8px;height:8px;transform:rotate(45deg);background:inherit;border-right:1px solid #e3d4a8;border-bottom:1px solid #e3d4a8}.world-feedback{position:absolute;left:50%;top:calc(var(--hud) + 12px);transform:translateX(-50%);max-width:55%;padding:8px 12px;background:#1f363ee6;color:#f0dfae;border:1px solid #d5c18b60;border-radius:4px;z-index:15;font-size:11px;pointer-events:none}.era-moment{display:none}.map-label{position:absolute;z-index:3;transform:translate(-50%,-100%);padding:3px 6px;background:#1a343dbf;color:#e4e9d9;font-size:10px;max-width:130px;white-space:nowrap}.district-label{background:transparent;border:0;color:#f0f2df;text-shadow:0 1px 3px #18362f}
.world-loading,.unsupported{position:absolute;inset:var(--hud) 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#233e45e8;color:var(--ink);z-index:6;gap:12px;text-align:center;padding:30px;pointer-events:none}.world-loading strong,.unsupported strong{font-size:18px}.world-loading p,.unsupported p{font-size:12px;max-width:400px;color:#baccc5}.unsupported button{pointer-events:auto}.loading-orbit{width:30px;height:30px;border:2px solid #6a898480;border-top-color:#dfc989;border-radius:50%;animation:orbit 1.2s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;top:calc(var(--hud) + 12px);transform:translateX(-50%);background:#233b43f5;color:#f6e8c5;padding:11px 16px;border:1px solid #d1be8b80;border-radius:5px;box-shadow:0 8px 20px #10263038;max-width:min(520px,90vw);z-index:60;font-size:12px;line-height:1.6;pointer-events:none}.modal-back{position:fixed;inset:0;z-index:40;background:#0f22273d;display:flex;align-items:flex-end;justify-content:flex-start;padding:calc(var(--hud) + 20px) 20px calc(var(--dock) + 32px);}.modal{position:relative;width:min(460px,calc(100vw - 40px));padding:20px;max-height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#6e8a80 transparent}.modal h2{font-size:21px;line-height:1.4;margin:7px 0 14px;letter-spacing:-.5px}.modal p{font-size:12px;color:#c0cec8;line-height:1.8}.modal h3{font-size:13px;margin-top:14px;color:var(--gold)}.modal-clock{font-size:10px;color:#acbcb6;border-bottom:1px solid var(--line);padding:0 0 10px;margin-bottom:12px}.modal .notice,.notice{font-size:12px;background:#66836422;border-left:2px solid #a4b98b;padding:12px;line-height:1.8}.modal-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.modal-actions button{flex:1;min-width:110px;font-size:12px;min-height:44px}.modal .task{display:block;background:#243d43;border:1px solid #7c97815c;padding:11px;margin:8px 0;border-radius:4px;font-size:12px;line-height:1.7}.modal .task select{display:block;width:100%;margin-top:7px}.modal .task input{width:18px;height:18px;accent-color:#a1bf93;vertical-align:middle}.modal #feedback{color:#f0c192;font-size:12px;line-height:1.7;margin-top:10px}.score-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);gap:10px;font-size:12px}.modal .big{font-size:45px;color:var(--gold)}.concept-hero{padding:11px;background:#2b46475c;border-left:2px solid var(--gold)}.concept-hero strong{display:block;font-size:14px;line-height:1.7;margin-top:8px}.concept-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;font-size:12px;color:#c4d1bf;margin-top:15px}.concept-question{font-size:12px;padding:11px;border:1px solid #84987c54;line-height:1.8}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.learning-card{display:flex;flex-direction:column;gap:7px;text-align:left;font-size:11px}.learning-card span{font-size:21px;color:var(--gold)}.discussion{padding:10px;background:#53684e2b;margin-top:10px}.game-stage:fullscreen,.game-stage.expanded{inset:0;width:100vw;height:100dvh}.game-stage.expanded{z-index:1000}.waiting-box{padding:20px 0}.waiting-box h2{font-size:24px}
@media(max-width:1100px){.game-brand{font-size:18px;margin-right:12px}.game-brand svg{width:28px;height:28px}.hud-metric{padding:0 13px}.hud-metric b{font-size:17px}.hud-metric small{font-size:11px}.hud-controls{gap:3px}.hud-population svg{display:none}.game-panel{width:360px}.game-dock{width:min(520px,58vw)}}
@media(max-width:760px){:root{--hud:58px;--dock:76px}.game-hud{padding:0 10px;gap:0}.game-brand{margin-right:8px;gap:5px;font-size:15px}.game-brand svg{width:24px;height:24px}.hud-metric{padding:0 10px;height:30px}.hud-metric b,.hud-year b{font-size:17px}.hud-metric small{font-size:10px}.hud-year b small{font-size:11px}.hud-budget svg{display:none}.hud-metric span{gap:5px}.hud-controls{gap:0}.hud-icon{width:34px;padding:6px;min-height:36px}.hud-icon svg{width:21px;height:21px}.play-control{min-width:38px;width:38px;padding:7px;font-size:15px}.play-control span{display:none}.speed-control select{font-size:11px;width:65px;padding:8px 1px}.game-mode-tag{left:12px;top:calc(var(--hud) + 10px);font-size:10px}.game-dock{bottom:12px;width:420px;max-width:calc(100vw - 130px);padding:5px 6px;border-radius:12px 12px 6px 6px}.game-dock>button svg{width:25px;height:25px}.game-dock>button span{font-size:11px}.game-dock i{right:9%;top:3px}.map-navigation{right:10px;bottom:15px;gap:6px}.zoom-controls button{width:36px;min-height:34px;font-size:22px}.compass{width:36px;height:36px;min-height:36px}.compass span{font-size:20px;line-height:18px}.game-panel,.picked,.placement-panel{left:12px;bottom:calc(var(--dock) + 26px);max-height:calc(100dvh - var(--hud) - var(--dock) - 50px);max-width:calc(100vw - 24px);width:340px}.panel-heading{padding:12px 14px 10px}.panel-heading h2{font-size:18px}.panel-scroll{padding:12px}.modal-back{padding:calc(var(--hud) + 12px) 12px calc(var(--dock) + 26px)}.modal{width:min(440px,calc(100vw - 24px));padding:16px}.world-feedback{font-size:10px;max-width:60%}}
@media(max-width:580px){:root{--hud:88px;--dock:72px}.game-hud{height:var(--hud);display:grid;grid-template-columns:1fr auto auto;grid-template-rows:39px 45px;padding:0 10px 4px}.game-brand{grid-column:1;grid-row:1;font-size:15px}.game-brand svg{width:24px;height:24px}.hud-controls{grid-row:1;grid-column:2/4;justify-content:flex-end}.hud-year{grid-row:2;grid-column:1;border-left:0;padding-left:0}.hud-budget{grid-row:2;grid-column:2}.hud-population{grid-row:2;grid-column:3;padding-right:0}.hud-metric{height:27px;padding:0 10px}.hud-year b{font-size:24px}.hud-metric b{font-size:18px}.hud-metric span{gap:6px}.hud-metric small{font-size:10px}.hud-controls .speed-control select{width:57px;font-size:10px}.hud-icon{width:33px}.game-dock{width:calc(100vw - 80px);max-width:none;left:12px;transform:none;border-radius:10px 10px 5px 5px;bottom:10px}.map-navigation{right:10px;bottom:12px}.map-navigation .compass{display:none}.zoom-controls button{width:34px;min-height:32px}.game-dock>button svg{width:24px;height:24px}.game-dock>button span{font-size:11px}.game-dock i{width:14px;height:14px;line-height:14px;font-size:9px}.game-panel,.picked,.placement-panel{left:10px;bottom:calc(var(--dock) + 22px);width:calc(100vw - 20px);max-width:none;max-height:min(54dvh,calc(100dvh - var(--hud) - var(--dock) - 40px))}.modal-back{padding:calc(var(--hud) + 10px) 10px calc(var(--dock) + 22px)}.modal{width:calc(100vw - 20px);max-height:min(65dvh,100%)}.panel-heading h2{font-size:17px}.action figure,.action figure img{height:65px}.action strong{font-size:12px;min-height:32px}.action-meta{font-size:10px}.world-feedback{left:50%;max-width:90%;top:calc(var(--hud) + 10px)}.toast{top:calc(var(--hud) + 9px);font-size:11px;padding:9px 12px}.game-mode-tag{top:calc(var(--hud) + 10px);left:10px}.city-issue{width:30px;height:30px;min-height:30px}.city-issue svg{width:18px;height:18px}}
@media(max-height:530px) and (min-width:581px){:root{--hud:48px;--dock:60px}.game-hud{height:48px}.game-brand{font-size:16px}.game-brand svg{width:25px;height:25px}.hud-metric{height:26px}.game-dock{bottom:8px;width:360px;height:60px}.game-dock>button{gap:1px}.game-dock>button svg{width:22px;height:22px}.game-dock>button span{font-size:10px}.game-panel,.picked,.placement-panel{bottom:80px;max-height:calc(100dvh - 140px)}.modal-back{padding-top:58px;padding-bottom:80px}.map-navigation{bottom:10px}.game-mode-tag{top:54px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.hud-year b{display:flex;align-items:baseline}.hud-year b #year{display:inline}.game-shell #simCollapse{display:none}.game-shell .sim-mini{display:none}
body[data-observe=true]{background:#172d3b}body[data-observe=true]>.topbar,body[data-observe=true] .era-bar,body[data-observe=true] .world-caption,body[data-observe=true] .world-legend,body[data-observe=true] #eraNote,body[data-observe=true] .data-note{display:none!important}body[data-observe=true] #worldStage{position:fixed;inset:0;width:100%;height:100dvh;border:0;border-radius:0;margin:0}body[data-observe=true] #worldStage .world-tools{right:12px;top:12px}body[data-observe=true] .city-fullscreen-hud{display:flex}

.construction-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.construction-grid[hidden],.construction-legend[hidden]{display:none}.construction-grid polygon{stroke-width:.65}.construction-grid .can-build{fill:#38b87938;stroke:#5be39a9c}.construction-grid .cannot-build{fill:#d4515130;stroke:#e5787870}.construction-legend{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);display:flex;gap:16px;background:#20333bed;color:#f0f5ef;border-radius:10px;padding:8px 14px;z-index:7;font-size:12px;pointer-events:none}.construction-legend span:first-child{color:#75e6a3}.construction-legend span:last-child{color:#ff9e99}.problem-gauge{display:flex;align-items:center;gap:12px;padding:14px 4px;color:#70c99b}.problem-gauge[data-level="orange"]{color:#e8b061}.problem-gauge[data-level="red"]{color:#ef8279}.gauge-icon{width:28px;height:28px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:bold}.gauge-track{position:relative;display:flex;flex:1;height:12px;gap:3px;border-radius:8px}.gauge-track i:nth-child(1){background:#56ad80;flex:30}.gauge-track i:nth-child(2){background:#df9f49;flex:30}.gauge-track i:nth-child(3){background:#d55c57;flex:40}.gauge-track i:first-child{border-radius:8px 0 0 8px}.gauge-track i:nth-child(3){border-radius:0 8px 8px 0}.gauge-track b{position:absolute;top:-5px;width:4px;height:22px;background:#fff;border:1px solid #26373e;transform:translateX(-50%);border-radius:3px}
.city-goal-open{display:block;width:100%;text-align:left;background:transparent;border:0;color:inherit;padding:8px 10px}.city-goal-open>strong{font-size:12px}.city-goal-open>small{display:block;font-size:10px;opacity:.8;margin-top:6px}.goal-row{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:11px}.goal-row span{width:78px}.goal-row progress{flex:1;min-width:30px;height:6px;accent-color:#74cba3}.goal-row b{width:32px;text-align:right;font-size:10px}.goal-sections section{background:#273c43;border-radius:12px;padding:12px;margin:10px 0}.goal-sections h3{font-size:15px;margin:0 0 8px}.goal-sections ul{padding:0;list-style:none}.goal-sections li{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:7px 0;opacity:.8}.goal-sections .achieved{color:#8cdfb1;opacity:1}.case-source{border-left:3px solid #d5a067;padding:8px;margin:10px 0;background:#30424a}.case-source>button:first-child{background:transparent;color:#f1d8b4;border:0;font-weight:bold;text-align:left}.case-recovery{background:#263d40;padding:10px;border-radius:10px;font-size:12px}.case-recovery p{margin-bottom:0}#picked:has(.case-source){max-height:65vh;overflow-y:auto}
/* A restrained palette shared by tools and city indicators. */
#dockBuild{--tool-color:#deb576}#dockPolicies{--tool-color:#98c9a0}#dockIssues{--tool-color:#e6a08e}#dockRecords{--tool-color:#9bbfd7}#dockSettings{--tool-color:#b3b8d2}.game-dock [data-dock] svg{color:var(--tool-color,#a5bec1);filter:drop-shadow(0 1px 3px #101d2440)}.game-dock [aria-pressed=true]{border-color:var(--tool-color,#a5bec1);box-shadow:inset 0 -2px var(--tool-color,#a5bec1)}#lightSettings svg{color:#e0bc75}#openSettings svg{color:#a9b9d0}#compareGroups svg{color:#98c4be}.dashboard-grid [data-city-stat=production] svg{color:#d8b47b}.dashboard-grid [data-city-stat=net] svg{color:#93c6a0}.dashboard-grid [data-city-stat=population] svg{color:#9fbed3}.dashboard-grid [data-city-stat=happiness] svg{color:#e0bf83}.dashboard-grid [data-city-stat=env] svg{color:#90b79c}.dashboard-grid [data-city-stat=gap] svg{color:#c0add0}.dashboard-grid [data-city-stat=labor] svg{color:#d6a88c}.dashboard-grid [data-city-stat=consume] svg{color:#a1c5c3}.dashboard-grid [data-level=orange] svg{color:#e3b46c}.dashboard-grid [data-level=red] svg{color:#e28d82}
.city-explanation{display:grid;gap:10px;padding:14px 0;border-top:1px solid #b8ccb52a;margin-top:12px}.city-explanation label{display:grid;gap:6px;font-size:12px;color:#d7dfcf}.city-explanation textarea,.city-explanation select{font:inherit;color:#e9eee2;background:#26383e;border:1px solid #718a7c;border-radius:8px;padding:9px;width:100%;resize:vertical}.city-explanation small{font-size:11px;color:#acbeb0;line-height:1.6}