@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Crimson+Text:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-primary: #120e0c;--bg-secondary: #1a1410;--bg-tertiary: #2d2416;--accent-water: #4a90a4;--accent-earth: #8b6f47;--accent-gold: #d4a574;--accent-gold-bright: #f0c594;--text-primary: #f5e6d3;--text-secondary: #c4b5a0;--border-color: rgba(212, 165, 116, .3);--border-bright: rgba(212, 165, 116, .6);--overlay: rgba(18, 14, 12, .85);--glass: rgba(26, 20, 16, .7);--blur: blur(12px);--shadow: 0 8px 32px 0 rgba(0, 0, 0, .8)}body{font-family:Crimson Text,serif;background:#000;color:var(--text-primary);overflow:hidden;touch-action:none}#gameCanvas{display:block;width:100%;height:100vh;cursor:crosshair}.hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.hud>*{pointer-events:auto}.top-bar{position:fixed;top:15px;left:50%;transform:translate(-50%);background:var(--glass);backdrop-filter:var(--blur);border:1px solid var(--border-color);border-radius:50px;padding:8px 24px;display:flex;gap:30px;align-items:center;box-shadow:var(--shadow);z-index:101}.game-title{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;color:var(--accent-gold);letter-spacing:2px;white-space:nowrap}.resources{display:flex;gap:20px;font-size:1rem}.resource{display:flex;align-items:center;gap:8px;font-weight:600}.resource-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 5px #00000080}.action-bar{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:var(--glass);backdrop-filter:var(--blur);border:1px solid var(--border-color);border-radius:16px;padding:10px;display:flex;gap:10px;box-shadow:var(--shadow);z-index:101}.action-btn{background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px;padding:8px 16px;color:var(--text-secondary);font-family:Cinzel,serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;min-width:80px}.action-btn:hover{background:#d4a57426;border-color:var(--accent-gold);color:var(--text-primary);transform:translateY(-4px);box-shadow:0 4px 15px #d4a57433}.action-btn:active{transform:translateY(-1px)}.turn-btn{position:fixed;bottom:35px;right:35px;background:radial-gradient(circle at center,var(--accent-gold-bright),var(--accent-gold));border:none;border-radius:50%;width:85px;height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 5px var(--glass),var(--shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:102;color:#1a1410}.turn-btn:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 0 8px var(--glass),0 0 25px var(--accent-gold)}.turn-btn-text{font-family:Cinzel,serif;font-size:.8rem;font-weight:700;letter-spacing:1px}.turn-number{font-size:1.5rem;font-weight:700;line-height:1}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(8px)}.modal-overlay.active{display:flex}.modal{background:linear-gradient(165deg,#2d2416,#1a1410);border:1px solid var(--border-bright);border-radius:24px;padding:30px;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #000000e6;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.modal-title{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;color:var(--accent-gold);text-shadow:0 2px 10px rgba(212,165,116,.3)}.modal-close{background:#ffffff0d;border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:1.5rem;transition:all .3s}.modal-close:hover{background:#e6394633;border-color:#e63946;color:#fff;transform:rotate(90deg)}.unit-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:20px;margin:12px 0;transition:all .3s;cursor:pointer}.unit-card:hover{background:#ffffff0f;border-color:var(--accent-gold);transform:translate(10px)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.tech-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.tech-card:hover:not(.locked){background:#d4a5741a;border-color:var(--accent-gold);transform:translateY(-8px) scale(1.05);box-shadow:0 10px 30px #00000080}.tech-card.researched{background:linear-gradient(135deg,#8b6f474d,#d4a5741a);border-color:var(--accent-gold)}.tech-emoji{font-size:2.5rem;margin-bottom:12px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.tech-status{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:10px}#loadingScreen{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-title{font-family:Cinzel,serif;font-size:3.5rem;color:var(--accent-gold);margin-bottom:40px;letter-spacing:10px;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(212,165,116,.3)}to{text-shadow:0 0 30px rgba(212,165,116,.8),0 0 10px #fff}}.loading-bar{width:400px;height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}.loading-fill{height:100%;background:var(--accent-gold);width:0%;animation:loading 2.5s cubic-bezier(.65,0,.35,1) forwards}@keyframes loading{to{width:100%}}@media(max-width:768px){.top-bar{top:10px;gap:15px;padding:6px 16px}.game-title{display:none}.turn-btn{width:70px;height:70px;bottom:110px;right:20px}.action-bar{bottom:15px;width:95%}}.loading-container[data-astro-cid-j7pv25f6]{text-align:center;width:100%;max-width:500px;padding:40px}.loading-subtitle[data-astro-cid-j7pv25f6]{font-family:Cinzel,serif;font-size:1rem;color:var(--accent-water);letter-spacing:12px;margin-top:-15px;margin-bottom:40px;opacity:.8}.loading-status[data-astro-cid-j7pv25f6]{margin-top:20px;font-size:.9rem;color:var(--text-secondary);font-style:italic;opacity:.6;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}