:root{--panel-bg:#faf8f2e0;--panel-ink:#2b2a27;--panel-quiet:#6d6a63;--accent:#3f7fa8;--sky:#c9dde8;color:var(--panel-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--sky);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}#app,#app canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}.panel{background:var(--panel-bg);pointer-events:auto;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:8px 10px;display:flex;position:absolute;box-shadow:0 2px 10px #1e28321f}.top-left{top:max(16px, env(safe-area-inset-top));left:16px}.top-right{top:max(16px, env(safe-area-inset-top));right:16px}.bottom-left{bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:2px;min-width:180px;left:16px}.bottom-right{bottom:max(16px, env(safe-area-inset-bottom));color:var(--panel-quiet);gap:4px 12px;max-width:420px;font-size:12px;right:16px}.title{letter-spacing:.02em;font-size:15px}label{color:var(--panel-quiet);align-items:center;gap:4px;display:flex}input,select,button{font:inherit;color:var(--panel-ink);background:#fff;border:1px solid #00000026;border-radius:6px;padding:4px 8px}input{width:110px}button{cursor:pointer}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}kbd{opacity:.7;font-size:11px}.toast{top:max(118px, calc(env(safe-area-inset-top) + 102px))}.band{color:var(--panel-quiet);min-width:92px;font-size:12px}#tile-info .terrain{font-size:15px;font-weight:600}#tile-info .resource{white-space:pre-line;color:#9a4a1c;font-size:12px;font-weight:600}#tile-info .meta{color:var(--panel-quiet);font-size:12px}#loading{background:var(--sky);z-index:5;place-items:center;display:grid;position:fixed;inset:0}.loading-card{background:var(--panel-bg);letter-spacing:.02em;border-radius:12px;gap:8px;width:min(340px,100vw - 32px);padding:16px 22px 18px;display:grid}.loading-title{font-size:17px}.loading-step{color:var(--panel-quiet);font-variant-numeric:tabular-nums}.loading-bar{background:#3f7fa82e;border-radius:4px;height:8px;display:block;overflow:hidden}.loading-bar i{background:var(--accent);border-radius:4px;width:0;height:100%;transition:width .25s ease-out;display:block}#unit-panel{max-width:330px}#unit-panel .tw-detail{width:100%;margin:6px 0}#unit-panel .tw-stat{background:#0000000d}#unit-panel .tw-stat-v{color:var(--panel-ink)}#unit-panel .meta{color:var(--panel-quiet);font-size:12px}.found-town{color:#fff;background:#e8732c;border-color:#c95f1f;margin:6px 0 2px;font-weight:600}.found-town:disabled{color:#7d786f;cursor:not-allowed;background:#d9d4c7;border-color:#c9c3b6}#game-menu{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;z-index:7;background:#14181c73;place-items:center;display:grid;position:fixed;inset:0}#game-menu-panel{flex-flow:column;align-items:stretch;gap:8px;width:min(460px,100vw - 32px);max-height:calc(100vh - 48px);padding:20px 22px;position:static;overflow-y:auto}#game-menu-panel h2{text-align:center;letter-spacing:.04em;margin:0 0 6px;font-size:20px}.menu-button{padding:9px;font-size:15px;font-weight:600}.menu-button:hover{border-color:#e8732c}.menu-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--panel-quiet);margin-top:6px;font-size:11px;font-weight:600}.menu-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-label{flex-direction:column;display:flex}.menu-label span{color:var(--panel-quiet);font-size:12px}.menu-seg{flex:none;display:flex}.menu-seg button{border-radius:0;margin-left:-1px;padding:4px 9px;font-size:13px}.menu-seg button:first-child{border-radius:6px 0 0 6px}.menu-seg button:last-child{border-radius:0 6px 6px 0}.menu-seg button:disabled{opacity:.45;cursor:not-allowed}.menu-controls{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;display:grid}.menu-controls dt{font-weight:600}.menu-controls dd{color:var(--panel-quiet);margin:0}#fatal{z-index:6;background:var(--panel-bg);pointer-events:auto;text-align:center;border-radius:12px;max-width:min(480px,100vw - 32px);padding:20px;line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#fatal p{margin:0 0 12px}.build-bar{bottom:max(16px, env(safe-area-inset-bottom));flex-wrap:nowrap;left:50%;transform:translate(-50%)}.build-bar button[aria-pressed=true],.build-list button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.tech-button{margin-left:8px}.build-list{flex-direction:column;align-items:stretch;width:240px;top:50%;right:16px;transform:translateY(-50%)}.unit-list{flex-flow:column;align-items:stretch;gap:6px;width:270px;max-height:70vh;top:50%;right:16px;overflow-y:auto;transform:translateY(-50%)}.unit-list-head{justify-content:space-between;align-items:center;display:flex}.unit-list .list-title{font-size:15px;font-weight:600}.unit-list-close{padding:0 8px;font-size:16px;line-height:22px}.unit-list .empty{color:var(--panel-quiet);font-size:13px}.unit-row{text-align:left;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.unit-row.done{opacity:.6}.unit-row[aria-pressed=true]{color:var(--panel-ink);background:#fff4e8;border-color:#e8732c}.unit-icon{color:#fff;background:#e8732c;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.unit-icon svg{width:20px;height:20px}.unit-text{flex-direction:column;min-width:0;display:flex}.unit-text small{color:var(--panel-quiet);font-size:11px}.unit-hp{flex-direction:column;align-items:flex-end;gap:2px;font-size:11px;font-weight:600;display:flex}.unit-hp-bar{background:#0000001f;border-radius:3px;width:44px;height:5px;overflow:hidden}.unit-hp-bar i{background:#4caf50;height:100%;display:block}.build-list .list-title{font-size:15px;font-weight:600}.build-list .empty{color:var(--panel-quiet);font-size:12px}.build-list .item{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.build-list .item span{opacity:.8;font-size:11.5px}.build-hint{top:max(70px, calc(env(safe-area-inset-top) + 54px));font-size:13px;left:50%;transform:translate(-50%)}#tech-overlay{pointer-events:auto;color:#e9e4d8;background:#0c0e11;position:absolute;inset:0}#tech-overlay[hidden]{display:none!important}#tech-bg,#tech-svg{width:100%;height:100%;position:absolute;inset:0}.tt-title{letter-spacing:.18em;text-transform:uppercase;color:#e9dfc4;font-size:20px;position:absolute;top:22px;left:28px}#tech-close{color:#e9e4d8;background:#ffffff0f;border:1px solid #e9dfc44d;padding:6px 13px;font-size:22px;line-height:1;position:absolute;top:18px;right:22px}#tech-info{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14171cd1;border:1px solid #e9dfc426;border-radius:12px;width:min(320px,100vw - 56px);padding:16px 18px;position:absolute;bottom:28px;right:28px}#tech-info h3{color:#f3efe6;margin:4px 0 8px;font-size:19px}#tech-info p{color:#b9b4a8;margin:10px 0 0;line-height:1.5}.tt-info-path{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.tt-status{background:#ffffff1a;border-radius:99px;padding:2px 9px;font-size:12px;display:inline-block}.tt-status.done{color:#fff;background:#4caf50}.tt-node{cursor:pointer}.tt-node.soon{opacity:.7}.tt-node:hover circle,.tt-node.selected circle{stroke:#fff}.tt-node.selected circle:last-of-type{stroke-width:3.5px}.tt-branch{letter-spacing:.12em;text-transform:uppercase;fill:#e9dfc4;text-anchor:middle;font-size:17px;font-weight:600}.tt-path{letter-spacing:.05em;font-size:14px;font-weight:600}#tech-weapons{flex-direction:column;width:210px;min-height:0;display:flex;position:absolute;top:70px;bottom:28px;left:28px}.tw-title{letter-spacing:.14em;text-transform:uppercase;color:#e9dfc4;opacity:.8;margin-bottom:8px;font-size:12px;font-weight:600}.tw-list{flex-direction:column;gap:4px;min-height:0;display:flex;overflow-y:auto}.tw-row{text-align:left;color:#e9e4d8;cursor:pointer;background:#14171cb3;border:1px solid #e9dfc41a;border-radius:9px;align-items:center;gap:10px;padding:6px 10px;display:flex}.tw-row:hover,.tw-row.selected{background:#e9dfc41a;border-color:#e9dfc48c}.tw-row svg{flex:none}.tw-name{font-size:13px;font-weight:600}.tw-stats{color:#9d988d;font-size:11px}.tw-info-title{align-items:center;gap:8px;display:flex}.tw-detail{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.tw-stat{background:#ffffff0f;border-radius:7px;padding:5px 7px}.unit-stats{margin-top:10px}.tw-stat-wide{grid-column:1/-1}.tw-stat-k{text-transform:uppercase;letter-spacing:.06em;color:#8f8a80;font-size:10px}.tw-stat-v{color:#f3efe6;font-size:12px}#tech-info p.tw-rule{color:#f2c14e}#tech-info p.tw-wielders{font-size:12px}.tw-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tw-chip{color:#e9e4d8;cursor:pointer;background:#e9dfc414;border:1px solid #e9dfc440;border-radius:99px;align-items:center;gap:5px;padding:3px 9px 3px 6px;font-size:12px;display:inline-flex}.tw-chip:hover{border-color:#e9dfc499}.turn-bar{top:max(16px, env(safe-area-inset-top));flex-wrap:nowrap;gap:14px;padding:6px 14px;left:50%;transform:translate(-50%)}.stock-side{gap:14px;display:flex}.stock{align-items:center;gap:5px;display:flex}.stock svg{width:22px;height:22px}.stock b{min-width:1ch;font-size:15px}.stock small{color:var(--panel-quiet);font-size:11px;display:none}@media (min-width:1700px){.stock small{display:inline}}.turn-center{border-left:1px solid #0000001a;border-right:1px solid #0000001a;align-items:center;gap:8px;padding:0 14px;display:flex}.turn-label{color:var(--panel-quiet);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.turn-num{text-align:center;min-width:1.4ch;font-size:22px;font-weight:700}.turn-num.pulse{animation:.6s ease-out turn-pulse}@keyframes turn-pulse{0%{color:#e8732c;transform:scale(1.5)}to{transform:scale(1)}}#end-turn{color:#fff;background:#e8732c;border-color:#c95f1f;font-weight:600}@media (max-width:1660px){.turn-bar{top:calc(max(16px, env(safe-area-inset-top)) + 54px)}.toast{top:max(170px, calc(env(safe-area-inset-top) + 154px))}}@media (max-width:640px){.help,kbd{display:none}.top-right{top:auto;bottom:max(16px, env(safe-area-inset-bottom));right:16px}.bottom-left{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 52px)}input{width:80px}.build-bar{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 104px)}.build-list{width:200px}.turn-bar{top:calc(max(16px, env(safe-area-inset-top)) + 96px);gap:8px;padding:5px 10px}.stock-side{gap:8px}.stock small{display:none}.turn-center{padding:0 8px}.turn-label{display:none}#tech-weapons{width:auto;left:16px}.tw-text,.tw-title{display:none}}#town-bars{pointer-events:none;position:fixed;inset:0;overflow:hidden}.town-bar{color:#fff;white-space:nowrap;will-change:transform;background:#1c1814b8;border-radius:99px;align-items:center;gap:5px;padding:3px 7px 3px 3px;font-size:11px;font-weight:600;display:flex;position:absolute;top:0;left:0}.town-bar b{background:#e8732c;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid}.town-bar-food{gap:2px;display:flex}.town-bar-food i{background:#ffffff38;border-radius:2px;width:9px;height:7px}.town-bar-units{color:#e9dfc4;align-items:center;gap:2px;margin-left:2px;font-size:10px;display:flex}.town-bar-units svg{width:11px;height:11px}#reward{text-align:center;z-index:4;flex-direction:column;gap:4px;width:min(380px,100vw - 32px);padding:18px 22px;top:50%;left:50%;transform:translate(-50%,-50%)}#reward h3{margin:0;font-size:18px}#reward p{color:var(--panel-quiet);margin:0 0 8px}.reward-row{gap:10px;width:100%;display:flex}.reward-choice{border-radius:10px;flex-direction:column;flex:1;gap:2px;padding:10px;display:flex}.reward-choice strong{color:#c95f1f;font-size:17px}.reward-choice span{color:var(--panel-quiet);font-size:12px}.reward-choice:hover{border-color:#e8732c}.town-bar-food em{letter-spacing:.08em;color:#f2c14e;font-size:9px;font-style:normal}.town-bar-food i.half{background:linear-gradient(90deg,#f2c14e 50%,#ffffff38 50%)}.town-bar-food i.full{background:#f2c14e}.stock small.income{color:#3f8a3a;font-variant-numeric:tabular-nums;font-weight:600;display:inline}body.no-ui #hud>:not(#game-menu):not(#fatal),body.no-ui #town-bars{display:none!important}.brand{white-space:nowrap;align-items:center;display:inline-flex}.brand-a{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#fff;background:#4f9a3c;place-items:center;width:1.2em;height:1.36em;margin:0 .06em;padding-bottom:.1em;line-height:1;display:inline-grid;transform:translateY(.08em)}