*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e0d8c0}#game-canvas{display:block;width:100vw;height:100vh}#hud{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:10}#hud-top{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:linear-gradient(180deg,#14121ee6,#14121e00)}#game-title{font-size:20px;font-weight:700;letter-spacing:6px;color:#c9a84c;text-shadow:0 0 10px rgba(201,168,76,.4)}#era-label{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#8a8070}#hud-resources{display:flex;gap:20px;padding:4px 24px 12px;background:linear-gradient(180deg,#14121eb3,#14121e00);flex-wrap:wrap}.resource{display:flex;align-items:center;gap:6px;font-size:13px}.resource-icon{font-size:16px}.resource-label{color:#8a8070;font-size:11px;text-transform:uppercase;letter-spacing:1px}.resource-value{font-weight:700;color:#e0d8c0;min-width:30px}#hud-population{position:fixed;bottom:16px;left:16px;padding:8px 16px;background:#14121ed9;border:1px solid rgba(201,168,76,.3);border-radius:6px;font-size:13px;pointer-events:none;z-index:10;display:flex;gap:16px;align-items:center}#happiness-display{font-size:12px;color:#8a8070}#tile-info{position:fixed;bottom:16px;right:190px;padding:10px 18px;background:#14121ee6;border:1px solid rgba(201,168,76,.3);border-radius:6px;pointer-events:none;z-index:10;transition:opacity .15s}#tile-info.hidden{opacity:0}#tile-info-title{font-size:14px;font-weight:600;color:#c9a84c}#tile-info-coords{font-size:11px;color:#6a6258;margin-top:2px}#entity-panel{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:340px;background:#100e18f2;border:1px solid rgba(201,168,76,.4);border-radius:8px;z-index:20;pointer-events:auto;transition:opacity .2s,transform .2s;box-shadow:0 4px 20px #00000080}#entity-panel.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(10px)}#entity-panel-header{display:flex;align-items:center;gap:12px;padding:12px 16px 8px;border-bottom:1px solid rgba(201,168,76,.15)}#entity-icon{font-size:28px;line-height:1;min-width:36px;text-align:center}#entity-header-text{flex:1}#entity-name{font-size:16px;font-weight:700;color:#c9a84c;letter-spacing:1px}#entity-category{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#6a6258;margin-top:1px}#entity-close{background:none;border:none;color:#6a6258;font-size:20px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}#entity-close:hover{color:#c9a84c}#entity-desc{padding:10px 16px;font-size:12px;line-height:1.5;color:#9a9080;border-bottom:1px solid rgba(201,168,76,.1)}#entity-stats{padding:10px 16px 14px}.entity-stat{display:flex;align-items:center;gap:10px;padding:4px 0}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#7a7268;min-width:60px}.stat-bar{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.stat-value{font-size:12px;font-weight:600;color:#c0b8a0;min-width:60px;text-align:right}.state-idle{color:#8a8070}.state-gathering{color:#6a8}.state-building{color:#68a}.state-moving{color:#aa8}.state-returning{color:#a86}#build-menu{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#100e18f2;border:1px solid rgba(201,168,76,.4);border-radius:8px;z-index:25;pointer-events:auto;padding:12px 16px;box-shadow:0 4px 24px #0009;transition:opacity .2s,transform .2s;min-width:360px}#build-menu.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(10px)}#build-menu-title{font-size:14px;font-weight:700;color:#c9a84c;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;text-align:center}#build-menu-title .hint{font-size:11px;color:#6a6258;font-weight:400;letter-spacing:0;text-transform:none}#build-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:200px;overflow-y:auto}.build-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;background:#ffffff0a;border:1px solid rgba(201,168,76,.15);border-radius:6px;color:#e0d8c0;cursor:pointer;transition:all .15s;position:relative}.build-btn:hover{background:#c9a84c1f;border-color:#c9a84c66}.build-btn.active{background:#c9a84c33;border-color:#c9a84c;box-shadow:0 0 8px #c9a84c4d}.build-btn-icon{font-size:24px;line-height:1}.build-btn-name{font-size:10px;font-weight:600;text-align:center;letter-spacing:.5px;color:#c0b8a0}.build-btn-cost{font-size:9px;color:#7a7268}.build-btn-hotkey{position:absolute;top:3px;right:5px;font-size:9px;color:#5a5248;font-weight:700}#build-menu-hint{text-align:center;font-size:10px;color:#5a5248;margin-top:8px}#controls-hint{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;gap:16px;padding:6px 14px;background:#14121e80;border:1px solid rgba(201,168,76,.1);border-radius:4px;font-size:10px;color:#5a5248;pointer-events:none;z-index:5;letter-spacing:.5px;opacity:.6}#pause-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a1499;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;pointer-events:none}#pause-overlay.hidden{display:none}#pause-text{font-size:48px;font-weight:700;letter-spacing:12px;color:#c9a84c;text-shadow:0 0 30px rgba(201,168,76,.5)}#pause-hint{font-size:14px;color:#6a6258;margin-top:12px;letter-spacing:2px}#selection-box{position:fixed;border:1px solid rgba(68,255,136,.6);background:#44ff8814;pointer-events:none;z-index:50;display:none}#age-progress{display:flex;align-items:center;gap:10px;padding:2px 24px 8px;pointer-events:auto}#age-bar{width:120px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}#age-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#6a5a3a,#c9a84c);border-radius:3px;transition:width .5s ease}#age-progress-label{font-size:10px;color:#6a6258;letter-spacing:1px}#age-advance-btn{background:#c9a84c33;border:1px solid #c9a84c;color:#c9a84c;font-size:10px;padding:3px 10px;border-radius:4px;cursor:pointer;font-weight:700;letter-spacing:1px;transition:all .15s}#age-advance-btn:hover{background:#c9a84c66}#age-advance-btn.hidden{display:none}#research-progress{padding:2px 24px 4px;font-size:11px;color:#8a8070;letter-spacing:.5px}#research-progress.hidden{display:none}#tech-panel{position:fixed;top:50%;left:16px;transform:translateY(-50%);width:220px;background:#100e18f2;border:1px solid rgba(201,168,76,.4);border-radius:8px;z-index:25;pointer-events:auto;padding:12px 14px;box-shadow:0 4px 24px #0009;transition:opacity .2s;max-height:80vh;overflow-y:auto}#tech-panel.hidden{opacity:0;pointer-events:none}#tech-panel-title{font-size:13px;font-weight:700;color:#c9a84c;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;text-align:center}#tech-panel-title .hint{font-size:10px;color:#6a6258;font-weight:400;letter-spacing:0;text-transform:none}#tech-list{display:flex;flex-direction:column;gap:6px}.tech-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(201,168,76,.15);border-radius:5px;color:#e0d8c0;cursor:pointer;transition:all .15s;text-align:left;width:100%}.tech-btn:hover:not(.disabled):not(.researched){background:#c9a84c1f;border-color:#c9a84c66}.tech-btn.disabled{opacity:.4;cursor:not-allowed}.tech-btn.researched{opacity:.6;background:#4488441a;border-color:#4488444d}.tech-icon{font-size:18px;min-width:24px;text-align:center}.tech-name{font-size:11px;font-weight:600;flex:1}.tech-cost{font-size:9px;color:#7a7268;white-space:nowrap}#tech-hint{text-align:center;font-size:9px;color:#4a4238;margin-top:8px}#minimap{position:fixed;bottom:16px;right:16px;width:164px;height:164px;border:2px solid rgba(201,168,76,.4);border-radius:6px;overflow:hidden;background:#14121ed9;z-index:10}#minimap-canvas{display:block;width:160px;height:160px}