:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--bg2: #111;--bg3: #1a1a1a;--border: rgba(255,255,255,.08);--text: #e0e0d8;--text-dim: rgba(255,255,255,.5);--accent: #c9a84c;--danger: #e74c3c;--success: #2ecc71;--warning: #e67e22;--info: #3498db}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-size:14px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.title-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1408,#0a0a0a 70%)}.title-content{text-align:center;max-width:520px;padding:2rem}.title-glyph{font-size:4rem;margin-bottom:.5rem;opacity:.6;color:var(--accent)}.title-name{font-size:2.2rem;font-weight:700;letter-spacing:.08em;color:var(--accent);text-shadow:0 0 40px rgba(201,168,76,.3);margin-bottom:.25rem}.title-subtitle{font-size:.75rem;letter-spacing:.4em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1.5rem}.title-tagline{font-style:italic;color:#fff9;font-size:.9rem;line-height:1.8;margin-bottom:1.5rem}.title-features{display:flex;gap:.5rem;justify-content:center;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:2rem}.title-form{display:flex;flex-direction:column;gap:.75rem;align-items:center}.title-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:.5rem;font-size:1rem;width:280px;text-align:center;outline:none;transition:border-color .2s}.title-input:focus{border-color:var(--accent)}.title-input::placeholder{color:var(--text-dim)}.title-btn{background:var(--accent);color:#111;border:none;padding:.75rem 2rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;letter-spacing:.05em;transition:opacity .2s}.title-btn:hover{opacity:.85}.title-warn{margin-top:1.5rem;font-size:.7rem;color:var(--accent);letter-spacing:.1em}.death-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a0808,#0a0a0a 70%)}.victory-screen{background:radial-gradient(ellipse at center,#1a1408,#0a0a0a 70%)!important}.death-content{text-align:center;max-width:440px;padding:2rem}.death-glyph{font-size:4rem;color:var(--danger);margin-bottom:.5rem}.victory-glyph{color:var(--accent)!important}.death-title{font-size:2rem;font-weight:700;letter-spacing:.1em;color:var(--danger);margin-bottom:.5rem}.victory-title{color:var(--accent)!important}.death-cause{color:var(--text-dim);font-size:.9rem;margin-bottom:1.5rem}.death-stats{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.death-stat{display:flex;flex-direction:column;gap:.25rem}.death-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim)}.death-stat-value{font-size:1.5rem;font-weight:700;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.death-epitaph{font-style:italic;color:var(--text-dim);margin-bottom:1.5rem}.game-screen{display:flex;flex-direction:column;height:100vh;overflow:hidden}.hud{border-bottom:1px solid var(--border);padding:.5rem 1rem;background:var(--bg2);flex-shrink:0}.hud-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.hud-title{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--accent)}.hud-time{font-size:.75rem;color:var(--text-dim);display:flex;gap:.4rem;align-items:center}.hud-sep{opacity:.3}.hud-resources{display:flex;gap:1.2rem;flex-wrap:wrap}.res-item{display:flex;align-items:center;gap:.3rem;font-size:.75rem}.res-icon{font-size:.85rem}.res-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.res-val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;min-width:28px;text-align:right}.game-main{flex:1;display:flex;overflow:hidden;min-height:0}.game-left{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border);min-width:0}.game-right{width:340px;flex-shrink:0;overflow-y:auto}.map-view{flex:1;display:flex;flex-direction:column;padding:.5rem;min-height:0}.map-header{display:flex;justify-content:space-between;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:.5rem}.map-coords{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.map-grid{flex:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;line-height:1.3;letter-spacing:.05em}.map-cell{display:inline-block;width:1.2em;text-align:center;transition:opacity .2s;cursor:default}.map-city{cursor:pointer;font-weight:700}.map-player{color:#fff;font-weight:700;text-shadow:0 0 8px rgba(255,255,255,.6);animation:player-glow 2s infinite;cursor:pointer}.map-enemy{cursor:default}@keyframes player-glow{0%,to{text-shadow:0 0 8px rgba(255,255,255,.6)}50%{text-shadow:0 0 16px rgba(255,255,255,.9)}}.map-fog{color:#ffffff14}.map-void{color:transparent}.map-legend{display:flex;gap:.6rem;justify-content:center;font-size:.6rem;padding:.4rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim)}.action-panel{padding:.5rem;overflow-y:auto;height:100%}.action-section{margin-bottom:.75rem}.action-section-title{font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);margin-bottom:.3rem;padding-bottom:.2rem;border-bottom:1px solid var(--border)}.action-btn{display:block;width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:.3rem;font-size:.8rem;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;margin-bottom:.2rem}.action-btn:hover{background:#ffffff0f;border-color:#ffffff26}.end-turn-btn{background:var(--accent);color:#111;font-weight:700;text-align:center;letter-spacing:.1em}.end-turn-btn:hover{opacity:.85;background:var(--accent)}.move-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;max-width:140px}.move-btn{text-align:center;font-size:1.1rem;padding:.3rem}.move-center{display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:1.2rem}.city-panel{padding:.5rem;overflow-y:auto;height:100%}.panel-header{font-size:.85rem;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.city-stats{display:flex;gap:1rem;margin-bottom:.75rem}.city-stat{font-size:.75rem;color:var(--text-dim)}.city-stat strong{color:var(--text)}.section-title{font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);margin:.5rem 0 .3rem;padding-bottom:.2rem;border-bottom:1px solid var(--border)}.building-list{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.5rem}.building-item{font-size:.75rem;padding:.2rem .4rem;background:var(--bg3);border-radius:.2rem}.building-constructing{opacity:.6}.building-name{font-weight:600}.building-turns{color:var(--warning);font-size:.65rem;margin-left:.3rem}.build-options{display:flex;flex-direction:column;gap:.2rem}.build-btn{display:flex;justify-content:space-between;align-items:center;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.3rem .5rem;border-radius:.3rem;font-size:.75rem;cursor:pointer;transition:background .15s}.build-btn:hover:not(.build-disabled){background:#ffffff0f}.build-disabled{opacity:.4;cursor:not-allowed}.build-btn-name{font-weight:600}.build-btn-cost{font-size:.65rem;color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.recruit-btn{background:#c9a84c1a;border-color:#c9a84c33;color:var(--accent);text-align:center;font-weight:600}.army-panel{padding:.5rem;overflow-y:auto;height:100%}.army-stats{margin-bottom:.5rem}.unit-list{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.5rem}.army-unit{display:flex;justify-content:space-between;font-size:.75rem;padding:.2rem .4rem;background:var(--bg3);border-radius:.2rem}.army-unit-name{font-weight:600}.army-unit-hp{color:var(--success);font-size:.7rem}.overlay{padding:.5rem;overflow-y:auto;height:100%}.overlay-header{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.overlay-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1rem;padding:0 .3rem}.overlay-close:hover{color:var(--text)}.overlay-content{display:flex;flex-direction:column;gap:.3rem}.overlay-empty{color:var(--text-dim);font-size:.8rem;text-align:center;padding:1rem}.unit-card{background:var(--bg3);border:1px solid var(--border);padding:.5rem;border-radius:.3rem}.unit-disabled{opacity:.4}.unit-header{display:flex;justify-content:space-between;align-items:center}.unit-name{font-weight:600;font-size:.8rem}.unit-stats{font-size:.6rem;color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.unit-desc{font-size:.65rem;color:var(--text-dim);margin:.2rem 0}.unit-special{font-size:.65rem;color:var(--accent);margin-bottom:.2rem}.unit-cost{font-size:.65rem;color:var(--text-dim);margin-bottom:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.diplomacy-card{background:var(--bg3);border:1px solid var(--border);padding:.5rem;border-radius:.3rem}.diplo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.diplo-name{font-weight:700;font-size:.85rem}.diplo-status{font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:.1rem .4rem;border-radius:.2rem}.diplo-war{background:#e74c3c33;color:var(--danger)}.diplo-hostile{background:#e67e2233;color:var(--warning)}.diplo-neutral{background:#ffffff0d;color:var(--text-dim)}.diplo-friendly{background:#3498db33;color:var(--info)}.diplo-allied{background:#2ecc7133;color:var(--success)}.diplo-desc{font-size:.65rem;color:var(--text-dim);margin-bottom:.3rem}.diplo-info{display:flex;gap:.8rem;font-size:.65rem;color:var(--text-dim);margin-bottom:.4rem}.diplo-actions{display:flex;gap:.3rem;flex-wrap:wrap}.diplo-btn{background:#ffffff0d;border:1px solid var(--border);color:var(--text);padding:.25rem .5rem;border-radius:.2rem;font-size:.7rem;cursor:pointer;transition:background .15s}.diplo-btn:hover{background:#ffffff1a}.diplo-war{border-color:#e74c3c4d;color:var(--danger)}.diplo-war:hover{border-color:var(--danger)}.diplo-ally{border-color:#2ecc714d;color:var(--success)}.diplo-ally:hover{border-color:var(--success)}.research-current{font-size:.75rem;color:var(--text-dim);margin-bottom:.5rem;padding:.3rem .5rem;background:#c9a84c1a;border-radius:.3rem}.tech-card{background:var(--bg3);border:1px solid var(--border);padding:.5rem;border-radius:.3rem;margin-bottom:.3rem}.tech-done{border-color:var(--success);opacity:.6}.tech-locked{opacity:.4}.tech-header{display:flex;justify-content:space-between;align-items:center}.tech-name{font-weight:600;font-size:.8rem}.tech-check{color:var(--success);font-weight:700}.tech-active{color:var(--accent);font-size:.65rem}.tech-desc{font-size:.65rem;color:var(--text-dim);margin:.2rem 0}.tech-effect{font-size:.65rem;color:var(--success);margin-bottom:.2rem}.tech-prereqs{font-size:.6rem;color:var(--warning);margin-bottom:.2rem}.tech-cost{font-size:.6rem;color:var(--text-dim);margin-bottom:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.location-info{font-size:.75rem}.loc-biome{font-weight:600;color:var(--accent);margin-bottom:.2rem}.combat-panel{padding:.75rem;background:#e74c3c08;height:100%;display:flex;flex-direction:column;overflow-y:auto}.combat-header{font-size:.85rem;font-weight:700;color:var(--danger);letter-spacing:.1em;margin-bottom:.2rem}.combat-desc{font-size:.7rem;color:var(--text-dim);margin-bottom:.75rem}.combat-forces{display:flex;gap:.5rem;margin-bottom:.75rem}.combat-force{flex:1;background:var(--bg3);border:1px solid var(--border);padding:.5rem;border-radius:.3rem}.enemy-force{border-color:#e74c3c33}.force-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.3rem}.force-stats{display:flex;gap:.5rem;font-size:.6rem;color:var(--text-dim);margin-bottom:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.force-units{display:flex;flex-direction:column;gap:.2rem}.force-unit{display:flex;justify-content:space-between;font-size:.7rem}.force-unit-hp{color:var(--success);font-size:.65rem}.combat-vs{display:flex;align-items:center;font-weight:700;color:var(--danger);font-size:1rem}.combat-log{flex:1;overflow-y:auto;margin-bottom:.75rem;padding:.4rem;background:#0000004d;border-radius:.3rem;font-size:.7rem;min-height:60px}.combat-log-entry{padding:.15rem 0;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.03)}.combat-actions{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.combat-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.5rem;border-radius:.3rem;font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s}.combat-btn:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff26}.combat-btn:disabled{opacity:.3;cursor:not-allowed}.combat-btn-flee{border-color:#e67e224d}.combat-btn-flee:hover:not(:disabled){border-color:var(--warning)}.combat-btn-victory{grid-column:span 2;background:var(--accent);color:#111;font-weight:700}.craft-btn{background:var(--accent);color:#111;border:none;padding:.35rem .8rem;border-radius:.3rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:opacity .15s}.craft-btn:disabled{opacity:.3;cursor:not-allowed}.craft-btn:not(:disabled):hover{opacity:.85}.log-panel{border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0;height:140px;display:flex;flex-direction:column}.log-header{font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);padding:.3rem 1rem 0;flex-shrink:0}.log-entries{flex:1;overflow-y:auto;padding:.25rem 1rem .5rem}.log-entry{font-size:.75rem;padding:.15rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.log-arrow{opacity:.3;margin-right:.3rem}.log-info{color:#fff9}.log-warning{color:var(--warning)}.log-danger{color:var(--danger)}.log-success{color:var(--success)}.log-combat{color:#e74c3c;font-weight:600}.log-event{color:var(--accent)}.log-diplomacy{color:var(--info)}.controls-hint{font-size:.6rem;text-align:center;color:#fff3;padding:.25rem;background:var(--bg);flex-shrink:0}@media(max-width:800px){.game-main{flex-direction:column}.game-left{border-right:none;border-bottom:1px solid var(--border);flex:none;height:40vh}.game-right{width:100%}.hud-resources{flex-wrap:wrap}.combat-forces{flex-direction:column}}