:root{color:#f6ecd4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#172119e6;--panel-strong:#0c110df0;--edge:#f6ecd42e;--gold:#d8b667;--food:#c95f45;--wood:#86ad64;--stone:#aeb5ad;--iron:#b9c2bd;--app-viewport-width:100vw;--app-viewport-height:100dvh;--app-browser-bottom-offset:0px;--app-bottom-inset:max(env(safe-area-inset-bottom), var(--app-browser-bottom-offset));background:#172119;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,#game-shell,#game{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:var(--app-viewport-height);touch-action:none;overscroll-behavior-x:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html:not(.game-started) body{touch-action:pan-y}button{font:inherit}#game-shell{width:var(--app-viewport-width);height:var(--app-viewport-height);touch-action:none;overscroll-behavior:none;background:#172119;position:relative}#game canvas{touch-action:none;display:block}html:not(.game-started) #game-shell{touch-action:pan-y}html:not(.game-started) #hud,html:not(.game-started) #minimap,html:not(.game-started) #command-panel,html:not(.game-started) #touch-controls,html:not(.game-started) #touch-command-bar,html:not(.game-started) #tech-tree-panel,html:not(.game-started) #toast{display:none}.menu-screen,.end-screen{color:#fff7e4;pointer-events:auto;touch-action:pan-y;background-position:50%;background-size:cover;align-items:center;min-height:100%;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.menu-screen{z-index:8;background-image:linear-gradient(90deg,#090d0ad6 0%,#10160f94 35%,#10160f1f 68%),linear-gradient(#090d0a2e 0%,#090d0ab8 100%),image-set("../assets/ui/start-page-v1.webp" 1x type("image/webp"),"../assets/ui/start-page-v1.png" 1x type("image/png"))}.end-screen{z-index:7;text-align:center;background-image:radial-gradient(circle at 50% 46%,#0c110d2e 0%,#0c110d7a 58%,#0c110dd6 100%),linear-gradient(#090d0a1f 0%,#090d0ab3 100%),image-set("../assets/ui/victory-screen-v1.webp" 1x type("image/webp"),"../assets/ui/victory-screen-v1.png" 1x type("image/png"));place-items:center}.end-screen.is-defeat{filter:saturate(.72)contrast(1.08);background-image:radial-gradient(circle at 50% 46%,#4a1a127a 0%,#140d0aa8 58%,#080706f0 100%),linear-gradient(#2b150e70 0%,#070807db 100%),image-set("../assets/ui/victory-screen-v1.webp" 1x type("image/webp"),"../assets/ui/victory-screen-v1.png" 1x type("image/png"))}.menu-screen[hidden],.end-screen[hidden]{display:none}.menu-copy,.end-copy{width:min(560px,100vw - 40px);margin-left:max(28px, env(safe-area-inset-left));padding-block:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-bottom));text-shadow:0 3px 18px #000000b8;gap:16px;display:grid}.end-copy{justify-items:center;margin:0}.end-emblem{background:radial-gradient(circle at 50% 46%,#fff8dae6 0 8%,#0000 9%),radial-gradient(circle,#e8c66c40,#e8c66c0d 56%,#0000 57%);border-radius:50%;width:118px;height:118px;position:relative;box-shadow:0 0 0 2px #f2d8728c,0 18px 42px #0000006b}.end-emblem:before,.end-emblem:after{content:"";color:#f2d872;border:solid;position:absolute;top:26px;bottom:26px;left:26px;right:26px}.end-emblem--victory:before{border-width:0 8px 8px 0;transform:rotate(45deg)translate(2px,-8px)}.end-emblem--victory:after{opacity:.62;border-width:3px;border-radius:50%;top:18px;bottom:18px;left:18px;right:18px}.end-emblem--defeat{background:radial-gradient(circle at 50% 48%,#ffb27a6b,#742b1f24 56%,#0000 57%),radial-gradient(circle,#d6524038,#2c14100d 60%,#0000 61%);box-shadow:0 0 0 2px #db6b5e9e,0 18px 42px #0000007a}.end-emblem--defeat:before{color:#db6b5e;opacity:.9;border-width:0 5px 0 0;top:30px;bottom:28px;left:54px;right:54px;transform:rotate(-36deg)}.end-emblem--defeat:after{color:#f0a66c;opacity:.92;border-width:0 5px 0 0;top:28px;bottom:30px;left:54px;right:54px;transform:rotate(36deg)}.menu-eyebrow{color:#f2d872;letter-spacing:0;text-transform:uppercase;margin:0;font-size:13px;font-weight:900}.menu-copy h1,.end-copy h2{color:#fff8e7;letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:64px;font-weight:900;line-height:.92}.end-copy h2{font-size:58px}.menu-subtitle{color:#efe4c7;max-width:500px;margin:0;font-size:17px;font-weight:750;line-height:1.45}.end-copy .menu-subtitle{max-width:620px}.start-panel{gap:16px;width:min(540px,100%);display:grid}.start-panel--home{align-content:start}.start-panel--setup{max-height:calc(var(--app-viewport-height,100vh) - 48px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-right:4px;overflow-y:auto}.menu-screen[data-start-view=home] [data-start-panel=setup],.menu-screen[data-start-view=setup] [data-start-panel=home]{display:none}.start-setup-header{gap:6px;display:grid}.start-setup-header h2{color:#fff8e7;letter-spacing:0;margin:0;font-size:28px;font-weight:950;line-height:1}.start-setup-header p{color:#efe4c7;max-width:460px;margin:0;font-size:13px;font-weight:750;line-height:1.35}.start-identity{width:min(520px,100%);text-shadow:none;background:linear-gradient(#121a14e6,#0a0f0cc7);border:1px solid #f7cd7061;border-radius:8px;gap:10px;padding:14px;display:grid;box-shadow:0 18px 44px #00000057}.start-identity.is-linked{border-color:#86ad64ad}.start-identity__copy{gap:5px;display:grid}.start-identity__eyebrow{color:#f2d872;letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.start-identity h2{color:#fff8e7;letter-spacing:0;margin:0;font-size:24px;font-weight:950;line-height:1}.start-identity p{color:#e7dbc0;margin:0;font-size:13px;font-weight:700;line-height:1.35}.start-identity__benefits{gap:7px;margin:0;padding:0;list-style:none;display:grid}.start-identity__benefits li{color:#eee1c6;grid-template-columns:42px 1fr;align-items:baseline;gap:8px;font-size:12px;font-weight:720;line-height:1.3;display:grid}.start-identity__benefits span{color:#f2d872;text-transform:uppercase;font-size:11px;font-weight:950}.start-identity__status{color:#f5e9cd;background:#fff8e70f;border:1px solid #f6ecd424;border-radius:7px;align-items:center;gap:8px;min-height:28px;padding:6px 8px;font-size:12px;font-weight:850;display:flex}.start-identity__dot{background:#d8b667;border-radius:999px;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #d8b66729}.start-identity__status.is-linked .start-identity__dot{background:#86ad64;box-shadow:0 0 0 3px #86ad642e}.start-identity__status.is-busy .start-identity__dot{background:#f2d872;box-shadow:0 0 0 3px #f2d8722e}.start-identity__actions{flex-wrap:wrap;gap:8px;display:flex}.start-multiplayer__invite{overflow-wrap:anywhere;color:#efe4c7;background:#fff8e70f;border:1px solid #f6ecd424;border-radius:7px;margin:0;padding:8px;font-size:11px;font-weight:750;line-height:1.35}.start-tribe{width:min(520px,100%);text-shadow:none;background:#0c110dbd;border:1px solid #f6ecd42e;border-radius:8px;gap:10px;padding:12px;display:grid;box-shadow:0 16px 38px #0000003d}.start-tribe__grid{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.start-tribe-card{--tribe-color:#268b5c;--tribe-trim:#e6c46f;background:linear-gradient(180deg, color-mix(in srgb, var(--tribe-color) 14%, #182119f5), #121913eb);color:#fff8e7;cursor:pointer;text-align:left;touch-action:manipulation;border:1px solid #f6ecd42e;border-radius:7px;flex:150px;gap:8px;min-width:148px;padding:10px;display:grid}.start-tribe-card[data-start-civilization=yamato]{--tribe-color:#268b5c;--tribe-trim:#e6c46f}.start-tribe-card[data-start-civilization=egyptian]{--tribe-color:#1d8a84;--tribe-trim:#e0bd5a}.start-tribe-card[data-start-civilization=greek]{--tribe-color:#315d9e;--tribe-trim:#f0efe4}.start-tribe-card__top{align-items:center;gap:8px;display:flex}.start-tribe-card__crest{background:var(--tribe-color);width:34px;height:34px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tribe-trim) 64%, transparent), 0 5px 12px #00000038;border:1px solid #0c110dd1;flex:none;position:relative}.start-tribe-card[data-start-civilization=yamato] .start-tribe-card__crest{border-radius:50%}.start-tribe-card[data-start-civilization=yamato] .start-tribe-card__crest:before,.start-tribe-card[data-start-civilization=yamato] .start-tribe-card__crest:after{content:"";background:var(--tribe-trim);position:absolute}.start-tribe-card[data-start-civilization=yamato] .start-tribe-card__crest:before{width:3px;top:7px;bottom:7px;left:15px}.start-tribe-card[data-start-civilization=yamato] .start-tribe-card__crest:after{height:3px;top:15px;left:7px;right:7px}.start-tribe-card[data-start-civilization=egyptian] .start-tribe-card__crest{clip-path:polygon(50% 4%,94% 88%,6% 88%)}.start-tribe-card[data-start-civilization=greek] .start-tribe-card__crest{background:linear-gradient(90deg, transparent 18%, var(--tribe-trim) 18% 25%, transparent 25% 43%, var(--tribe-trim) 43% 50%, transparent 50% 68%, var(--tribe-trim) 68% 75%, transparent 75%), var(--tribe-color);border-radius:4px}.start-tribe-card strong,.start-tribe-card>span:not(.start-tribe-card__top){display:block}.start-tribe-card strong{font-size:14px;font-weight:950}.start-tribe-card>span:not(.start-tribe-card__top){color:#e7dbc0;margin-top:4px;font-size:12px;font-weight:700;line-height:1.25}.start-tribe-card>.start-tribe-card__status{color:var(--tribe-trim);letter-spacing:0;font-size:10px;font-weight:950}.start-tribe-card.is-selected{background:linear-gradient(180deg, color-mix(in srgb, var(--tribe-color) 28%, #4d5730fa), #1c3325f0);border-color:#f2d872e6;box-shadow:inset 0 0 0 1px #f2d87238,0 12px 26px #00000038}.start-matchup{background:#090d0a6b;border:1px solid #f6ecd424;border-radius:7px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.start-matchup__side{align-items:center;gap:8px;min-width:0;display:flex}.start-matchup__side--rival{text-align:right;justify-content:end}.start-matchup__label,.start-matchup__label strong,.start-matchup__label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.start-matchup__label strong{color:#fff8e7;font-size:13px;font-weight:950}.start-matchup__label span,.start-matchup__versus{color:#d8d4c5;text-transform:uppercase;font-size:10px;font-weight:900}.start-matchup__versus{color:#f2d872}.start-matchup__crest{--tribe-color:#268b5c;--tribe-trim:#e6c46f;background:var(--tribe-color);width:28px;height:28px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tribe-trim) 64%, transparent), 0 5px 12px #0003;border:1px solid #0c110dd1;flex:none;position:relative}.start-matchup__crest[data-civilization=yamato]{--tribe-color:#268b5c;--tribe-trim:#e6c46f;border-radius:50%}.start-matchup__crest[data-civilization=egyptian]{--tribe-color:#1d8a84;--tribe-trim:#e0bd5a;clip-path:polygon(50% 4%,94% 88%,6% 88%)}.start-matchup__crest[data-civilization=greek]{--tribe-color:#315d9e;--tribe-trim:#f0efe4;background:linear-gradient(90deg, transparent 18%, var(--tribe-trim) 18% 25%, transparent 25% 43%, var(--tribe-trim) 43% 50%, transparent 50% 68%, var(--tribe-trim) 68% 75%, transparent 75%), var(--tribe-color);border-radius:4px}.start-matchup__crest[data-civilization=yamato]:before,.start-matchup__crest[data-civilization=yamato]:after{content:"";background:var(--tribe-trim);position:absolute}.start-matchup__crest[data-civilization=yamato]:before{width:3px;top:6px;bottom:6px;left:12px}.start-matchup__crest[data-civilization=yamato]:after{height:3px;top:12px;left:6px;right:6px}.start-tribe-card:hover{border-color:#f7cd70d1;outline:none}.start-tribe-card:focus-visible{border-color:#f7cd70d1;outline:none}.start-tribe-card:disabled{cursor:wait;opacity:.68}.start-loading{width:min(520px,100%);text-shadow:none;background:linear-gradient(#121a14eb,#0a0f0cd1);border:1px solid #f7cd7075;border-radius:8px;gap:12px;padding:14px;display:none;box-shadow:0 18px 44px #00000057}.menu-screen.is-loading .start-panel{display:none}.menu-screen.is-loading .start-loading{display:grid}.start-loading__title{color:#fff8e7;letter-spacing:0;margin:0;font-size:22px;font-weight:950}.start-loading__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.start-loading__status,.start-loading__percent{color:#efe4c7;font-size:13px;font-weight:850}.start-loading__track{background:#fff8e71a;border:1px solid #f6ecd429;border-radius:999px;height:8px;overflow:hidden}.start-loading__bar{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#86ad64,#f2d872);width:100%;height:100%;transition:transform .16s;display:block;transform:scaleX(.02)}.menu-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.end-copy .menu-actions{justify-content:center}.menu-button{color:#fff8e7;cursor:pointer;letter-spacing:0;touch-action:manipulation;background:#182119e6;border:1px solid #f6ecd442;border-radius:7px;min-width:136px;min-height:46px;padding:10px 16px;font-size:14px;font-weight:900;box-shadow:0 16px 38px #00000057}.menu-button--primary{background:linear-gradient(#7d612bfa,#3d4e2bfa);border-color:#f7cd70d1}.menu-button--signet{background:linear-gradient(#5d6f3efa,#263e2dfa);border-color:#f2d872b3}.menu-button--quiet{background:#101712b8;min-width:108px}.menu-button:disabled{cursor:wait;opacity:.68}.menu-button:hover{border-color:#f7cd70f2;outline:none}.menu-button:focus-visible{border-color:#f7cd70f2;outline:none}.menu-button:active{transform:translateY(1px)}#selection-box{pointer-events:none;z-index:4;background:#f2d8721f;border:2px solid #f2d872f2;display:none;position:absolute;box-shadow:0 0 0 1px #141a1566}#hud{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute}#resource-bar,#identity-chip,#debug-panel,#tech-tree-panel,#selection-summary,#command-buttons,.command-drawer-toggle,#toast,#minimap{-webkit-backdrop-filter:none;backdrop-filter:none}#resource-bar{flex-wrap:wrap;gap:8px;max-width:min(680px,100vw - 24px);display:flex}.resource-pill,#identity-chip{border:1px solid var(--edge);background:var(--panel);color:#fff7e4;border-radius:8px;min-height:34px;box-shadow:0 10px 30px #00000042}.resource-pill{-webkit-appearance:none;appearance:none;letter-spacing:0;white-space:nowrap;grid-template-columns:12px auto auto;align-items:center;gap:6px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:750;display:grid}.resource-pill--action{cursor:pointer;pointer-events:auto}.resource-pill--action:hover{background:#372f1ce6;border-color:#f2d872b8;outline:none}.resource-pill--action:focus-visible{background:#372f1ce6;border-color:#f2d872b8;outline:none}.resource-pill--low{background:#453612e0;border-color:#f2d872ad}.resource-pill--blocked{background:#4f1816e6;border-color:#e5675cd1}.resource-label,.resource-value{text-overflow:ellipsis;overflow:hidden}.resource-value{font-weight:900}.resource-dot{border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 2px #ffffff14}#identity-chip{--hud-civ-color:#268b5c;--hud-civ-trim:#e6c46f;--hud-age-color:#b9945d;background:linear-gradient(180deg, color-mix(in srgb, var(--hud-civ-color) 18%, #182119f0), #0d120ee6);letter-spacing:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;max-width:min(390px,39vw);padding:7px 10px 7px 8px;font-size:12px;font-weight:700;display:grid;overflow:hidden}#identity-chip.has-multiplayer{max-width:min(520px,48vw)}.hud-civ-crest{background:var(--hud-civ-color);width:28px;height:28px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--hud-civ-trim) 64%, transparent), 0 4px 10px #0000003d;border:1px solid #0b100bdb;position:relative}.hud-civ-crest--yamato{border-radius:50%}.hud-civ-crest--yamato:before,.hud-civ-crest--yamato:after{content:"";background:var(--hud-civ-trim);position:absolute}.hud-civ-crest--yamato:before{width:3px;top:6px;bottom:6px;left:12px}.hud-civ-crest--yamato:after{height:3px;top:12px;left:6px;right:6px}.hud-civ-crest--egyptian{clip-path:polygon(50% 4%,94% 88%,6% 88%)}.hud-civ-crest--greek{background:linear-gradient(90deg, transparent 18%, var(--hud-civ-trim) 18% 25%, transparent 25% 43%, var(--hud-civ-trim) 43% 50%, transparent 50% 68%, var(--hud-civ-trim) 68% 75%, transparent 75%), var(--hud-civ-color);border-radius:4px}.hud-identity-copy{min-width:0;display:grid}.hud-civ-name,.hud-player-name,.hud-multiplayer-status,.hud-age-badge{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-civ-name{color:#fff8e7;font-size:12px;font-weight:950}.hud-player-name{color:#d8d4c5;font-size:11px;font-weight:760}.hud-multiplayer-status{color:#d7e6d2;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:850;display:inline-flex}.hud-multiplayer-status:before{content:"";background:#d8b667;border-radius:999px;flex:none;width:6px;height:6px;box-shadow:0 0 0 2px #d8b66729}#identity-chip[data-multiplayer-relay=connected] .hud-multiplayer-status:before{background:#86ad64;box-shadow:0 0 0 2px #86ad642e}#identity-chip[data-multiplayer-relay=degraded] .hud-multiplayer-status:before{background:#db6b5e;box-shadow:0 0 0 2px #db6b5e2e}.hud-age-badge{border:1px solid color-mix(in srgb, var(--hud-age-color) 72%, transparent);color:#fff3c6;background:#0c110d85;border-radius:6px;max-width:112px;padding:4px 6px;font-size:11px;font-weight:950}#minimap{top:calc(max(12px, env(safe-area-inset-top)) + 204px);right:max(12px, env(safe-area-inset-right));z-index:2;touch-action:none;background:#0b110ddb;border:1px solid #f6ecd438;border-radius:8px;width:180px;height:124px;position:absolute;box-shadow:0 18px 45px #00000047}#debug-panel{top:calc(max(12px, env(safe-area-inset-top)) + 48px);right:max(12px, env(safe-area-inset-right));pointer-events:auto;z-index:2;background:#0c110de6;border:1px solid #f6ecd433;border-radius:8px;gap:7px;width:min(372px,100vw - 24px);padding:9px;display:grid;position:absolute;box-shadow:0 18px 45px #0000004d}#debug-panel[hidden]{display:none}#tech-tree-panel{inset:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));z-index:5;pointer-events:auto;place-items:center;display:grid;position:absolute}#tech-tree-panel[hidden]{display:none}.tech-tree-card{background:#0c110df5;border:1px solid #f6ecd438;border-radius:8px;grid-template-rows:auto auto auto minmax(0,1fr);gap:10px;width:min(1120px,100%);height:min(760px,100%);padding:14px;display:grid;box-shadow:0 28px 90px #0000007a}.tech-tree-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.tech-tree-header h2,.tech-tree-header p{margin:0}.tech-tree-header h2{color:#fff8e7;letter-spacing:0;font-size:20px;font-weight:900}.tech-tree-header p{color:#d8d4c5;font-size:12px;font-weight:750}.tech-tree-close{color:#fff8e7;cursor:pointer;background:#ffffff12;border:1px solid #f6ecd438;border-radius:7px;min-height:36px;padding:7px 10px;font-size:12px;font-weight:850}.tech-tree-legend{color:#d8d4c5;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:11px;font-weight:800;display:flex}.tech-legend-dot{border-radius:999px;width:10px;height:10px}.tech-legend-dot--available{background:#78d37f}.tech-legend-dot--locked{background:#59615b}.tech-legend-dot--researched{background:#82c8e2}.tech-legend-dot--researching{background:#f2d872}.tech-tree-scroll{background-color:#090f0bbd;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #f6ecd41f;border-radius:7px;min-height:0;overflow:auto}.tech-tree-map{position:relative}.tech-age-lane{z-index:0;pointer-events:none;background:#fff8e705;border:1px solid #f6ecd414;border-radius:8px;position:absolute;top:8px;bottom:8px}.tech-age-lane span{color:#fff8e7bd;text-transform:uppercase;font-size:11px;font-weight:950;position:absolute;top:8px;left:10px}.tech-age-lane--reached{background:#78d37f09}.tech-age-lane--researching{background:#f2d8720b;border-color:#f2d87229}.tech-tree-links{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.tech-link{fill:none;stroke-width:2px}.tech-link--active{stroke:#78d37f94}.tech-link--locked{stroke:#b9c2bd33;stroke-dasharray:8 7}.tech-link.is-focused{stroke-width:4px;filter:drop-shadow(0 0 5px #f7cd707a)}.tech-arrow--active{fill:#78d37fbf}.tech-arrow--locked{fill:#b9c2bd5c}.tech-node{z-index:2;color:#fff8e7;text-align:left;cursor:pointer;background:#1f2b20f5;border:1px solid #f6ecd42e;border-radius:7px;align-content:center;gap:3px;padding:10px 58px 8px 10px;display:grid;position:absolute;overflow:hidden}.tech-node.is-focused{border-color:#f7cd70eb;outline:none;box-shadow:0 0 0 2px #f7cd702e}.tech-node:focus-visible{border-color:#f7cd70eb;outline:none;box-shadow:0 0 0 2px #f7cd702e}.tech-node strong,.tech-node span,.tech-node em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tech-node em{color:#f2d872;text-align:center;text-transform:uppercase;background:#00000038;border:1px solid #f6ecd429;border-radius:999px;max-width:48px;padding:2px 5px;font-size:8px;font-style:normal;font-weight:950;position:absolute;top:7px;right:7px}.tech-node strong{font-size:12px;font-weight:900}.tech-node span{color:#d8d4c5;font-size:10px;font-weight:750}.tech-node-progress{background:#ffffff21;border-radius:999px;height:4px;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.tech-node-progress b{border-radius:inherit;background:#f2d872;height:100%;display:block}.tech-node--age{background:#4b3e22f5}.tech-node--unit{background:#20322df5}.tech-node--tech{background:#1d2b36f5}.tech-node--current,.tech-node--available,.tech-node--researched,.tech-node--researching{border-color:#f7cd708a}.tech-node--researched{background:#1c3d46f5}.tech-node--researching{background:#41361ff5;box-shadow:inset 0 -4px #f7cd7052}.tech-node--locked{color:#fff8e78f;background:#212420f0}.tech-tree-detail{background:#121b15e0;border:1px solid #f6ecd429;border-radius:7px;gap:3px;padding:9px 10px;display:grid}.tech-tree-detail strong{color:#fff8e7;font-size:13px;font-weight:900}.tech-tree-detail span,.tech-tree-detail p{color:#d8d4c5;margin:0;font-size:11px;font-weight:750;line-height:1.3}.tech-tree-detail-grid{grid-template-columns:72px minmax(0,1fr);gap:4px 8px;margin-top:4px;display:grid}.tech-tree-detail-grid>span{color:#f2d872;text-transform:uppercase;font-size:10px;font-weight:950}.tech-tree-detail-progress{background:#ffffff1f;border-radius:999px;height:5px;overflow:hidden}.tech-tree-detail-progress span{border-radius:inherit;background:#f2d872;height:100%;display:block}.tech-tree-chip-list{flex-wrap:wrap;gap:4px;display:flex}.tech-tree-chip{color:#fff8e7;background:#ffffff0e;border:1px solid #f6ecd429;border-radius:999px;align-items:center;max-width:100%;min-height:20px;padding:2px 7px;font-size:10px;font-weight:850;display:inline-flex}.tech-tree-chip--met{background:#78d37f1f;border-color:#78d37f4d}.tech-tree-chip--needed{background:#db6b5e1f;border-color:#db6b5e5c}.tech-tree-chip--effect{background:#82c8e21a;border-color:#82c8e24d}.tech-tree-action{color:#fff8e7;cursor:pointer;background:linear-gradient(#4c5d39fa,#223024fa);border:1px solid #f7cd7075;border-radius:7px;justify-self:start;min-height:34px;margin-top:6px;padding:7px 11px;font-size:12px;font-weight:900}.tech-tree-action:active{transform:translateY(1px)}.tech-tree-detail--locked{border-color:#db6b5e52}.tech-tree-detail--available,.tech-tree-detail--current,.tech-tree-detail--researched{border-color:#78d37f52}#touch-controls{right:max(12px, env(safe-area-inset-right));bottom:calc(max(184px, 20vh) + env(safe-area-inset-bottom));z-index:3;pointer-events:auto;grid-template-columns:repeat(3,minmax(44px,auto));gap:7px;display:none;position:absolute}#game-shell.touch-capable #touch-controls{display:grid}.touch-control-button{color:#fff8e7;touch-action:manipulation;background:#0c110de0;border:1px solid #f6ecd438;border-radius:8px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:900;line-height:1;display:grid;box-shadow:0 14px 34px #0000004d}.touch-control-button--text{width:58px;padding:0 8px;font-size:13px}.touch-control-button.is-active{color:#fff8e7;background:linear-gradient(#7d612bf5,#364a2cf5);border-color:#f7cd70e6}.touch-control-button--danger{color:#fff8e7;background:#371613f0;border-color:#db6b5e8c}#game-shell.is-add-select-active #selection-summary,#game-shell.is-touch-building-placing #selection-summary,#game-shell.has-placement-warning #selection-summary,#game-shell.is-touch-box-selecting #selection-summary{border-color:#f7cd70db;box-shadow:0 18px 45px #0000004d,0 0 0 2px #f7cd702e}#game-shell.has-placement-warning #selection-summary,#game-shell.has-placement-warning #touch-command-bar{border-color:#db6b5eeb;animation:.42s ease-out command-denied;box-shadow:0 18px 45px #0006,0 0 0 2px #db6b5e2e}#game-shell.has-placement-warning .touch-command-bar__kicker{color:#f0b0a7}#game-shell.has-selection.has-placement-warning #selection-summary,#game-shell.has-active-touch-command.has-placement-warning #touch-command-bar{border-color:#db6b5eeb;box-shadow:0 18px 45px #0006,0 0 0 2px #db6b5e2e}#game-shell.has-pending-build #touch-controls{outline-offset:4px;border-radius:8px;outline:2px solid #f7cd7057}.touch-control-button:disabled{opacity:.42}.touch-control-button[hidden]{display:none}#touch-command-bar{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:calc(max(96px, 14vh) + env(safe-area-inset-bottom));z-index:4;pointer-events:auto;background:#0c110deb;border:1px solid #f7cd706b;border-radius:8px;grid-template-columns:minmax(0,1fr) repeat(4,minmax(54px,auto));align-items:stretch;gap:7px;padding:8px;display:grid;position:absolute;box-shadow:0 18px 45px #00000057}#touch-command-bar[hidden]{display:none}.touch-command-bar__summary{align-content:center;gap:2px;min-width:0;padding:0 8px;display:grid}.touch-command-bar__summary span,.touch-command-bar__summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.touch-command-bar__summary span{color:#d8d4c5;text-transform:uppercase;font-size:10px;font-weight:850}.touch-command-bar__summary strong{color:#fff8e7;font-size:15px;font-weight:950}.touch-command-bar__button{color:#fff8e7;letter-spacing:0;touch-action:manipulation;background:#2a3e25f0;border:1px solid #f6ecd43d;border-radius:8px;min-width:54px;min-height:44px;padding:0 10px;font-size:12px;font-weight:950}.touch-command-bar__button.is-active{background:linear-gradient(#7d612bf5,#364a2cf5);border-color:#f7cd70e6}.touch-command-bar__button--danger{background:#371613f0;border-color:#db6b5e94}.touch-command-bar__button:disabled{opacity:.42}.touch-command-bar__button[hidden]{display:none}.debug-row{grid-template-columns:46px 1fr;align-items:center;gap:7px;display:grid}.debug-row>span{color:#d8d4c5;font-size:11px;font-weight:850;line-height:1}.debug-row>div{flex-wrap:wrap;gap:5px;display:flex}.debug-row--multiplayer{border-top:1px solid #f6ecd41f;padding-top:6px}.debug-readout{color:#fff8e7;font-size:11px;font-weight:750;line-height:1.25}.debug-button{color:#fff8e7;letter-spacing:0;cursor:pointer;background:#ffffff0f;border:1px solid #f6ecd42e;border-radius:7px;min-height:25px;padding:4px 7px;font-size:11px;font-weight:850}.debug-button:hover{border-color:#f7cd70ad;outline:none}.debug-button:focus-visible{border-color:#f7cd70ad;outline:none}.debug-button.is-active{background:#5e4e2ab8;border-color:#f7cd70e6}#command-panel{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:2;pointer-events:none;grid-template-columns:minmax(160px,260px) 1fr;align-items:stretch;gap:10px;display:grid;position:absolute}#selection-summary,#command-buttons{border:1px solid var(--edge);background:var(--panel-strong);pointer-events:auto;border-radius:8px;box-shadow:0 18px 45px #0000004d}#selection-summary{align-content:center;gap:3px;min-height:72px;padding:12px;display:grid;overflow:hidden}.selection-title{color:#fff7e4;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.selection-meta{color:#d8d4c5;font-size:12px;line-height:1.35}#command-buttons{grid-template-rows:30px 1fr;grid-template-columns:minmax(0,58%) minmax(180px,42%);align-items:stretch;gap:8px;height:152px;padding:10px;display:grid;overflow:hidden}.command-drawer-toggle{color:#fff8e7;cursor:pointer;letter-spacing:0;pointer-events:auto;touch-action:manipulation;background:#0c110de6;border:1px solid #f6ecd433;border-radius:8px;min-height:46px;padding:0 13px;font-size:12px;font-weight:900;display:none;box-shadow:0 18px 45px #0000004d}.command-drawer-toggle:disabled{opacity:.48}.command-tabs{overscroll-behavior-x:contain;scrollbar-width:none;grid-column:1/-1;gap:6px;min-width:0;display:flex;overflow-x:auto}.command-tab{color:#d8d4c5;cursor:pointer;background:#ffffff0e;border:1px solid #f6ecd429;border-radius:7px;align-items:center;gap:7px;min-width:86px;min-height:28px;padding:4px 8px;display:inline-flex}.command-tab span{font-size:12px;font-weight:850}.command-tab small{color:#b9c2bd;font-size:10px;font-weight:800}.command-tab.is-active{color:#fff8e7;background:#5e4e2a8f;border-color:#f7cd70c7}.command-queue-host{overscroll-behavior-x:contain;scrollbar-gutter:stable;scrollbar-width:thin;grid-column:2;align-items:center;min-width:0;min-height:0;display:grid;overflow-x:auto;overflow-y:hidden}.command-action-host{overscroll-behavior-x:contain;scrollbar-gutter:stable;scrollbar-width:thin;flex:none;grid-column:1;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto;overflow-y:hidden}.queue-strip{flex:none;align-items:stretch;gap:8px;min-height:96px;padding-right:2px;display:flex}.queue-group{background:#0c1516e6;border:1px solid #82c8e23d;border-radius:7px;flex:none;gap:6px;min-width:214px;padding:7px;display:grid}.queue-group-title{color:#d8d4c5;justify-content:space-between;gap:8px;font-size:11px;font-weight:850;line-height:1;display:flex}.queue-group-items{flex-wrap:wrap;align-items:center;gap:5px;min-height:22px;display:flex}.queue-item,.queue-chip,.queue-more{color:#fff8e7;background:#131f22f5;border:1px solid #82c8e25c;border-radius:7px}.queue-item{min-height:42px;padding:6px 7px}.queue-item.is-active{border-color:#82c8e2d1}.queue-item--age{background:#2e2616f5;border-color:#d8b667d1}.queue-item--research{background:#2b2717f5;border-color:#f2d872db}.queue-item--train,.queue-chip--train{border-color:#82c8e27a}.queue-row{justify-content:space-between;gap:8px;font-size:12px;line-height:1.2;display:flex}.queue-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-row span,.queue-chip span,.queue-more{color:#d8d4c5;font-size:11px;font-weight:750}.queue-chip{align-items:center;gap:5px;max-width:118px;min-height:24px;padding:4px 6px;display:flex}.queue-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1;overflow:hidden}.queue-track{background:#ffffff1f;border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.queue-track span{border-radius:inherit;background:#82c8e2;height:100%;display:block}.queue-track--age span{background:#d8b667}.queue-track--research span{background:#f2d872}.queue-track--train span{background:#82c8e2}.queue-more{place-items:center;min-width:38px;min-height:24px;padding:4px 6px;display:grid}.command-button{color:#fff8e7;cursor:pointer;background:linear-gradient(#495839fa,#243126fa);border:1px solid #f6ecd42e;border-radius:7px;flex:0 0 112px;align-content:center;justify-items:start;gap:4px;width:112px;min-height:52px;padding:8px 10px;display:grid}.command-button:hover{border-color:#f7cd70ad;outline:none}.command-button:focus-visible{border-color:#f7cd70ad;outline:none}.command-button.is-active{background:linear-gradient(#66753efa,#3a482afa);border-color:#f7cd70f2}.command-button:active{transform:translateY(1px)}.command-button[aria-disabled=true]{color:#fff8e775;cursor:not-allowed;background:#2a2d27eb}.command-button.is-accepted,.touch-control-button.is-accepted,.touch-command-bar__button.is-accepted{animation:.42s ease-out command-accepted}.command-button.is-denied,.touch-control-button.is-denied,.touch-command-bar__button.is-denied{animation:.42s ease-out command-denied}@keyframes command-accepted{0%,to{transform:scale(1)}45%{filter:brightness(1.18);transform:scale(.96)}}@keyframes command-denied{0%,to{transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}}.command-button--compact{text-align:center;flex-basis:68px;justify-items:center;width:68px;min-height:48px;padding:7px 6px}.command-button--compact .command-label{font-size:15px;font-weight:950}.command-button--compact .command-cost{font-size:9px}@media (pointer:coarse),(hover:none),(max-width:1024px){#touch-controls{display:grid}.command-action-host{grid-template-rows:repeat(2,minmax(56px,1fr));grid-auto-columns:max-content;grid-auto-flow:column;align-items:stretch;display:grid}.command-button{width:128px;min-height:56px;padding:9px 10px}#command-buttons[data-active-tab=build] .command-action-host{grid-template-rows:repeat(3,minmax(58px,1fr));grid-auto-columns:max-content}#command-buttons[data-active-tab=build] .command-button{width:136px;min-height:58px}}.command-label{text-overflow:ellipsis;letter-spacing:0;white-space:nowrap;max-width:100%;font-size:13px;font-weight:800;overflow:hidden}.command-cost{text-overflow:ellipsis;color:#d8d4c5;letter-spacing:0;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}@media (pointer:coarse),(hover:none),(max-width:1024px){.command-label{white-space:normal;line-height:1.05}}#toast{left:50%;bottom:calc(max(98px, 12vh) + env(safe-area-inset-bottom));color:#fff7e4;text-align:center;opacity:0;pointer-events:none;z-index:3;background:#0c110deb;border:1px solid #f7cd7061;border-radius:8px;max-width:min(520px,100vw - 32px);min-height:34px;padding:8px 12px;font-size:13px;font-weight:750;transition:opacity .16s;position:absolute;transform:translate(-50%)}#toast.visible{opacity:1}#signet-account-dialog{color:#fff7e4;background:#0c110df5;border:1px solid #f6ecd433;border-radius:8px;width:min(380px,100vw - 32px);padding:0;box-shadow:0 26px 70px #00000075}#signet-account-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008f}.account-card{gap:14px;padding:16px;display:grid}.account-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.account-title{color:#fff7e4;letter-spacing:0;font-size:16px;font-weight:850}.account-subtitle,.account-status,.account-explainer{color:#d8d4c5;letter-spacing:0;font-size:12px;font-weight:700}.account-explainer{margin:0;line-height:1.35}.account-icon-button{color:#fff7e4;cursor:pointer;background:#ffffff0f;border:1px solid #f6ecd42e;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.account-qr{aspect-ratio:1;background:#f6ecd4;border-radius:8px;justify-self:center;width:min(260px,100%)}.account-status{text-align:center;min-height:18px}.account-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.account-button{color:#fff8e7;cursor:pointer;background:linear-gradient(#495839fa,#243126fa);border:1px solid #f6ecd42e;border-radius:7px;place-items:center;min-width:128px;min-height:42px;font-weight:800;text-decoration:none;display:inline-grid}@media (max-width:720px){.menu-screen{background-image:linear-gradient(#090d0a1f 0%,#090d0a9e 66%,#090d0ae6 100%),image-set("../assets/ui/start-page-v1.webp" 1x type("image/webp"),"../assets/ui/start-page-v1.png" 1x type("image/png"));background-position:61%;align-items:end}.menu-copy,.end-copy{width:calc(100vw - 28px);padding-bottom:max(24px, env(safe-area-inset-bottom));margin:0 auto}.start-panel{gap:12px}.start-panel--setup{max-height:calc(var(--app-viewport-height,100vh) - max(28px, env(safe-area-inset-top)) - max(24px, env(safe-area-inset-bottom)));padding-right:0}.menu-copy h1,.end-copy h2{font-size:42px}.menu-subtitle{font-size:14px}.start-identity{gap:10px;padding:12px}.start-identity h2{font-size:21px}.start-identity p{font-size:12px}.start-identity__benefits li{grid-template-columns:38px 1fr;font-size:11px}.start-panel--setup .start-identity__benefits{display:none}.start-panel--setup .start-tribe-card{flex-basis:100%;min-width:0}.start-panel--setup .start-tribe-card>span:not(.start-tribe-card__top):not(.start-tribe-card__status){display:none}.start-loading{padding:12px}.start-loading__title{font-size:20px}.menu-button{flex:132px;min-height:44px}.menu-actions--home .menu-button--primary{flex-basis:100%}#hud{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));grid-template-columns:1fr;gap:6px;max-width:none;display:grid}#resource-bar{max-width:calc(var(--app-viewport-width) - 16px);overscroll-behavior-x:contain;pointer-events:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:5px;overflow-x:auto}#resource-bar::-webkit-scrollbar{display:none}.resource-pill{border-radius:7px;flex:none;grid-template-columns:8px auto auto;gap:5px;min-height:28px;padding:5px 8px;font-size:12px;font-weight:850}.resource-pill[data-label=Food] .resource-label,.resource-pill[data-label=Wood] .resource-label,.resource-pill[data-label=Gold] .resource-label,.resource-pill[data-label=Stone] .resource-label,.resource-pill[data-label=Civ]{display:none}.resource-dot{width:8px;height:8px}#identity-chip{max-width:calc(var(--app-viewport-width) - 16px);pointer-events:none;grid-template-columns:28px minmax(0,auto) auto;justify-self:start;gap:6px;min-height:28px;padding:5px 7px}.hud-civ-crest{width:24px;height:24px}.hud-civ-name{font-size:11px}.hud-player-name{display:none}.hud-age-badge{max-width:96px;padding:3px 5px;font-size:10px}#minimap{top:auto;right:max(12px, env(safe-area-inset-right));bottom:calc(max(228px, 30vh) + env(safe-area-inset-bottom));width:132px;height:92px}#touch-controls{top:calc(max(8px, env(safe-area-inset-top)) + 36px);right:max(8px, env(safe-area-inset-right));grid-template-columns:repeat(4,38px);gap:4px;bottom:auto}.touch-control-button{border-radius:7px;width:38px;height:38px;font-size:18px}.touch-control-button--text{width:42px;padding:0 5px;font-size:9px}#touch-command-bar{bottom:calc(max(86px, 13vh) + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) repeat(4,minmax(48px,auto));gap:5px;padding:6px}.touch-command-bar__button{min-width:48px;min-height:40px;padding:0 7px;font-size:11px}.touch-command-bar__summary strong{font-size:13px}#debug-panel{top:calc(max(12px, env(safe-area-inset-top)) + 92px);right:max(12px, env(safe-area-inset-right));width:min(304px,100vw - 24px);padding:8px}#tech-tree-panel{inset:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));place-items:stretch stretch}.tech-tree-card{width:100%;height:100%;padding:10px}.tech-tree-header h2{font-size:17px}.debug-row{grid-template-columns:42px 1fr}.debug-button{min-height:24px;padding:3px 6px;font-size:10px}#command-panel{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));grid-template-columns:1fr;gap:6px}#selection-summary{min-height:46px;padding:8px 10px}.selection-title{font-size:13px}.selection-meta{font-size:11px}#command-buttons{height:min(264px, calc(var(--app-viewport-height) * .38));grid-template-rows:30px minmax(128px,1fr) minmax(76px,96px);grid-template-columns:1fr;padding:8px}#command-buttons:not(.has-queue){height:min(186px, calc(var(--app-viewport-height) * .28));grid-template-rows:30px minmax(0,1fr)}#command-buttons:not(.has-queue) .command-queue-host{display:none}#command-buttons[data-active-tab=build]{height:min(352px, calc(var(--app-viewport-height) * .5));grid-template-rows:32px minmax(190px,1fr) minmax(76px,96px)}#command-buttons[data-active-tab=build]:not(.has-queue){height:min(304px, calc(var(--app-viewport-height) * .44));grid-template-rows:32px minmax(0,1fr)}#command-buttons[data-active-tab=build] .command-action-host{grid-template-rows:repeat(3,minmax(62px,1fr));grid-auto-columns:max-content}.command-tabs,.command-action-host,.command-queue-host{grid-column:1}.command-action-host,.command-queue-host{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;min-width:0;overflow-x:auto}.command-tabs::-webkit-scrollbar{display:none}.command-action-host::-webkit-scrollbar{display:none}.command-queue-host::-webkit-scrollbar{display:none}#toast{bottom:calc(max(178px, 24vh) + env(safe-area-inset-bottom))}.command-action-host{grid-auto-columns:max-content}.command-button{scroll-snap-align:start;width:112px;min-width:0;min-height:50px;padding:7px 9px}#command-buttons[data-active-tab=build] .command-button{width:124px;min-height:58px}.command-label{font-size:12px}.command-cost{font-size:10px}}@media (max-width:480px){#hud{top:max(6px, env(safe-area-inset-top));left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right))}#resource-bar{max-width:calc(var(--app-viewport-width) - 12px - env(safe-area-inset-left) - env(safe-area-inset-right));gap:4px}.resource-pill{border-radius:6px;grid-template-columns:7px auto auto;gap:5px;min-height:25px;padding:4px 7px;font-size:10px}.resource-pill[data-label=Civ],.resource-pill[data-label=Age] .resource-label{display:none}.resource-pill[data-label=Idle]{color:#f2d872}.resource-dot{width:7px;height:7px}#minimap{display:none}#touch-controls{top:calc(max(6px, env(safe-area-inset-top)) + 44px);right:max(6px, env(safe-area-inset-right));grid-template-columns:repeat(4,34px);gap:4px}.touch-control-button{border-radius:7px;width:34px;height:34px;font-size:16px}.touch-control-button--text{width:34px;padding:0 4px;font-size:8px}#touch-command-bar{left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right));bottom:calc(50px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) repeat(4,minmax(40px,auto));gap:4px;padding:5px}.touch-command-bar__button{border-radius:7px;min-width:40px;min-height:36px;padding:0 5px;font-size:10px}.touch-command-bar__summary{padding:0 5px}.touch-command-bar__summary span{font-size:8px}.touch-command-bar__summary strong{font-size:12px}#command-panel{left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));gap:5px}#selection-summary{min-height:40px;padding:6px 9px}.selection-title{font-size:12px}.selection-meta{font-size:10px;line-height:1.25}#command-buttons{height:min(254px, calc(var(--app-viewport-height) * .38));grid-template-rows:27px minmax(118px,1fr) 72px;gap:6px;padding:7px}#command-buttons:not(.has-queue){height:min(184px, calc(var(--app-viewport-height) * .28));grid-template-rows:27px minmax(0,1fr)}#command-buttons[data-active-tab=build]{height:min(344px, calc(var(--app-viewport-height) * .5));grid-template-rows:28px minmax(184px,1fr) 72px}#command-buttons[data-active-tab=build]:not(.has-queue){height:min(300px, calc(var(--app-viewport-height) * .44));grid-template-rows:28px minmax(0,1fr)}.command-tab{min-width:72px;min-height:25px;padding:3px 7px}.command-tab span{font-size:11px}.command-tab small{font-size:9px}.command-action-host{grid-template-rows:repeat(2,minmax(46px,1fr));grid-auto-columns:max-content;gap:6px}#command-buttons[data-active-tab=build] .command-action-host{grid-template-rows:repeat(3,minmax(54px,1fr));grid-auto-columns:max-content}.command-button,#command-buttons[data-active-tab=build] .command-button{width:106px;min-height:48px;padding:6px 8px}#command-buttons[data-active-tab=build] .command-button{width:116px;min-height:54px}.command-button--compact,#command-buttons[data-active-tab=build] .command-button--compact{width:58px;min-height:44px;padding:5px 4px}.command-label{font-size:11px;line-height:1.05}.command-cost{font-size:9px}.queue-strip{min-height:72px}.queue-group{gap:4px;min-width:168px;padding:5px}.queue-item{min-height:34px;padding:5px 6px}.queue-group-title,.queue-row{font-size:10px}.queue-group-items{min-height:18px}.queue-chip,.queue-more{min-height:20px;padding:3px 5px}#toast{bottom:calc(max(146px, 20vh) + env(safe-area-inset-bottom))}}@media (pointer:coarse),(hover:none),(max-width:720px){#game-shell.has-command-drawer #command-panel{background:linear-gradient(#090e0a1a,#090e0ad1);border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(74px,auto);grid-template-areas:"summary toggle""commands commands";align-items:end;padding:4px}#game-shell.has-command-drawer #selection-summary{grid-area:summary;min-width:0}#game-shell.has-command-drawer .command-drawer-toggle{grid-area:toggle;align-self:stretch;place-items:center;min-height:44px;display:inline-grid}#game-shell.has-command-drawer .command-drawer-toggle[hidden]{display:none}#game-shell.has-command-drawer.has-pending-command .command-drawer-toggle{background:linear-gradient(#715b2df5,#2d432af5);border-color:#f7cd70db}#game-shell.has-command-drawer #command-buttons{height:min(272px, calc(var(--app-viewport-height) * .39));grid-area:commands;grid-template-rows:30px minmax(132px,1fr) minmax(76px,96px);grid-template-columns:1fr}#game-shell.has-command-drawer #command-buttons:not(.has-queue){height:min(190px, calc(var(--app-viewport-height) * .29));grid-template-rows:30px minmax(0,1fr)}#game-shell.has-command-drawer #command-buttons:not(.has-queue) .command-queue-host{display:none}#game-shell.has-command-drawer #command-buttons[data-active-tab=build]{height:min(360px, calc(var(--app-viewport-height) * .52));grid-template-rows:32px minmax(194px,1fr) minmax(76px,96px)}#game-shell.has-command-drawer #command-buttons[data-active-tab=build]:not(.has-queue){height:min(308px, calc(var(--app-viewport-height) * .45));grid-template-rows:32px minmax(0,1fr)}#game-shell.has-command-drawer .command-tabs,#game-shell.has-command-drawer .command-action-host,#game-shell.has-command-drawer .command-queue-host{scrollbar-width:none;grid-column:1;min-width:0}#game-shell.has-command-drawer .command-tabs::-webkit-scrollbar{display:none}#game-shell.has-command-drawer .command-action-host::-webkit-scrollbar{display:none}#game-shell.has-command-drawer .command-queue-host::-webkit-scrollbar{display:none}#game-shell.has-command-drawer:not(.is-command-expanded) #command-buttons{display:none}#game-shell.has-command-drawer:not(.is-command-expanded) #selection-summary{min-height:44px}#game-shell.has-command-drawer.is-command-expanded #selection-summary{min-height:38px}#game-shell.has-command-drawer:not(.is-command-expanded) .selection-meta{display:none}}@media (max-width:480px){#game-shell.has-command-drawer #command-panel{grid-template-columns:minmax(0,1fr) 66px;gap:4px}#game-shell.has-command-drawer .command-drawer-toggle{border-radius:7px;min-height:38px;padding:0 7px;font-size:10px}#game-shell.has-command-drawer:not(.is-command-expanded) #selection-summary{min-height:38px}#game-shell.has-command-drawer #command-buttons{height:min(342px, calc(var(--app-viewport-height) * .44));grid-template-rows:27px minmax(0,1fr) minmax(78px,auto);min-height:236px}#game-shell.has-command-drawer #command-buttons:not(.has-queue){height:min(272px, calc(var(--app-viewport-height) * .34));grid-template-rows:27px minmax(0,1fr);min-height:204px}#game-shell.has-command-drawer #command-buttons[data-active-tab=build]{height:min(430px, calc(var(--app-viewport-height) * .56));grid-template-rows:28px minmax(0,1fr) minmax(78px,auto)}#game-shell.has-command-drawer #command-buttons[data-active-tab=build]:not(.has-queue){height:min(390px, calc(var(--app-viewport-height) * .5));grid-template-rows:28px minmax(0,1fr)}}@media (pointer:coarse),(hover:none),(max-width:720px){#game-shell.has-command-drawer #command-panel{max-height:calc(var(--app-viewport-height) - max(8px, env(safe-area-inset-top)) - max(6px, env(safe-area-inset-bottom)))}#game-shell.has-command-drawer #command-buttons{height:min(342px, calc(var(--app-viewport-height) * .44));grid-template-rows:30px minmax(0,1fr) minmax(78px,auto);min-height:236px}#game-shell.has-command-drawer #command-buttons:not(.has-queue){height:min(272px, calc(var(--app-viewport-height) * .34));grid-template-rows:30px minmax(0,1fr);min-height:204px}#game-shell.has-command-drawer #command-buttons[data-active-tab=build]{height:min(430px, calc(var(--app-viewport-height) * .56));grid-template-rows:30px minmax(0,1fr) minmax(78px,auto)}#game-shell.has-command-drawer #command-buttons[data-active-tab=build]:not(.has-queue){height:min(390px, calc(var(--app-viewport-height) * .5));grid-template-rows:30px minmax(0,1fr)}#game-shell.has-command-drawer .command-action-host{grid-auto-flow:row;grid-auto-columns:unset;overscroll-behavior:contain;scroll-snap-type:none;grid-template-columns:repeat(auto-fit,minmax(max(94px,min(25vw,132px)),1fr));grid-auto-rows:minmax(66px,auto);align-content:start;align-items:stretch;gap:8px;padding-right:2px;display:grid;overflow-x:hidden;overflow-y:auto}#game-shell.has-command-drawer #command-buttons[data-active-tab=build] .command-action-host{grid-template-columns:repeat(auto-fit,minmax(max(104px,min(29vw,148px)),1fr));grid-auto-rows:minmax(70px,auto)}#game-shell.has-command-drawer .command-button{scroll-snap-align:none;flex-basis:auto;width:auto;min-width:0;min-height:66px;padding:9px 10px}#game-shell.has-command-drawer .command-button--compact{min-height:58px;padding:8px 7px}#game-shell.has-command-drawer #command-buttons[data-active-tab=build] .command-button{width:auto;min-height:70px}#game-shell.has-command-drawer .command-label{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.08;display:-webkit-box;overflow:hidden}#game-shell.has-command-drawer .command-cost{white-space:nowrap}#game-shell.has-command-drawer.has-pending-command .command-drawer-toggle,#game-shell.has-active-touch-command #touch-command-bar{border-color:#f7cd70eb;box-shadow:0 18px 45px #00000061,0 0 0 2px #f7cd702e}#touch-command-bar{min-height:58px;bottom:calc(56px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) repeat(4,minmax(44px,auto))}.touch-command-bar__button{min-width:44px;min-height:44px}}#game-shell.has-selection #selection-summary{border-color:#f7cd70c7;box-shadow:0 0 0 2px #f7cd7029,0 18px 45px #00000057}#game-shell.has-idle-villager-selection #selection-summary{border-color:#f2d872eb}@media (pointer:coarse),(hover:none),(max-width:720px){#resource-bar{max-width:calc(var(--app-viewport-width) - 14px - env(safe-area-inset-left) - env(safe-area-inset-right));overscroll-behavior-x:contain;pointer-events:auto;touch-action:pan-x;scrollbar-width:none;flex-wrap:nowrap;align-content:center;gap:4px;overflow-x:auto;overflow-y:hidden}.resource-pill{pointer-events:auto;touch-action:manipulation;flex:none;grid-template-columns:7px auto auto;gap:4px;min-height:24px;padding:4px 7px;font-size:max(9px,min(2.7vw,11px));line-height:1}.resource-pill[data-label=Food] .resource-label,.resource-pill[data-label=Wood] .resource-label,.resource-pill[data-label=Gold] .resource-label,.resource-pill[data-label=Stone] .resource-label,.resource-pill[data-label=Civ]{display:none}#game-shell.has-command-drawer #command-panel{gap:4px;padding:3px}#game-shell.has-command-drawer:not(.is-command-expanded) #selection-summary{min-height:36px;padding:6px 9px}#game-shell.has-command-drawer .command-drawer-toggle{min-height:36px}#game-shell.has-command-drawer #command-buttons{height:min(254px, calc(var(--app-viewport-height) * .38));grid-template-rows:27px minmax(118px,1fr) 72px}#game-shell.has-command-drawer #command-buttons:not(.has-queue){height:min(184px, calc(var(--app-viewport-height) * .28));grid-template-rows:27px minmax(0,1fr)}#game-shell.has-command-drawer #command-buttons[data-active-tab=build]{height:min(344px, calc(var(--app-viewport-height) * .5));grid-template-rows:28px minmax(184px,1fr) 72px}#game-shell.has-command-drawer #command-buttons[data-active-tab=build]:not(.has-queue){height:min(300px, calc(var(--app-viewport-height) * .44));grid-template-rows:28px minmax(0,1fr)}#hud{z-index:6}#identity-chip{max-width:min(260px, calc(var(--app-viewport-width) - 14px - env(safe-area-inset-left) - env(safe-area-inset-right)))}#touch-controls{top:calc(max(6px, env(safe-area-inset-top)) + 74px);right:max(6px, env(safe-area-inset-right));z-index:5;grid-template-columns:repeat(2,34px);gap:4px}.touch-control-button,.touch-control-button--text{width:34px;min-width:34px;height:34px;padding:0 4px;font-size:8px}.touch-control-button:not(.touch-control-button--text){font-size:16px}#command-panel{bottom:max(6px, var(--app-bottom-inset));z-index:4}#touch-command-bar{bottom:calc(56px + var(--app-bottom-inset));z-index:7}#toast{bottom:calc(146px + var(--app-bottom-inset))}}