:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#283c37;background:#f5f3ed;font-synthesis:none;font-size:14px;--ink:#213e37;--muted:#738077;--border:#e2e4da;--accent:#356b53}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bc9450;outline-offset:3px}a{color:var(--accent)}.site-header{height:92px;max-width:1480px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font:600 27px Georgia,serif;text-decoration:none;color:var(--ink)}.brand-mark{background:var(--ink);color:#e7d7aa;width:40px;height:44px;display:grid;place-content:center;font:36px Georgia;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.brand-caption{font:9px ui-sans-serif,system-ui;letter-spacing:1.8px;border-left:1px solid #cdd3c9;padding-left:17px;margin-left:8px;max-width:115px;line-height:1.8}.text-button{border:0;background:none;font-size:12px;color:#52645a;padding:8px 0}.text-button:hover{color:#244b36;text-decoration:underline}.text-button span{margin-left:14px}main{max-width:1480px;margin:auto;padding:38px 48px 0}.intro{display:flex;align-items:center;justify-content:flex-end;margin-bottom:33px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;margin:0 0 10px;color:#728076}h1{font:normal 44px/1.15 Georgia,serif;letter-spacing:-1.2px;margin:0 0 13px;color:#233e34}.intro p:not(.eyebrow){margin:0;color:#718076;font-size:14px}.edition{font-size:9px;letter-spacing:1.3px;line-height:2.1;color:#7b8478;text-align:right}.edition b{font:italic 14px Georgia;letter-spacing:0;color:#6f796e}.workspace{display:grid;grid-template-columns:304px minmax(0,1fr);gap:25px;align-items:start}.panel{background:#fdfcf8;border:1px solid var(--border);border-radius:12px;overflow:hidden}.settings{padding:24px 23px 12px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading h2{font:normal 21px Georgia,serif;margin:0}.settings .panel-heading{margin-bottom:25px}.settings h2{font-size:20px}.step{font-size:8px;letter-spacing:1px;white-space:nowrap;color:#8b9487}.field-label,legend{font-size:11px;font-weight:600;display:block;margin:0 0 9px}select{width:100%;padding:12px 30px 12px 11px;border:1px solid #d8dfd3;border-radius:6px;background:#fffefb;color:#3b5146;font-size:12px;line-height:1.3}fieldset{border:0;margin:19px 0 0;padding:0}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.segmented input{position:absolute;opacity:0}.segmented label span{border:1px solid var(--border);border-radius:6px;height:35px;display:grid;place-items:center;color:#657364;font-size:12px;cursor:pointer}.segmented input:checked+span{background:#e4ece0;border-color:#acbfa6;color:#284d39;font-weight:700}.segmented input:focus-visible+span{outline:3px solid #bc9450;outline-offset:2px}.section-label{font-size:9px;letter-spacing:1.6px;color:#8a9386;margin:25px 0 16px;padding-top:21px;border-top:1px solid #e5e7de}.field-help{color:#8a9385;font-size:10px;line-height:1.7;margin:8px 0 0}.toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;gap:8px;cursor:pointer;font-size:11px;color:#354b3d}.toggle-row small{display:block;font-size:9px;color:#8b9487;margin-top:5px;line-height:1.4}.toggle-row input{position:absolute;right:0;opacity:0;width:35px;height:24px}.switch{pointer-events:none;flex:0 0 31px;height:18px;background:#dadfd4;border:1px solid #d2d8cc;border-radius:20px;position:relative;transition:background .15s}.switch:after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 1px 3px #17382a18;transition:transform .15s}.toggle-row input:checked+.switch{background:#426b51;border-color:#426b51}.toggle-row input:checked+.switch:after{transform:translateX(13px)}.toggle-row input:focus-visible+.switch{outline:3px solid #bc9450;outline-offset:3px}.notice{font-size:10px;line-height:1.65;color:#8d6838;background:#f6efdf;border-radius:6px;padding:10px}.seed-field{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.seed-field .field-label{display:flex;justify-content:space-between;align-items:center}.field-label span{font-size:7px;letter-spacing:1px;color:#949a8c}.seed-input{display:flex;border:1px solid #d8dfd3;border-radius:6px;overflow:hidden;background:#fffefb}.seed-input input{border:0;min-width:0;width:100%;padding:11px;font:12px ui-monospace,monospace;color:#607058;background:transparent}.seed-input button{border:0;background:transparent;padding:0 13px;font-size:21px;color:#6a805f}.primary{border:0;background:#315840;color:#fffaf0;border-radius:6px;padding:14px 16px;width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:12px;font-weight:550;box-shadow:0 3px 5px #31584018}.primary:hover{background:#264a35}.primary span:first-child{font-size:20px}.reset{display:block;margin:8px auto 0;font-size:9px;color:#8b9485}.map-column{min-width:0}.map-heading{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;gap:12px}.map-heading h2{font:normal 25px Georgia;margin:0}.map-heading .eyebrow{font-size:8px;margin-bottom:8px}.map-actions{display:flex;gap:6px}.icon-button{border:1px solid #dde2d6;background:transparent;border-radius:5px;padding:8px 11px;font-size:10px;white-space:nowrap}.icon-button:hover{background:#edf0e6}.icon-button span{margin-right:4px;font-size:14px}.map-canvas{position:relative;background:#1c454b;padding:5px 25px 30px;min-height:390px;transition:opacity .2s}.map-canvas.loading{opacity:.65}.compass{position:absolute;top:22px;right:25px;color:#96b3ab;font-size:9px;text-align:center;line-height:1.7;pointer-events:none}.compass:first-line{font-size:7px}#board{max-width:760px;margin:auto}#board svg{display:block;width:100%;max-height:635px;min-height:370px}.hex{transition:opacity .2s}.hex.muted{opacity:.22}.hex:focus{outline:0}.hex:focus .tile-outline,.hex:hover .tile-outline{stroke:#fff9dc;stroke-width:3}.map-caption{position:absolute;bottom:15px;left:24px;right:24px;display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:1.5px;color:#9cb5ad}.map-caption span:first-child{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-footer{display:flex;justify-content:space-between;gap:10px;padding:14px 24px;font-size:9px;color:#8a9586}.validation{color:#557a57}.status{font-size:10px;color:#7a8778;min-height:14px;line-height:1.7;margin:9px 3px 16px}.status.error{color:#a24534;background:#faeadd;border-radius:6px;padding:13px;font-size:12px}.balance-panel{padding:22px 24px}.balance-panel h2{font-size:22px}.balance-panel .eyebrow{font-size:7px;margin-bottom:7px}.badge{color:#64815a;background:#edf2e5;font-size:9px;border:1px solid #dfe7d5;border-radius:20px;padding:7px 11px;white-space:nowrap}.production{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:25px}.resource-stat{border:0;background:transparent;padding:0;text-align:left;border-radius:4px}.resource-stat:hover,.resource-stat[aria-pressed=true]{background:#f0f1e7;box-shadow:0 0 0 7px #f0f1e7}.resource-name{font-size:10px;display:flex;align-items:center;gap:5px;white-space:nowrap}.resource-name i{display:inline-block;width:7px;height:8px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.resource-name b{font-weight:600;font-size:15px;margin-left:auto}.resource-name b small{display:none}.bar-track{height:5px;border-radius:4px;background:#e9ede3;margin:12px 0 9px;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:4px}.resource-detail{display:flex;justify-content:space-between;font-size:8px;color:#8a9383;gap:4px;white-space:nowrap}.chart-note{font-size:9px;line-height:1.7;color:#8b9585;margin:22px 0 0;padding-top:15px;border-top:1px solid #e8e9df}.setup-details{margin-top:17px;padding:17px 24px;font-size:11px}.setup-details summary{font-weight:550}.setup-details summary span{float:right;font-size:9px;font-weight:400;color:#8b9585}.setup-details p{font-size:11px;line-height:1.8;color:#72826e}.inventory-list{display:flex;gap:10px;flex-wrap:wrap}.inventory-list span{border:1px solid var(--border);border-radius:4px;padding:7px 10px;font-size:10px}.inventory-list b{margin-left:8px}.site-footer{padding:35px 0 23px;display:flex;justify-content:space-between;color:#9ba292;font-size:9px;gap:20px}.site-footer span:first-child{font:italic 13px Georgia;color:#8a9480}dialog{border:1px solid #dce2d4;border-radius:14px;background:#fdfcf7;max-width:610px;width:calc(100% - 36px);padding:38px;color:#425541;box-shadow:0 20px 100px #0c2a3b45}dialog::backdrop{background:#15382c70;backdrop-filter:blur(3px)}dialog h2{font:30px/1.2 Georgia;margin:20px 0}dialog h3{font:20px Georgia;margin:25px 0 10px}dialog p{font-size:12px;line-height:1.8}dialog .dialog-close{position:absolute;top:13px;right:13px;font-size:19px}
@media(min-width:1500px){main{padding-top:48px}.intro{margin-bottom:40px}.workspace{grid-template-columns:324px minmax(0,1fr)}.settings{padding:28px}.map-canvas{padding-top:15px;padding-bottom:35px}}
@media(max-width:1100px){.site-header{padding:0 25px}main{padding:30px 25px 0}.workspace{grid-template-columns:270px minmax(0,1fr);gap:18px}.settings{padding:22px 18px 12px}.map-heading{padding:20px}.map-actions{gap:4px}.icon-button{padding:7px}.production{gap:12px}.resource-name{font-size:9px}.resource-name b{font-size:13px}.resource-detail{font-size:7px;display:block}.resource-detail span{display:block;margin-top:3px}.map-canvas{padding:0 5px 25px}.edition{display:none}.map-heading h2{font-size:21px}.map-footer{padding:13px 17px}}
@media(max-width:800px){.site-header{height:75px;padding:0 20px}.brand{font-size:23px}.brand-caption{display:none}.site-header>.text-button{font-size:10px}.intro{margin-bottom:25px}h1{font-size:35px}.intro .eyebrow{font-size:8px}.intro p:not(.eyebrow){font-size:12px}main{padding:27px 18px 0}.workspace{grid-template-columns:1fr}.settings{padding:23px}.settings form{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.settings .panel-heading{margin-bottom:18px}.settings .field-label,.settings select,.settings fieldset,.settings .section-label,.settings .field-help,.settings .notice,.settings .seed-field,.settings .primary,.settings .reset{grid-column:1/-1}.settings .toggle-row{margin-bottom:20px}.settings .section-label{margin-top:20px;padding-top:17px}.settings .seed-field{margin-top:2px}.map-canvas{padding-left:10px;padding-right:10px}.production{gap:18px}.resource-detail{display:flex}.resource-detail span{margin:0}.map-heading h2{font-size:24px}.map-actions{gap:6px}.icon-button{padding:8px 10px}.site-footer{flex-direction:column;gap:10px;padding:25px 0}.map-footer{font-size:9px}.badge{font-size:8px}}
@media(max-width:480px){h1{font-size:32px}.site-header>.text-button{max-width:110px;text-align:right;line-height:1.7}.site-header>.text-button span{margin-left:3px}.settings form{display:block}.toggle-row{font-size:12px}.toggle-row small{font-size:10px}.map-heading{padding:19px 17px;align-items:flex-start}.map-heading h2{font-size:20px;max-width:175px}.map-actions{flex-wrap:wrap;max-width:96px;justify-content:flex-end}.icon-button{font-size:9px;padding:5px 6px}.icon-button span{font-size:11px}#board svg{min-height:290px}.map-canvas{min-height:320px;padding:8px 0 28px}.map-caption{font-size:6px;left:15px;right:15px}.map-caption span:last-child{display:none}.map-footer{font-size:8px;padding:12px}.balance-panel{padding:19px 17px}.balance-panel h2{font-size:20px}.production{grid-template-columns:1fr;gap:15px;margin-top:20px}.resource-stat{display:grid;grid-template-columns:80px 1fr 85px;align-items:center;gap:13px}.resource-name{font-size:11px}.resource-name b{font-size:13px}.bar-track{margin:0}.resource-detail{display:flex;font-size:8px;gap:5px}.setup-details{padding:16px}.setup-details summary span{float:none;display:block;margin:8px 0 0 16px}.badge{max-width:100px;white-space:normal;text-align:center}.compass{right:14px;top:12px}dialog{padding:29px 24px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{body{background:white;print-color-adjust:exact;-webkit-print-color-adjust:exact}.site-header,.intro,.settings,.map-actions,.status,.site-footer,dialog,.compass{display:none!important}main{padding:0;max-width:none}.workspace{display:block}.panel{border:0}.map-heading{padding:10px 0}.map-canvas{padding:0;background:#1c454b}.map-caption{bottom:8px}.map-canvas svg{max-height:580px;min-height:0}.map-footer{padding:10px 0}.balance-panel{padding:10px 0}.production{display:grid;grid-template-columns:repeat(5,1fr)}.resource-stat{display:block}.chart-note{margin-top:10px}.setup-details{margin-top:8px;break-inside:avoid}.setup-details summary{display:none}.setup-details::details-content{content-visibility:visible}.hex.muted{opacity:1}.map-panel,.balance-panel{break-inside:avoid}.badge{border:0}.resource-detail{display:flex}}

.start-toggle{margin-top:18px}.toggle-row input:disabled+.switch{opacity:.45}.starts-summary{border-top:1px solid var(--border);margin-top:18px;padding-top:17px}.starts-summary h3{font:normal 18px Georgia,serif;margin:0}.starts-summary p{font-size:10px;line-height:1.8;color:#72826e;margin:12px 0 0}.badge.needs-attention{background:#f7eddd;border-color:#e9d8bb;color:#956b36}@media(max-width:480px){.starts-summary .badge{max-width:160px}}