:root{--shell:#09090d;--hud:#171720;--hud-raised:#1d1d29;--hud-muted:#101016;--text:#f2f2f7;--text-2:#ababbd;--text-3:#7f7f94;--border:#ffffff17;--border-strong:#ffffff2b;--violet:#8175ff;--violet-strong:#695bf4;--teal:#30d7c5;--gold:#d4a552;--green:#80c568;--red:#d26856;--font-ui:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Georgia, "Times New Roman", serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--shell);color:var(--text);font-family:var(--font-ui);overflow:hidden}button{color:inherit;font:inherit}button:focus-visible,canvas:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.game-shell-v2{background:var(--shell);width:100%;height:100dvh;min-height:0;overflow:hidden}.topbar-v2{z-index:40;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09090df0;grid-template-columns:190px minmax(520px,1fr) auto;align-items:center;gap:14px;height:60px;padding:7px 10px 7px 16px;display:grid;position:relative;box-shadow:0 10px 28px #0000004d}.brand-v2{letter-spacing:.09em;flex-wrap:wrap;align-items:baseline;font-size:17px;line-height:1;display:flex}.brand-v2 strong{font-weight:900}.brand-v2>span{color:var(--text-2);font-weight:300}.brand-v2 small{width:100%;color:var(--text-3);font-family:var(--font-display);letter-spacing:0;margin-top:6px;font-size:10px}.resource-row{grid-template-columns:repeat(6,minmax(76px,1fr));gap:5px;min-width:0;display:grid}.resource-readout{border:1px solid var(--border);background:#ffffff08;border-radius:9px;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;min-width:0;height:44px;padding:5px 7px;display:grid}.resource-glyph{width:20px;height:20px;color:var(--gold);background:#ffffff0e;border-radius:6px;place-items:center;font-size:10px;display:grid}.glyph-wood{color:#bc8c5d}.glyph-stone{color:#adb4be}.glyph-tools{color:#83bfd0}.glyph-coins{color:var(--gold)}.glyph-research{color:var(--violet)}.resource-readout>span:nth-child(2){min-width:0;display:grid}.resource-readout small,.town-clock small,.inspector-top small,.drawer-title small,.charter-card>small,.help-panel>small{color:var(--text-3);letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:800}.resource-readout strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:15px;line-height:1.1}.resource-readout em{font-family:var(--font-mono);align-self:end;padding-bottom:2px;font-size:9px;font-style:normal}.positive{color:var(--green)}.negative{color:var(--red)}.neutral{color:var(--text-3)}.town-clock{align-items:center;gap:7px;display:flex}.town-clock>div{min-width:68px;display:grid}.town-clock strong{font-family:var(--font-mono);margin-top:2px;font-size:14px;line-height:1}.town-clock strong span{color:var(--text-3);font-size:11px}.town-clock .date-block{text-align:right;min-width:127px}.town-clock .date-block strong{font-family:var(--font-ui);white-space:nowrap;font-size:11px}.speed-button,.speed-chip{border:1px solid var(--border);background:var(--hud-raised);cursor:pointer;border-radius:8px;min-width:40px;min-height:40px}.speed-button{color:var(--teal)}.speed-chip{min-width:30px;color:var(--text-3);font-size:10px;font-weight:800}.speed-chip.active{color:var(--teal);background:#30d7c51f;border-color:#30d7c580}.game-viewport{height:calc(100dvh - 60px);min-height:0;position:relative;overflow:hidden}.world-wrap{background:#465843;position:absolute;inset:0 0 0 58px;overflow:hidden}.world-canvas-v2{cursor:default;touch-action:none;display:block;position:absolute;inset:0}.world-canvas-v2.tool-road{cursor:crosshair}.world-canvas-v2.tool-bulldoze{cursor:not-allowed}.world-canvas-v2[class*=tool-house],.world-canvas-v2[class*=tool-farm],.world-canvas-v2[class*=tool-pasture],.world-canvas-v2[class*=tool-lumber],.world-canvas-v2[class*=tool-quarry],.world-canvas-v2[class*=tool-warehouse],.world-canvas-v2[class*=tool-market],.world-canvas-v2[class*=tool-workshop],.world-canvas-v2[class*=tool-forester],.world-canvas-v2[class*=tool-school],.world-canvas-v2[class*=tool-well]{cursor:copy}.tool-rail{z-index:25;border-right:1px solid var(--border);background:var(--hud-muted);flex-direction:column;align-items:stretch;gap:4px;width:58px;padding:8px 5px;display:flex;position:absolute;inset:0 auto 0 0}.tool-rail button{min-height:58px;color:var(--text-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;padding:6px 2px;display:grid}.tool-rail button:hover{background:var(--hud-raised);color:var(--text)}.tool-rail button.active{color:#c5c0ff;background:#8175ff26;border-color:#8175ff73}.tool-rail button.active.teal{color:var(--teal);background:#30d7c51f;border-color:#30d7c573}.tool-rail button.active.danger{color:#ee8b77;background:#d2685624;border-color:#d2685680}.tool-rail b{font-size:17px;line-height:1}.tool-rail span{margin-top:4px;font-size:9px;font-weight:750}.build-drawer{z-index:24;border:1px solid var(--border-strong);background:#101016f7;border-radius:14px;width:306px;padding:15px;position:absolute;top:10px;bottom:10px;left:68px;overflow-y:auto;box-shadow:0 20px 50px #0000006b}.drawer-title,.inspector-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.drawer-title h2,.inspector-top h2{font-family:var(--font-display);margin:4px 0 0;font-size:20px;line-height:1.08}.drawer-title button,.inspector-top button,.close-help{border:1px solid var(--border);background:var(--hud-raised);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;flex:none}.drawer-note{color:var(--text-2);margin:11px 0 14px;font-size:12px;line-height:1.45}.build-catalog{grid-template-columns:1fr 1fr;gap:8px;display:grid}.catalog-card{border:1px solid var(--border);background:var(--hud-raised);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:34px 1fr;gap:7px;min-height:82px;padding:10px;display:grid;position:relative}.catalog-card:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}.catalog-card.selected{border-color:var(--violet);background:#8175ff26;box-shadow:0 0 20px #8175ff29}.catalog-card:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.48}.catalog-icon{width:32px;height:32px;color:var(--gold);font-family:var(--font-mono);background:#d4a5521a;border-radius:8px;place-items:center;font-size:10px;font-weight:900;display:grid}.catalog-card>span:nth-child(2){align-content:start;display:grid}.catalog-card strong{font-size:12px}.catalog-card small{color:var(--text-3);margin-top:3px;font-size:10px}.catalog-card em{color:var(--text-2);font-family:var(--font-mono);grid-column:1/-1;align-self:end;font-size:9px;font-style:normal}.catalog-card kbd{color:var(--text-3);font-family:var(--font-mono);font-size:8px;position:absolute;top:6px;right:7px}.map-controls{z-index:8;gap:4px;display:grid;position:absolute;top:12px;left:12px}.map-controls button{border:1px solid var(--border-strong);cursor:pointer;background:#09090dd1;border-radius:9px;width:44px;height:44px;box-shadow:0 7px 16px #00000038}.map-controls button:hover{border-color:var(--violet)}.map-layer{z-index:8;border:1px solid var(--border-strong);background:#09090dcc;border-radius:9px;min-width:88px;padding:7px 10px;display:grid;position:absolute;top:12px;left:64px}.map-layer span{color:var(--text-3);letter-spacing:.11em;text-transform:uppercase;font-size:8px;font-weight:800}.map-layer strong{color:var(--gold);text-transform:capitalize;margin-top:2px;font-size:11px}.alert-stack{z-index:10;pointer-events:none;gap:5px;display:grid;position:absolute;top:12px;right:14px}.alert-stack div{color:#edb0a4;background:#221414e0;border:1px solid #d2685659;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex;box-shadow:0 8px 20px #00000040}.alert-stack i{background:var(--red);border-radius:99px;width:6px;height:6px}.charter-objective{z-index:19;background:#09090df0;border:1px solid #30d7c56b;border-radius:13px;width:min(360px,100% - 28px);padding:13px 14px;position:absolute;bottom:14px;left:14px;box-shadow:0 14px 35px #00000061}.objective-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.objective-heading>span{color:var(--teal);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:850}.objective-heading>button{width:28px;height:28px;color:var(--text-3);cursor:pointer;background:#ffffff0f;border:0;border-radius:7px}.charter-objective>strong{font-family:var(--font-display);margin-top:4px;font-size:18px;display:block}.charter-objective p{color:var(--text-2);margin:5px 0 0;font-size:12px;line-height:1.45}.objective-action{color:#a7fff4;cursor:pointer;background:#30d7c529;border:1px solid #30d7c599;border-radius:9px;width:100%;min-height:44px;margin-top:11px;font-size:12px;font-weight:850}.objective-action:hover{background:#30d7c53d}.objective-progress{background:#ffffff0f;border:1px solid #d4a55257;border-radius:99px;height:18px;margin-top:9px;position:relative;overflow:hidden}.objective-progress i{background:linear-gradient(90deg,#9b7738,var(--gold));height:100%;transition:width .15s linear;display:block}.objective-progress b{color:#fff;font-family:var(--font-mono);place-items:center;font-size:9px;display:grid;position:absolute;inset:0}.pause-banner{z-index:12;cursor:pointer;background:#19130ceb;border:1px solid #d4a5528c;border-radius:10px;min-width:230px;padding:9px 16px;display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0000004d}.pause-banner strong{color:var(--gold);letter-spacing:.16em;font-size:12px}.pause-banner span{color:var(--text-2);margin-top:3px;font-size:10px}.placement-strip{z-index:18;background:#09090df0;border:1px solid #30d7c580;border-radius:11px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-width:310px;padding:8px 9px;display:grid;position:absolute;top:72px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000059}.placement-strip>span{width:40px;height:40px;color:var(--gold);font-family:var(--font-mono);background:#d4a5521f;border-radius:8px;place-items:center;font-weight:900;display:grid}.placement-strip>div{gap:2px;display:grid}.placement-strip small{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.placement-strip strong{font-size:12px}.placement-strip em{color:var(--text-3);font-family:var(--font-mono);font-size:9px;font-style:normal}.placement-strip button{border:1px solid var(--border-strong);background:var(--hud-raised);min-width:68px;min-height:40px;color:var(--text-2);cursor:pointer;border-radius:8px}.placement-tooltip{z-index:30;border:1px solid var(--border-strong);pointer-events:none;background:#09090deb;border-radius:9px;width:250px;padding:10px 12px;position:absolute;box-shadow:0 12px 28px #0000005c}.placement-tooltip.valid{border-color:#30d7c58c}.placement-tooltip.invalid{border-color:#d26856a6}.placement-tooltip strong{font-size:12px;display:block}.placement-tooltip small{color:var(--text-3);font-family:var(--font-mono);margin-top:3px;font-size:9px;display:block}.placement-tooltip p{color:var(--teal);margin:6px 0 0;font-size:11px;line-height:1.35}.placement-tooltip.invalid p{color:#efa18f}.status-toast{z-index:9;border:1px solid var(--border-strong);max-width:420px;color:var(--text-2);pointer-events:none;background:#09090dd1;border-radius:99px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex;position:absolute;bottom:14px;right:14px}.status-toast i{background:var(--teal);border-radius:99px;width:6px;height:6px;box-shadow:0 0 10px #30d7c580}.inspector-v2{z-index:22;border:1px solid var(--border-strong);background:#171720f7;border-radius:14px;width:310px;padding:15px;position:absolute;top:10px;bottom:10px;right:10px;overflow-y:auto;box-shadow:0 20px 52px #0000006b}.inspector-tabs{background:var(--hud-muted);border-radius:9px;grid-template-columns:repeat(5,1fr);gap:3px;margin:14px 0;padding:4px;display:grid}.inspector-tabs button{min-width:0;min-height:31px;color:var(--text-3);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 3px;font-size:8px;font-weight:800}.inspector-tabs button.active{background:var(--hud-raised);color:var(--text)}.pressure-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.pressure-grid article{border:1px solid var(--border);background:var(--hud-raised);border-radius:10px;min-height:86px;padding:10px}.pressure-grid small{color:var(--text-3);font-size:10px;display:block}.pressure-grid strong{font-family:var(--font-mono);margin-top:7px;font-size:15px;display:block}.meter{background:#ffffff12;border-radius:99px;height:5px;margin-top:9px;display:block;overflow:hidden}.meter i{border-radius:inherit;background:var(--violet);height:100%;display:block}.meter-teal i{background:var(--teal)}.meter-gold i{background:var(--gold)}.meter-red i{background:var(--red)}.ledger-section{border:1px solid var(--border);background:#ffffff05;border-radius:10px;margin-top:13px;padding:13px}.section-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.section-row h3{font-family:var(--font-display);margin:0;font-size:14px}.section-row span{color:var(--text-3);font-family:var(--font-mono);font-size:10px}.ledger-section>strong{font-size:12px}.ledger-section>p{color:var(--text-2);margin:5px 0 0;font-size:11px;line-height:1.45}.tax-control{grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;display:grid}.tax-control button{border:1px solid var(--border);background:var(--hud-raised);cursor:pointer;border-radius:8px;height:34px}.tax-control div{text-align:center;display:grid}.tax-control strong{font-size:12px}.tax-control small{color:var(--text-3);margin-top:3px;font-size:9px}.building-inspector{margin-top:14px}.building-header{background:#8175ff14;border:1px solid #8175ff40;border-radius:11px;grid-template-columns:46px 1fr;align-items:center;gap:11px;padding:12px;display:grid}.building-header>span{width:46px;height:46px;color:var(--gold);font-family:var(--font-mono);background:#d4a5521f;border-radius:10px;place-items:center;font-size:12px;font-weight:900;display:grid}.building-header p{color:var(--text-2);margin:0;font-size:11px;line-height:1.45}.operating-state{margin:13px 0;display:grid}.operating-state strong{font-size:12px}.operating-state small{color:var(--text-3);margin-top:3px;font-size:9px}.detail-list{border:1px solid var(--border);border-radius:10px;gap:1px;margin:0;display:grid;overflow:hidden}.detail-list>div{background:#ffffff06;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:8px 10px;display:flex}.detail-list dt{color:var(--text-3);font-size:10px}.detail-list dd{margin:0;font-size:11px}.detail-list .good{color:var(--teal)}.detail-list .bad{color:var(--red)}.demolish-button{color:#eca08f;cursor:pointer;background:#d268561a;border:1px solid #d268565c;border-radius:9px;width:100%;min-height:39px;margin-top:12px;font-size:11px}.demolish-button:disabled{opacity:.4;cursor:not-allowed}.people-ledger,.storage-ledger,.tech-ledger,.chronicle-v2{margin-top:12px}.people-summary{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:9px;display:grid}.people-summary article{border:1px solid var(--border);background:var(--hud-raised);text-align:center;border-radius:8px;gap:5px;padding:8px 5px;display:grid}.people-summary small{color:var(--text-3);text-transform:uppercase;font-size:8px}.people-summary strong{font-family:var(--font-mono);font-size:13px}.household-list{gap:8px;display:grid}.household-card{border:1px solid var(--border);background:#ffffff05;border-radius:10px;overflow:hidden}.family-heading{border-bottom:1px solid var(--border);background:#ffffff06;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.family-heading>div{gap:2px;display:grid}.family-heading strong{font-family:var(--font-display);font-size:12px}.family-heading small{color:var(--text-3);font-size:8px}.family-heading>span{color:#bbb5ff;width:23px;height:23px;font-family:var(--font-mono);background:#8175ff26;border-radius:99px;place-items:center;font-size:9px;display:grid}.family-members{display:grid}.family-members button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0b;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:43px;padding:6px 9px;display:grid}.family-members button:last-child{border-bottom:0}.family-members button:hover{background:#8175ff12}.family-members button>span:nth-child(2){gap:2px;display:grid}.family-members b{font-size:10px}.family-members small{color:var(--text-3);font-size:8px}.family-members em{color:var(--teal);font-family:var(--font-mono);font-size:8px;font-style:normal}.citizen-avatar,.citizen-hero>span{background:hsl(var(--citizen-hue) 34% 42%);color:#fff;font-family:var(--font-display);border:1px solid #ffffff24;border-radius:99px;place-items:center;font-size:10px;display:grid}.citizen-avatar{width:27px;height:27px}.citizen-inspector{margin-top:14px}.citizen-hero{background:#30d7c50f;border:1px solid #30d7c540;border-radius:11px;grid-template-columns:54px 1fr;align-items:center;gap:11px;padding:12px;display:grid}.citizen-hero>span{width:54px;height:54px;font-size:21px}.citizen-hero strong{font-family:var(--font-display);font-size:13px}.citizen-hero p{color:var(--text-2);margin:4px 0 0;font-size:10px;line-height:1.4}.citizen-inspector>.detail-list{margin-top:10px}.needs-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0;display:grid}.needs-grid article{border:1px solid var(--border);background:var(--hud-raised);border-radius:8px;padding:8px}.needs-grid small{color:var(--text-3);text-transform:uppercase;font-size:8px;display:block}.needs-grid strong{font-family:var(--font-mono);margin-top:4px;font-size:11px;display:block}.needs-grid .meter{margin-top:6px}.workplace-controls{background:#d4a5520d;border:1px solid #d4a55240;border-radius:10px;gap:8px;margin:10px 0;padding:10px;display:grid}.staffing-control{grid-template-columns:1fr 34px 34px;align-items:center;gap:5px;display:grid}.staffing-control>span{gap:2px;display:grid}.staffing-control small,.priority-control>small{color:var(--text-3);text-transform:uppercase;font-size:8px}.staffing-control strong{font-family:var(--font-mono);font-size:12px}.staffing-control button,.priority-control button,.work-toggle{border:1px solid var(--border);background:var(--hud-raised);cursor:pointer;border-radius:7px;min-height:32px}.priority-control{gap:5px;display:grid}.priority-control>div{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.priority-control button{color:var(--text-3);font-size:8px;font-weight:800}.priority-control button.active{color:var(--teal);background:#30d7c51a;border-color:#30d7c573}.work-toggle{color:var(--text-2);font-size:9px}.work-toggle.paused{color:#eca08f;background:#d268561a;border-color:#d2685673}.mini-roster{gap:4px;display:grid}.mini-roster button{border:1px solid var(--border);background:var(--hud-raised);text-align:left;cursor:pointer;border-radius:7px;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;min-height:34px;padding:4px 6px;display:grid}.mini-roster button span{color:#c5c0ff;background:#8175ff2e;border-radius:99px;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.mini-roster button b{font-size:9px}.mini-roster button small{color:var(--text-3);font-family:var(--font-mono);font-size:8px}.compact-section{padding:10px}.back-ledger{width:100%;min-height:38px;color:var(--teal);cursor:pointer;background:#30d7c514;border:1px solid #30d7c54d;border-radius:8px;margin-top:11px;font-size:10px}.storage-total{background:#30d7c50d;border:1px solid #30d7c53d;border-radius:10px;padding:12px}.storage-total h3{font-family:var(--font-display);margin:0;font-size:14px}.storage-total p{color:var(--text-2);margin:8px 0 0;font-size:9px;line-height:1.4}.storage-goods{gap:5px;margin-top:8px;display:grid}.storage-goods article{border:1px solid var(--border);background:var(--hud-raised);border-radius:8px;grid-template-columns:28px 1fr 44px;align-items:center;gap:8px;padding:8px;display:grid}.storage-goods article>div{gap:2px;display:grid}.storage-goods strong{text-transform:capitalize;font-size:9px}.storage-goods b{text-align:right;font-family:var(--font-mono);font-size:11px}.storage-goods .meter{margin-top:2px}.producer-list{gap:5px;margin-top:8px;display:grid}.producer-list button{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff06;border-radius:9px;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;min-height:47px;padding:7px 9px;display:grid}.producer-list button>span{width:30px;height:30px;color:var(--gold);font-family:var(--font-mono);background:#d4a5521a;border-radius:7px;place-items:center;font-size:8px;display:grid}.producer-list button>div{gap:3px;display:grid}.producer-list strong{font-size:9px}.producer-list small{color:var(--text-3);font-size:8px}.producer-list b{color:var(--teal);font-family:var(--font-mono);font-size:9px}.tech-ledger{gap:7px;display:grid}.tech-ledger article{border:1px solid var(--border);background:#ffffff06;border-radius:9px;grid-template-columns:34px 1fr;gap:9px;padding:10px;display:grid}.tech-ledger article>span{background:var(--hud-muted);height:34px;color:var(--text-3);font-family:var(--font-mono);border-radius:8px;place-items:center;font-size:9px;display:grid}.tech-ledger article.unlocked>span{color:var(--teal)}.tech-ledger strong{font-size:11px}.tech-ledger p{color:var(--text-3);margin:3px 0 0;font-size:9px}.current-research{border:1px solid #d4a55245;border-radius:9px;margin-top:7px;padding:11px}.current-research small{color:var(--text-3);font-size:9px}.current-research strong{margin-top:4px;font-size:11px;display:block}.chronicle-v2{gap:9px;padding:0;list-style:none;display:grid}.chronicle-v2 li{border-left:2px solid var(--text-3);padding-left:10px}.chronicle-v2 li.good{border-color:var(--green)}.chronicle-v2 li.bad{border-color:var(--red)}.chronicle-v2 span{color:var(--text-3);font-family:var(--font-mono);font-size:8px}.chronicle-v2 p{color:var(--text-2);font-family:var(--font-display);margin:2px 0 0;font-size:11px;line-height:1.35}.save-actions{border-top:1px solid var(--border);background:linear-gradient(transparent, var(--hud) 20%);grid-template-columns:repeat(4,1fr);gap:5px;margin:15px -15px -15px;padding:10px 15px 15px;display:grid;position:sticky;bottom:-15px}.save-actions button{border:1px solid var(--border);background:var(--hud-raised);min-height:35px;color:var(--text-2);cursor:pointer;border-radius:8px;font-size:9px;font-weight:800}.charter-card{z-index:100;background:radial-gradient(circle at 100% 0, #8175ff2e, transparent 38%), var(--hud);border:1px solid #30d7c559;border-radius:18px;width:min(500px,100% - 28px);padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #040407ad,0 30px 80px #00000094}.charter-card h1{font-family:var(--font-display);margin:6px 0 12px;font-size:clamp(28px,5vw,42px);line-height:1.05}.charter-card p{color:var(--text-2);margin:0;font-size:13px;line-height:1.6}.charter-rules{grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0;display:grid}.charter-rules span{border:1px solid var(--border);background:var(--hud-raised);color:var(--text-2);border-radius:9px;gap:6px;padding:10px;font-size:10px;display:grid}.charter-rules b{color:var(--teal);font-family:var(--font-mono)}.charter-card>button{background:var(--violet-strong);cursor:pointer;border:1px solid #958bff;border-radius:9px;min-height:44px;padding:0 18px;font-size:12px;font-weight:850}.help-backdrop{z-index:110;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040407b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.help-panel{border:1px solid var(--border-strong);background:var(--hud);border-radius:18px;width:min(760px,100%);max-height:calc(100dvh - 36px);padding:26px;position:relative;overflow:auto;box-shadow:0 30px 80px #0000008c}.help-panel h2{font-family:var(--font-display);margin:5px 0 18px;font-size:30px}.close-help{position:absolute;top:16px;right:16px}.help-columns{grid-template-columns:1fr 1fr;gap:9px;display:grid}.help-columns article{border:1px solid var(--border);background:var(--hud-raised);border-radius:10px;padding:13px}.help-columns h3{margin:0;font-size:12px}.help-columns p{color:var(--text-2);margin:5px 0 0;font-size:11px;line-height:1.5}.key-row{color:var(--text-2);flex-wrap:wrap;gap:8px 16px;margin-top:17px;font-size:10px;display:flex}.key-row kbd{border:1px solid var(--border-strong);background:var(--hud-muted);color:var(--text);font-family:var(--font-mono);border-radius:4px;margin-right:4px;padding:3px 5px;font-size:8px}@media (width<=1220px){.topbar-v2{grid-template-columns:155px minmax(430px,1fr) auto;gap:8px}.brand-v2{font-size:14px}.resource-readout{grid-template-columns:1fr auto}.resource-glyph,.town-clock>div:not(.date-block){display:none}}@media (width<=900px){.game-shell-v2{min-height:0}.topbar-v2{grid-template-columns:1fr auto;height:104px;padding:7px 9px}.resource-row{grid-area:2/1/auto/-1;grid-template-columns:repeat(6,minmax(74px,1fr));overflow-x:auto}.resource-readout{height:40px}.town-clock .date-block{min-width:105px}.game-viewport{height:calc(100dvh - 104px);min-height:0}.tool-rail{border-top:1px solid var(--border);border-right:0;flex-direction:row;justify-content:space-around;width:auto;height:58px;padding:4px;top:auto;right:0}.tool-rail button{min-width:54px;min-height:48px}.world-wrap{inset:0 0 58px}.build-drawer{width:auto;max-height:42vh;inset:auto 8px 66px}.inspector-v2{width:min(310px,100% - 16px);top:8px;bottom:66px;right:8px}.alert-stack{right:10px}.status-toast{max-width:calc(100% - 390px);bottom:12px;right:10px}.charter-objective{bottom:72px}}@media (width<=620px){.topbar-v2{height:98px}.game-viewport{height:calc(100dvh - 98px)}.town-clock{gap:4px}.town-clock .date-block{display:none}.speed-chip{min-width:32px;display:block}.brand-v2 small{display:none}.resource-row{grid-template-columns:repeat(6,82px)}.resource-readout em{display:none}.build-catalog{grid-template-columns:1fr 1fr}.catalog-card{min-height:76px}.inspector-v2{width:auto;max-height:48vh;inset:auto 8px 66px}.alert-stack{top:62px;left:10px;right:10px}.status-toast{display:none}.charter-objective{width:auto;padding:11px 12px;display:block;bottom:66px;left:8px;right:8px}.charter-objective>strong{font-size:17px}.charter-objective p{font-size:11px}.objective-action{min-height:46px}.pause-banner{min-width:210px;padding:7px 12px;top:8px}.placement-strip{width:calc(100% - 16px);min-width:0;top:58px}.placement-strip em{display:none}.placement-tooltip{width:220px}.charter-rules,.help-columns{grid-template-columns:1fr}.charter-card{padding:22px}.pressure-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}