:root{--font-display: "Fraunces", Georgia, serif;--font-ui: "Hanken Grotesk", system-ui, sans-serif;--font-ledger: "Fraunces", Georgia, serif;--gilt: #a9791f;--gilt-bright: #caa14a;--wax: #9c2f23;--forest: #3f6b43;--amber: #b07d18;--radius: 4px;--dur: .2s;--ease: cubic-bezier(.3, .8, .4, 1);--textile-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' fill='none' stroke='%23000000' stroke-linecap='round'%3E%3Cpath d='M30 10Q35 4 38 10Q40 16 34 18Q30 15 30 10' stroke-width='0.9' opacity='0.15'/%3E%3Ccircle cx='58' cy='12' r='1.1' fill='%23000000' stroke='none' opacity='0.16'/%3E%3Ccircle cx='55' cy='16' r='0.7' fill='%23000000' stroke='none' opacity='0.12'/%3E%3Ccircle cx='61' cy='16' r='0.6' fill='%23000000' stroke='none' opacity='0.10'/%3E%3Cpath d='M8 30Q12 24 16 30Q12 32 8 30' stroke-width='0.8' opacity='0.13'/%3E%3Cpath d='M34 35Q38 30 42 33Q46 36 44 40' stroke-width='0.7' opacity='0.12'/%3E%3Cpath d='M42 33Q44 30 46 32' stroke-width='0.6' opacity='0.10'/%3E%3Cpath d='M15 55Q12 52 15 49Q18 52 15 55' stroke-width='0.8' opacity='0.14'/%3E%3Cpath d='M13 56l4 0' stroke-width='0.6' opacity='0.11'/%3E%3Ccircle cx='10' cy='10' r='0.5' fill='%23000000' stroke='none' opacity='0.09'/%3E%3Cpath d='M55 52Q58 48 60 52Q59 56 55 55' stroke-width='0.7' opacity='0.11'/%3E%3Cpath d='M62 35Q66 31 68 36' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E");--textile-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' fill='none' stroke='%23ffffff' stroke-linecap='round'%3E%3Cpath d='M30 10Q35 4 38 10Q40 16 34 18Q30 15 30 10' stroke-width='0.9' opacity='0.17'/%3E%3Ccircle cx='58' cy='12' r='1.1' fill='%23ffffff' stroke='none' opacity='0.18'/%3E%3Ccircle cx='55' cy='16' r='0.7' fill='%23ffffff' stroke='none' opacity='0.14'/%3E%3Ccircle cx='61' cy='16' r='0.6' fill='%23ffffff' stroke='none' opacity='0.12'/%3E%3Cpath d='M8 30Q12 24 16 30Q12 32 8 30' stroke-width='0.8' opacity='0.15'/%3E%3Cpath d='M34 35Q38 30 42 33Q46 36 44 40' stroke-width='0.7' opacity='0.14'/%3E%3Cpath d='M42 33Q44 30 46 32' stroke-width='0.6' opacity='0.12'/%3E%3Cpath d='M15 55Q12 52 15 49Q18 52 15 55' stroke-width='0.8' opacity='0.16'/%3E%3Cpath d='M13 56l4 0' stroke-width='0.6' opacity='0.13'/%3E%3Ccircle cx='10' cy='10' r='0.5' fill='%23ffffff' stroke='none' opacity='0.11'/%3E%3Cpath d='M55 52Q58 48 60 52Q59 56 55 55' stroke-width='0.7' opacity='0.13'/%3E%3Cpath d='M62 35Q66 31 68 36' stroke-width='0.5' opacity='0.10'/%3E%3C/svg%3E");--grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color-scheme:light dark}[data-theme=light]{--page-1: #d8c39a;--page-2: #c7ad7e;--parchment: #ece0c6;--parchment-2: #e3d4b4;--parchment-edge: #cdb98d;--ink: #2a2016;--ink-soft: #5a4a35;--ink-faint: #8a7758;--rule: rgba(42, 32, 22, .22);--rule-strong: rgba(42, 32, 22, .4);--card: #e6d7b6;--card-hi: #efe3c8;--textile-pattern: var(--textile-black);--textile-blend: multiply;--textile-opacity: .55;--grain-opacity: .05}[data-theme=dark]{--page-1: #1a150e;--page-2: #0f0c08;--parchment: #271f16;--parchment-2: #2f2619;--parchment-edge: #4a3a26;--ink: #ece0c6;--ink-soft: #c8b894;--ink-faint: #9a8763;--rule: rgba(236, 224, 198, .16);--rule-strong: rgba(236, 224, 198, .32);--card: #221a11;--card-hi: #2c2216;--textile-pattern: var(--textile-white);--textile-blend: screen;--textile-opacity: .5;--grain-opacity: .06}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background:radial-gradient(1100px 700px at 50% -8%,rgba(202,161,74,.1),transparent 60%),linear-gradient(180deg,var(--page-1),var(--page-2));-webkit-font-smoothing:antialiased}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:before{background-image:var(--textile-pattern);background-repeat:repeat;opacity:var(--textile-opacity);mix-blend-mode:var(--textile-blend);transition:opacity .5s var(--ease)}body:after{background-image:var(--grain);background-repeat:repeat;background-size:200px;opacity:var(--grain-opacity);animation:grainDrift 8s steps(2) infinite}@keyframes grainDrift{0%,to{transform:translate(0)}50%{transform:translate(-1px,1px)}}.app{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:18px;padding:10px 22px;color:#ece0c6;background:linear-gradient(180deg,rgba(169,121,31,.18),transparent),linear-gradient(180deg,#241d13,#18130c);border-bottom:2px solid var(--gilt);box-shadow:0 2px #00000080}.brand{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:1px;color:var(--gilt-bright);text-shadow:0 1px 0 #000}.brand .dot{color:var(--wax)}.brand small{display:block;font-family:var(--font-ui);font-weight:600;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#ece0c68c;margin-top:1px}.spacer{flex:1}.clock{font-family:var(--font-ledger);font-size:14px;color:var(--gilt-bright);letter-spacing:.5px}.btn{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.3px;color:var(--ink);background:var(--parchment);border:1px solid var(--ink-soft);border-radius:var(--radius);padding:6px 13px;cursor:pointer;transition:all var(--dur) var(--ease);box-shadow:0 1px #00000059}.btn:hover{border-color:var(--gilt)}.btn.active{background:var(--gilt);border-color:var(--gilt-bright);color:#221a0e}.btn.ghost{background:transparent;color:#ece0c6;border-color:#caa14a80;box-shadow:none}.btn.ghost:hover{border-color:var(--gilt-bright)}.seg{display:inline-flex;border:1px solid var(--gilt);border-radius:var(--radius);overflow:hidden}.seg .btn{border:none;border-radius:0;box-shadow:none}.seg .btn+.btn{border-left:1px solid var(--gilt)}.seg .btn.active{background:var(--gilt)}.layout{flex:1;display:grid;gap:16px;padding:16px;grid-template-columns:340px 1fr 300px;min-height:0}.col-center{display:flex;flex-direction:column;gap:16px;min-height:0}.col-left,.col-right{overflow:auto}.panel{position:relative;color:var(--ink);background-color:var(--parchment);background-image:var(--textile-pattern),radial-gradient(160px 110px at 14% 14%,rgba(120,92,48,.16),transparent 70%),radial-gradient(200px 140px at 86% 86%,rgba(120,92,48,.18),transparent 70%),linear-gradient(var(--parchment),var(--parchment));background-blend-mode:var(--textile-blend),normal,normal,normal;border:1px solid var(--parchment-edge);border-radius:var(--radius);padding:16px 18px;min-height:0;box-shadow:0 0 0 1px #a9791f80,inset 0 0 30px #00000029,0 10px 22px #00000080}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;border-color:var(--gilt);border-style:solid;opacity:.85}.panel:before{top:6px;left:6px;border-width:1px 0 0 1px}.panel:after{bottom:6px;right:6px;border-width:0 1px 1px 0}.eyebrow{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-faint);font-weight:700}.panel h2{font-family:var(--font-display);font-weight:700;font-size:17px;margin:2px 0 12px;color:var(--ink);border-bottom:2px solid var(--rule);padding-bottom:8px;letter-spacing:.3px}.worldview{position:relative;min-height:360px;flex:1 1 360px;padding:0;overflow:hidden}.worldview canvas{display:block;border-radius:var(--radius)}.civrow{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:baseline;padding:12px;border:1px solid var(--rule);border-left:4px solid var(--accent, var(--gilt));border-radius:var(--radius);margin-bottom:10px;cursor:pointer;transition:all var(--dur) var(--ease);background-color:var(--card);background-image:var(--civ-textile, none);background-repeat:repeat;background-blend-mode:multiply}[data-theme=dark] .civrow{background-blend-mode:screen}.civrow:hover{background-color:var(--card-hi);border-color:var(--gilt);border-left-color:var(--accent, var(--gilt))}.civrow.sel{background-color:var(--card-hi);box-shadow:inset 0 0 0 1px var(--gilt);border-color:var(--gilt);border-left-color:var(--accent, var(--gilt))}.civrow .name{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink);display:inline-flex;align-items:center;gap:8px}.crest{width:12px;height:14px;border-radius:2px 2px 6px 6px;background:var(--accent, var(--gilt));box-shadow:inset 0 0 0 1px #0000004d;display:inline-block}.civrow .action{font-family:var(--font-ui);font-size:10.5px;font-weight:700;letter-spacing:.4px;color:var(--gilt-bright);background:#a9791f2e;border:1px solid rgba(169,121,31,.5);padding:2px 8px;border-radius:999px;justify-self:end}.civrow .stats{grid-column:1 / -1;display:flex;gap:16px;flex-wrap:wrap;margin-top:9px}.stat{display:flex;flex-direction:column;cursor:help}.stat .k{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-faint);font-weight:700}.stat .v{font-family:var(--font-ledger);font-size:15px;color:var(--ink)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.kpi{border:1px solid var(--rule);border-left:3px solid var(--gilt);border-radius:var(--radius);padding:11px 13px;background:var(--card)}.kpi .k{font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-faint);font-weight:700}.kpi .v{font-family:var(--font-ledger);font-size:24px;margin-top:3px;color:var(--ink);font-weight:600}.kpi .sub{font-size:11px;color:var(--ink-soft);margin-top:3px}.pos{color:var(--forest)}.neg{color:var(--wax)}.amber{color:var(--amber)}[data-theme=dark] .pos{color:#7bb07f}[data-theme=dark] .neg{color:#d98a7e}.bar{height:7px;border-radius:2px;background:#0000002e;overflow:hidden;margin-top:9px;border:1px solid var(--rule)}[data-theme=light] .bar{background:#2a20161f}.bar>span{display:block;height:100%;background:linear-gradient(180deg,var(--wax),#7e251b);transition:width var(--dur) var(--ease)}.bar.good>span{background:linear-gradient(180deg,#4d8052,var(--forest))}.field{margin-bottom:18px}.field label{display:block;font-size:12px;color:var(--ink-soft);margin-bottom:8px;font-weight:700;font-family:var(--font-display)}input[type=range]{width:100%;accent-color:var(--wax)}.actions{display:grid;gap:9px}.note{font-size:11.5px;color:var(--ink-faint);line-height:1.55;font-style:italic}.footer{padding:9px 22px;border-top:2px solid var(--gilt);color:#ece0c68c;font-size:11px;font-style:italic;background:#18130c}.splash{height:100%;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:var(--gilt-bright);position:relative;z-index:1}.splash-mark{font-family:var(--font-display);font-size:44px;font-weight:700;letter-spacing:1px}.splash-mark:after{content:" ·";color:var(--wax)}.splash div:last-child{color:var(--ink-soft);font-style:italic}.splash-error{color:#d98a7e}.col-stack{display:flex;flex-direction:column;gap:16px}.resourcebar-panel{padding:10px 16px}.resourcebar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.rb-title{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--ink-soft)}.rb-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid var(--rule);border-radius:999px;background:var(--card)}.rb-dot{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000004d}.rb-name{font-size:12px;color:var(--ink-soft)}.rb-amt{font-family:var(--font-ledger);font-weight:600;font-size:15px;color:var(--ink)}.build-btn{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;text-align:left}.build-cost{font-family:var(--font-ui);font-weight:500;font-size:11px;color:var(--ink-faint)}.holding{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid var(--rule);border-radius:var(--radius);margin-bottom:8px;background:var(--card)}.h-name{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink)}.h-workers{display:inline-flex;align-items:center;gap:8px}.h-count{font-family:var(--font-ledger);font-size:14px;color:var(--ink);min-width:34px;text-align:center}.h-tag{font-size:11px;color:var(--ink-faint)}.btn.mini{padding:2px 9px;font-size:15px;line-height:1}.btn:disabled{opacity:.4;cursor:default}