:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--surface:#121519;--raised:#191d22;--border:#343a42;--text:#ebe5da;--muted:#9da4aa;--accent:#85ad72;color:var(--text);background:var(--bg);font-family:Inter,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit;border:1px solid var(--border);background:var(--raised);border-radius:5px;padding:10px 12px}button{cursor:pointer;min-height:38px;font-weight:650}button:hover:enabled{border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3{letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:0;font-weight:650}h1{margin:8px 0;font-size:24px}h2{font-size:18px}p{color:var(--muted);line-height:1.6}.shell{max-width:1040px;margin:auto;padding:28px}header,.header-actions,.controls,footer{flex-wrap:wrap;align-items:center;gap:16px;display:flex}header{border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:20px}.brand{letter-spacing:.08em;font-size:12px;font-weight:800;text-decoration:none}.brand:before{content:"";background:var(--accent);border-radius:2px;width:7px;height:7px;margin-right:9px;display:inline-block}.header-actions,.controls,footer,.notice{font-size:12px}.badge{color:var(--accent);border:1px solid var(--border);border-radius:3px;padding:5px 7px;font-size:10px}.intro{padding:24px 0 10px}.eyebrow{letter-spacing:.1em;color:var(--accent);font-size:10px;font-weight:800}.controls label{align-items:center;gap:10px;display:flex}.content{margin:22px 0}.notice:empty,[hidden]{display:none!important}.diagnostics{border-top:1px solid var(--border);color:var(--muted);padding:16px 0;font-size:12px}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:root.overlay-root{color-scheme:normal}html.overlay-root,body.overlay{background:0 0;min-height:0}.overlay .shell{max-width:none;padding:12px}.overlay header,.overlay .intro,.overlay .controls,.overlay .diagnostics,.overlay footer,.overlay .shell>.notice{display:none}.overlay .content{margin:0}.overlay[data-synchronized=false] .content{visibility:hidden}@media (max-width:600px){.shell{padding:18px 14px}.header-actions{gap:10px}select{max-width:100%}}body{--accent:#c6a26b}.hud-stage{border:1px solid var(--border);background:repeating-conic-gradient(#191d22 0 25%, #15181c 0 50%) 0/24px 24px;border-radius:8px;padding:24px}.economy{border:1px solid var(--border);border-top:3px solid var(--accent);width:570px;max-width:100%;color:var(--text);background:#121519f5;border-radius:5px;overflow:hidden}.economy-heading{background:var(--raised);letter-spacing:.08em;justify-content:space-between;gap:12px;padding:12px 16px;font-size:10px;display:flex}.economy-heading strong{color:var(--accent)}.resource-card{border-top:1px solid #272c32;grid-template-columns:minmax(110px,1.5fr) repeat(3,minmax(60px,1fr));align-items:center;gap:12px;padding:16px;display:grid}.resource-player{gap:6px;min-width:0;display:grid}.resource-player strong{overflow-wrap:anywhere;font-size:13px}.resource-player span,.resource-value>span{color:var(--muted);font-size:10px}.resource-value{gap:7px;display:grid}.resource-value strong{white-space:nowrap;font:700 18px ui-monospace,monospace}.gold strong{color:#d2b77c}.lumber strong{color:#9abb89}.supply.blocked,.supply.blocked>span{color:#dbad70}.unavailable{color:#c4b997;grid-column:1/-1;font-size:11px}.economy-notice{padding:20px}.economy-notice h2{margin:10px 0}.economy-notice p{margin:0;font-size:13px}@media (max-width:460px){.hud-stage{padding:12px}.resource-card{grid-template-columns:repeat(3,1fr)}.resource-player{grid-column:1/-1}.resource-value strong{font-size:16px}}