:root{font-family:Georgia,Times New Roman,serif;color:#f0e9d5;background:#162329;color-scheme:dark;--panel:#142529ed;--edge:#879c8766;--gold:#dfc78e;--muted:#b7c5b8}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,input{font:12px/1.4 system-ui,sans-serif;color:inherit}button,a{pointer-events:auto}button{background:#21332de8;border:1px solid var(--edge);border-radius:3px;padding:8px 11px;cursor:pointer}button:hover,button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.46;cursor:default}button[aria-pressed=true],button.primary{color:#182522;background:var(--gold);border-color:#efe1b6}a{color:var(--gold);text-underline-offset:3px}p{margin:6px 0}small,.hint{color:var(--muted);font-size:10px}hr{border:0;border-top:1px solid var(--edge);margin:12px 0}[hidden]{display:none!important}#world,#fog-world,#patrol-route{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;display:block;touch-action:none}#patrol-route,#fog-world{pointer-events:none;overflow:hidden}.game-header{position:fixed;top:14px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;text-shadow:0 2px 8px #10231b}.game-header>div{display:flex;align-items:center;gap:18px}.wordmark{font:17px Georgia,serif;letter-spacing:.08em;color:#f0e9d5;text-decoration:none}.game-header>a{padding:8px 12px;border:1px solid var(--edge);background:var(--panel);border-radius:3px}#connection-status{font:10px system-ui,sans-serif;color:var(--muted)}.map-tools{position:fixed;top:61px;left:18px;display:flex;gap:4px}.map-tools button{font-size:11px;padding:6px 10px}.supplies{position:fixed;left:18px;top:108px;width:295px;background:var(--panel);border-left:2px solid #bf9f5e;padding:11px 13px;font:11px/1.5 system-ui,sans-serif}.resource-row{display:flex;justify-content:space-between;gap:8px;font-size:12px}.resource-row strong{color:var(--gold)}#food-supply{margin-top:8px}#food-supply label{display:block;color:#d7dfd0;font-size:10px}#food-meter{width:100%;height:15px;accent-color:#a7bb72;display:block;margin:3px 0;background:#233d34;border:1px solid var(--edge);border-radius:3px}#food-meter::-webkit-progress-bar{background:#233d34}#food-meter::-webkit-progress-value{background:#a7bb72}#food-meter::-moz-progress-bar{background:#a7bb72}#food-warning{font-size:10px;color:var(--muted)}#food-supply[data-low=true] #food-warning{color:#ffd394}#food-supply[data-low=true] #food-meter{accent-color:#e6a459}#food-supply[data-low=true] #food-meter::-webkit-progress-value{background:#e6a459}#food-supply[data-low=true] #food-meter::-moz-progress-bar{background:#e6a459}#objective{margin:10px 0 6px;color:#fff0c9}#chief-status{color:var(--muted);font-size:10px}#map-panel{position:fixed;right:18px;top:61px;width:278px;padding:10px 13px;background:var(--panel);border:1px solid var(--edge);border-radius:3px;font:11px/1.5 system-ui,sans-serif}#map-panel p{margin:3px 0 7px}#map-heading{color:var(--gold)}#band-map{display:block;width:250px;height:250px;cursor:crosshair;image-rendering:pixelated;touch-action:none}#map-panel small{font-size:10px}.camera{position:fixed;bottom:290px;right:18px;display:flex;gap:4px}.camera button{min-width:34px}.command-dock{position:fixed;left:18px;right:18px;bottom:72px;display:flex;gap:8px;align-items:flex-end;pointer-events:none;font:11px/1.45 system-ui,sans-serif}.command-dock details{width:330px;background:var(--panel);border:1px solid var(--edge);border-radius:4px;pointer-events:auto;max-height:270px;overflow:auto}.command-dock details.orders{width:350px}.command-dock summary{cursor:pointer;padding:10px 12px;color:var(--gold);font-size:12px}.panel-content{padding:0 10px 10px}.button-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:6px 0}.command-dock button{font-size:10px;padding:6px 8px}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.build-grid button{text-align:left}.build-grid small{display:block;font-size:9px}#combat-status,#build-status{font-size:10px;color:#e3d1a1}.command-dock .hint{line-height:1.5}#orders-status{color:var(--muted);font-size:10px}#band-status{color:#e3d1a1}footer{position:fixed;bottom:0;left:0;right:0;min-height:63px;padding:9px 18px;background:#13242bf0;font:11px/1.5 system-ui,sans-serif;pointer-events:none}footer>div{display:flex;gap:14px;padding-right:175px}#selection{color:var(--gold);white-space:nowrap}#message{color:#e6e9db}.controls-help{font-size:9px;color:var(--muted);margin:4px 0 0}#metrics{position:absolute;right:18px;top:10px;color:var(--muted);font-size:9px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:auto;display:grid;place-items:center;background:#0f201de8;padding:24px}.lobby-card,.result-card{width:min(100%,560px);background:#eae6d7;color:#263b34;border:1px solid #b9b8a4;border-radius:5px;padding:30px;box-shadow:0 18px 60px #07191566;font:13px/1.65 system-ui,sans-serif}.overlay .wordmark{color:#263b34;display:inline-block;margin-bottom:17px}.overlay .eyebrow{letter-spacing:.18em;font-size:10px;color:#6f785b}.overlay h1,.overlay h2{font:38px/1.1 Georgia,serif;margin:10px 0 17px}.overlay .hint{color:#5a6d60;margin-top:15px}.overlay a{color:#365b42}.overlay button{background:#dce1ce;color:#294535;border-color:#a7b393;font-size:12px}.overlay button.primary{background:#2d513f;color:#f7f0db}.overlay label{display:block;font-size:11px;margin:14px 0 5px}.overlay input{background:#f7f3e8;border:1px solid #a7b393;border-radius:3px;padding:9px 11px;width:100%;color:#263b34;font-size:14px}.overlay input:focus{outline:2px solid #65815c;outline-offset:2px}.lobby-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.join-row{display:grid;grid-template-columns:1fr auto;gap:5px 8px}.join-row label{grid-column:1/-1;margin-top:0}#room-code-input{text-transform:uppercase;letter-spacing:.18em}.room-details{margin-top:16px;border-top:1px solid #b9c3af;padding-top:8px}#room-code{letter-spacing:.12em}#lobby-bands{padding-left:20px}#lobby-status{color:#395841;margin-top:14px}.result-card>a{margin-left:15px}@media(max-width:950px){.command-dock details{width:calc((100vw - 52px)/3)}.command-dock details.orders{width:calc((100vw - 52px)/3)}.command-dock button{padding:6px}.build-grid{grid-template-columns:1fr}.camera{bottom:355px}.supplies{width:265px}}@media(max-width:600px){#world,#fog-world,#patrol-route{height:calc(100dvh - 245px)}.game-header{top:10px;left:12px;right:12px}.wordmark{font-size:15px}.game-header>div{display:block}#connection-status{display:block;font-size:9px;margin-top:4px}.game-header>a{font-size:10px;padding:7px 9px}.map-tools{top:66px;left:12px}.map-tools button{font-size:10px;padding:5px 9px}.supplies{left:12px;right:12px;top:103px;width:auto;padding:8px 10px}.resource-row{font-size:11px}#food-supply{margin-top:4px}#food-supply label{display:none}#food-meter{height:12px}#food-warning{font-size:9px;margin-bottom:0}#objective{font-size:10px;line-height:1.4;margin:6px 0}#chief-status{font-size:9px;margin-bottom:0}#map-panel{top:101px;right:12px;width:216px;padding:7px;font-size:10px;z-index:5}#band-map{width:200px;height:200px}#map-panel small{font-size:9px}.camera{bottom:254px;right:12px;gap:3px}.camera button{font-size:10px;padding:6px 8px;min-width:30px}.command-dock{left:8px;right:8px;bottom:59px;gap:4px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;max-height:183px;overflow:auto;background:var(--panel);border-radius:4px;pointer-events:auto}.command-dock details,.command-dock details.orders{display:contents}.command-dock summary{grid-row:1;padding:9px 6px;font-size:10px;border-bottom:1px solid var(--edge);white-space:nowrap}.command-dock .panel-content{grid-column:1/-1;padding:3px 7px 8px}.command-dock button{font-size:10px;padding:6px 8px}.command-dock .button-row{margin:4px 0;gap:3px}.command-dock #combat-status{margin-bottom:0;font-size:9px}.build-grid{grid-template-columns:1fr 1fr}.command-dock .hint{font-size:9px}footer{min-height:54px;padding:7px 12px;font-size:10px}footer>div{display:block;padding-right:0}#selection{margin-right:9px}#message{line-height:1.3}.controls-help,#metrics{display:none}.overlay{padding:12px}.lobby-card,.result-card{padding:22px}.overlay h1,.overlay h2{font-size:31px}.lobby-actions{display:grid}.overlay .wordmark{margin-bottom:8px}}@media(max-height:600px)and (min-width:601px){.supplies{top:102px;font-size:10px;padding:8px 11px}#objective{font-size:10px}.command-dock{bottom:55px}.command-dock details{max-height:165px}.camera{bottom:228px}.controls-help{display:none}footer{min-height:45px}#map-panel{width:216px;padding:7px}#band-map{width:200px;height:200px}}@media(max-width:600px){.command-dock{display:flex;align-items:flex-start;height:188px;max-height:188px;overflow:visible;gap:0}.command-dock details,.command-dock details.orders{display:block;flex:1;width:auto;max-height:none;overflow:visible;background:none;border:0}.command-dock summary{height:34px;font-size:10px;padding:9px 6px}.command-dock .panel-content{position:absolute;top:34px;left:0;right:0;height:154px;overflow:auto;padding:4px 8px 10px;background:var(--panel)}}.chief-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:7px 0}.chief-actions button{text-align:left;border-color:#b3975866;background:#304139}.chief-actions button small{display:block;font-size:9px}.chief-actions button[aria-pressed=true]{background:var(--gold);color:#182522}.ability-status,#construction-status{font-size:10px;line-height:1.45;color:#eedcac}.chief-actions+#ability-status{margin:4px 0}#shieldwall-status{margin:3px 0 8px}#settlement-route{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;pointer-events:none;overflow:hidden}#truce-status{color:#c8edc7;font-weight:700;border-bottom:1px solid var(--edge);padding-bottom:6px}#truce-status[data-urgent=true]{color:#ffd38f}.founding-guide{position:fixed;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(580px,calc(100vw - 24px));max-height:80dvh;overflow:auto;padding:22px;background:#142529fa;border:1px solid var(--gold);box-shadow:0 12px 65px #091b20b0;font:12px/1.55 system-ui,sans-serif}.founding-guide h2{font:28px Georgia,serif;margin:4px 0 12px}.founding-guide article{padding:10px 0;border-top:1px solid var(--edge)}.founding-guide article strong{color:var(--gold)}.founding-guide article button{margin-right:8px}.founding-guide>button{margin-top:12px}@media(max-width:600px){.founding-guide{padding:15px;max-height:76dvh;font-size:11px}.founding-guide h2{font-size:24px}.founding-guide article{padding:7px 0}.map-tools button{padding:5px 7px;font-size:10px}#truce-status{font-size:10px;margin:0 0 4px}}