:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0c0a09;color:#fafaf9}.game{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,rgba(120,80,30,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(60,40,10,.2) 0%,transparent 50%),#0c0a09}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#0009;border-bottom:1px solid rgba(255,200,100,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.topbar-left{display:flex;align-items:center;gap:.5rem}.colony-badge{font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.level-badge{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.7rem;background:linear-gradient(135deg,#b45309,#d97706);color:#fff;padding:.15rem .5rem;border-radius:999px;font-weight:700}.topbar-resources{display:flex;gap:1rem}.resource{display:flex;align-items:center;gap:.3rem;font-size:.85rem}.resource-icon{font-size:1rem}.resource-val{font-family:ui-monospace,SFMono-Regular,monospace;color:#fffc;font-weight:600}.weather-banner{text-align:center;padding:.4rem;font-size:.8rem;font-weight:600;letter-spacing:.02em}.weather-rainy{background:linear-gradient(90deg,#1e3a5f,#2563eb33,#1e3a5f);color:#93c5fd}.weather-stormy{background:linear-gradient(90deg,#7f1d1d,#dc262633,#7f1d1d);color:#fca5a5;animation:pulse-danger 2s infinite}.weather-drought{background:linear-gradient(90deg,#78350f,#b4530933,#78350f);color:#fcd34d}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.7}}.nav{display:flex;gap:.25rem;padding:.5rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,200,100,.08);overflow-x:auto}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .75rem;background:transparent;border:1px solid transparent;border-radius:.5rem;color:#ffffff80;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-btn:hover{background:#ffc86414;color:#fffc}.nav-btn.active{background:linear-gradient(135deg,#b453094d,#d9770626);border-color:#d9770666;color:#fbbf24}.main{flex:1;padding:1.25rem;max-width:900px;margin:0 auto;width:100%}h2{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em;color:#fcd34d}h3{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#ffffffd9}.colony-hero{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.ant-hill{background:linear-gradient(180deg,#1c1410,#2a1a0a);border:1px solid rgba(180,120,40,.2);border-radius:1rem;padding:1rem;min-height:220px;position:relative;overflow:hidden}.ant-hill:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:radial-gradient(ellipse at 50% 0%,rgba(120,80,20,.2) 0%,transparent 70%);pointer-events:none}.hill-top{text-align:center;font-size:2.5rem;margin-bottom:.5rem;position:relative;z-index:1}.hill-body{position:relative;height:140px}.ant-dot{position:absolute;font-size:1.2rem;animation:ant-walk 3s ease-in-out infinite}.ant-overflow{position:absolute;bottom:5px;right:5px;font-size:.75rem;color:#ffc864b3;font-weight:600}@keyframes ant-walk{0%,to{transform:translate(0)}25%{transform:translate(8px,-5px)}50%{transform:translate(-3px,6px)}75%{transform:translate(5px,2px)}}.colony-stats{display:flex;flex-direction:column;gap:.75rem}.colony-stats h2{margin-bottom:.25rem}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{background:#ffc8640d;border:1px solid rgba(255,200,100,.1);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.15rem}.stat-emoji{font-size:1.5rem}.stat-num{font-size:1.6rem;font-weight:800;font-family:ui-monospace,SFMono-Regular,monospace;color:#fbbf24}.stat-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em}.recruit-section{margin-bottom:1.5rem}.recruit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.recruit-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .5rem;background:#ffc8640d;border:1px solid rgba(255,200,100,.12);border-radius:.75rem;cursor:pointer;transition:all .2s;color:inherit}.recruit-card:hover:not(:disabled){background:#ffc8641f;border-color:#d9770666;transform:translateY(-2px)}.recruit-card:disabled{opacity:.4;cursor:not-allowed}.recruit-emoji{font-size:2rem}.recruit-name{font-weight:700;font-size:.85rem}.recruit-cost{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;color:#fbbf24;font-weight:600}.recruit-stats{display:flex;gap:.4rem;font-size:.65rem;color:#ffffff73}.actions-row{display:flex;gap:.75rem;margin-bottom:1.5rem}.action-btn{flex:1;padding:.75rem 1rem;background:#ffc86414;border:1px solid rgba(255,200,100,.15);border-radius:.75rem;color:#fafaf9;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:hover{background:#ffc86426;border-color:#d9770666}.action-btn.primary{background:linear-gradient(135deg,#b45309,#d97706);border-color:#d97706;color:#fff}.action-btn.primary:hover{background:linear-gradient(135deg,#d97706,#f59e0b)}.log-section{background:#0000004d;border:1px solid rgba(255,200,100,.08);border-radius:.75rem;padding:1rem}.log-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.log-entry{font-size:.8rem;padding:.3rem .5rem;border-radius:.375rem;font-family:ui-monospace,SFMono-Regular,monospace}.log-info{color:#ffffff80;background:#ffffff08}.log-success{color:#4ade80;background:#4ade8014}.log-danger{color:#f87171;background:#f8717114}.log-reward{color:#fbbf24;background:#fbbf2414}.view-tunnels{text-align:center}.tunnel-desc{color:#ffffff8c;margin-bottom:1.25rem;font-size:.9rem}.dig-btn{margin-bottom:1.5rem;max-width:300px;margin-left:auto;margin-right:auto}.tunnel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.tunnel-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:#ffc8640a;border:1px solid rgba(255,200,100,.1);border-radius:.5rem;font-size:1.5rem;cursor:pointer;transition:all .2s;color:inherit}.tunnel-cell:hover:not(:disabled){background:#ffc8641a;border-color:#d977064d;transform:scale(1.05)}.tunnel-cell:disabled{cursor:default;opacity:.7}.tunnel-cell.explored{background:#0000004d}.tunnel-cell.has-food{border-color:#4ade804d;background:#4ade800d}.tunnel-cell.has-enemy{border-color:#f871714d;background:#f871710d}.tunnel-depth{font-size:.55rem;color:#ffffff4d;font-family:ui-monospace,SFMono-Regular,monospace}.view-battle{text-align:center}.battle-desc{color:#ffffff8c;margin-bottom:1.25rem;font-size:.9rem}.battle-start{max-width:300px;margin:0 auto}.battle-arena{text-align:left}.battle-field{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin-bottom:1.25rem}.battle-side{background:#0000004d;border:1px solid rgba(255,200,100,.1);border-radius:.75rem;padding:1rem}.battle-side h3{text-align:center;margin-bottom:.5rem}.battle-side.allies h3{color:#4ade80}.battle-side.enemy h3{color:#f87171}.battle-vs{font-size:1.5rem;font-weight:900;color:#ffffff4d}.combatants{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.combatant{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:55px}.combatant-emoji{font-size:1.5rem}.combatant-emoji.big{font-size:3rem}.combatant-overflow{font-size:.7rem;color:#fff6;align-self:center}.hp-bar{width:50px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;transition:width .5s}.enemy-hp{width:120px}.enemy-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.hp-text{font-size:.55rem;font-family:ui-monospace,SFMono-Regular,monospace;color:#fff6}.battle-log{background:#0006;border:1px solid rgba(255,200,100,.08);border-radius:.75rem;padding:.75rem;max-height:180px;overflow-y:auto}.battle-log-entry{font-size:.78rem;font-family:ui-monospace,SFMono-Regular,monospace;padding:.2rem 0;color:#fff9;border-bottom:1px solid rgba(255,255,255,.03)}.upgrade-desc{color:#ffffff8c;margin-bottom:1.25rem;font-size:.9rem}.upgrade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.upgrade-card{background:#ffc8640a;border:1px solid rgba(255,200,100,.1);border-radius:.75rem;padding:1rem;transition:all .2s}.upgrade-card:hover{border-color:#d977064d;background:#ffc86412}.upgrade-card.maxed{border-color:#4ade804d;background:#4ade800d}.upgrade-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.upgrade-emoji{font-size:2rem}.upgrade-header h3{margin-bottom:0;font-size:.95rem}.upgrade-level{font-size:.7rem;color:#fff6;font-family:ui-monospace,SFMono-Regular,monospace}.upgrade-desc-text{font-size:.8rem;color:#ffffff80;margin-bottom:.5rem}.upgrade-effect{font-size:.75rem;color:#fbbf24;font-weight:600;margin-bottom:.75rem;padding:.25rem .5rem;background:#fbbf2414;border-radius:.375rem;display:inline-block}.upgrade-btn{width:100%;padding:.5rem;background:linear-gradient(135deg,#b45309,#d97706);border:none;border-radius:.5rem;color:#fff;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s}.upgrade-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#f59e0b)}.upgrade-btn:disabled{opacity:.4;cursor:not-allowed}.upgrade-maxed{text-align:center;font-weight:800;font-size:.85rem;color:#4ade80;letter-spacing:.1em}.mission-desc{color:#ffffff8c;margin-bottom:1.25rem;font-size:.9rem}.mission-grid{display:flex;flex-direction:column;gap:.75rem}.mission-card{background:#ffc8640a;border:1px solid rgba(255,200,100,.1);border-radius:.75rem;padding:1rem;transition:all .2s}.mission-card.completed{border-color:#4ade804d;background:#4ade800d}.mission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.mission-header h3{margin-bottom:0;font-size:.95rem}.mission-reward{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700;color:#fbbf24;font-size:.85rem}.mission-desc-text{font-size:.8rem;color:#ffffff80;margin-bottom:.75rem}.mission-progress{display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#b45309,#fbbf24);border-radius:4px;transition:width .5s}.progress-text{font-size:.7rem;font-family:ui-monospace,SFMono-Regular,monospace;color:#ffffff80;min-width:50px;text-align:right}.claim-btn{margin-top:.75rem;width:100%;padding:.6rem;background:linear-gradient(135deg,#15803d,#22c55e);border:none;border-radius:.5rem;color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;animation:pulse-glow 2s infinite}.claim-btn:hover{background:linear-gradient(135deg,#22c55e,#4ade80)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #22c55e4d}50%{box-shadow:0 0 12px 4px #22c55e26}}.empty-missions{text-align:center;color:#fff6;padding:2rem}@media(max-width:640px){.colony-hero{grid-template-columns:1fr}.recruit-grid{grid-template-columns:repeat(2,1fr)}.upgrade-grid,.battle-field{grid-template-columns:1fr}.battle-vs{font-size:1.2rem}.tunnel-grid{grid-template-columns:repeat(3,1fr)}.topbar{flex-direction:column;gap:.5rem}.topbar-resources{flex-wrap:wrap;justify-content:center}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffc86426;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffc8644d}