:root{--bg: #0b0d17;--panel: #141829;--border: #1e2340;--accent: #6c5ce7;--accent-glow: #a29bfe;--crystal: #00cec9;--text: #dfe6e9;--muted: #636e72;--danger: #d63031;--success: #00b894}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(1px 1px at 10% 20%,#fff9,transparent),radial-gradient(1px 1px at 30% 60%,#fff6,transparent),radial-gradient(1.5px 1.5px at 50% 10%,#fff7,transparent),radial-gradient(1px 1px at 70% 80%,#fff5,transparent),radial-gradient(1px 1px at 90% 40%,#fff8,transparent),radial-gradient(1px 1px at 15% 85%,#fff4,transparent),radial-gradient(1.5px 1.5px at 45% 45%,#fff6,transparent),radial-gradient(1px 1px at 80% 15%,#fff7,transparent),radial-gradient(1px 1px at 60% 70%,#fff5,transparent),radial-gradient(1px 1px at 25% 35%,#fff6,transparent);pointer-events:none;z-index:0}.game-container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px;min-height:100vh}header{text-align:center;padding:16px 0 8px}header h1{font-size:1.6rem;letter-spacing:2px;color:var(--accent-glow);text-transform:uppercase}header h1 span{color:var(--crystal)}.stage-label{font-size:.85rem;color:var(--muted);margin-top:4px}.prestige-info{font-size:.75rem;color:var(--accent-glow);margin-top:2px}.stage-progress{width:120px;height:3px;background:var(--border);border-radius:2px;margin:6px auto 0;overflow:hidden}.stage-progress-fill{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width .5s ease}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.panel-title{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:12px}.click-zone{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;position:relative;overflow:hidden}.planet-btn{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2d3436,#0b0d17);border:3px solid var(--accent);cursor:pointer;position:relative;transition:transform .1s,box-shadow .2s;box-shadow:0 0 30px #6c5ce744,inset 0 0 20px #0008;user-select:none;-webkit-user-select:none}.planet-btn:hover{box-shadow:0 0 50px #6c5ce766,inset 0 0 20px #0008}.planet-btn:active{transform:scale(.93)}.planet-btn:after{content:"";position:absolute;top:15%;left:20%;width:25%;height:15%;background:#fff2;border-radius:50%;transform:rotate(-30deg)}.planet-emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;pointer-events:none}.float-number{position:absolute;font-weight:700;font-size:1.2rem;color:var(--crystal);pointer-events:none;animation:floatUp .8s ease-out forwards;text-shadow:0 0 8px var(--crystal);z-index:10}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.7)}}.stats{display:flex;flex-direction:column;gap:10px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:.9rem}.stat-row:last-child{border-bottom:none}.stat-value{font-weight:700;color:var(--crystal);font-variant-numeric:tabular-nums}.crystals-big{font-size:2rem;text-align:center;color:var(--crystal);font-weight:700;text-shadow:0 0 20px #00cec944;margin-bottom:4px;font-variant-numeric:tabular-nums}.buy-qty-bar{display:flex;gap:4px;margin-bottom:10px}.buy-qty-btn{flex:1;padding:4px 0;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--muted);font-size:.75rem;cursor:pointer;transition:all .15s}.buy-qty-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.buy-qty-btn:hover:not(.active){border-color:var(--accent);color:var(--text)}.upgrades{display:flex;flex-direction:column;gap:8px}.upgrade-btn{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color .2s,background .2s;color:var(--text);text-align:left;width:100%}.upgrade-btn:hover:not(:disabled){border-color:var(--accent);background:#6c5ce711}.upgrade-btn:disabled{opacity:.35;cursor:not-allowed}.upgrade-btn.locked{border-style:dashed}.tier-header{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-glow);padding:8px 0 4px;margin-top:4px;border-bottom:1px solid var(--border)}.upgrade-btn .icon{font-size:1.4rem;flex-shrink:0}.upgrade-btn .info{flex:1;min-width:0}.upgrade-btn .name{font-weight:600;font-size:.85rem}.upgrade-btn .desc{font-size:.72rem;color:var(--muted);margin-top:2px;line-height:1.3}.upgrade-btn .price{font-weight:700;font-size:.85rem;color:var(--crystal);white-space:nowrap;flex-shrink:0}.upgrade-btn .count{font-size:.7rem;color:var(--accent-glow);margin-left:4px}.synergy-badge{font-size:.6rem;color:#00b894;background:#00b89418;border:1px solid #00b89444;border-radius:4px;padding:1px 5px;margin-left:6px;font-weight:700;letter-spacing:.5px}.upgrade-flash{animation:flashBorder .4s ease}@keyframes flashBorder{0%{border-color:var(--success);box-shadow:0 0 12px #00b89444}to{border-color:var(--border);box-shadow:none}}.log-panel{grid-column:1 / -1;max-height:200px;overflow-y:auto}.colony-viewport{grid-column:1 / -1;padding:12px 16px}.colony-container{width:100%;overflow-x:auto;display:flex;justify-content:center}.colony-canvas{border-radius:8px;border:1px solid var(--border);max-width:100%;height:auto;image-rendering:pixelated}.log-panel::-webkit-scrollbar{width:4px}.log-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.log-entry{padding:8px 10px;border-left:3px solid var(--accent);margin-bottom:6px;background:var(--bg);border-radius:0 6px 6px 0;font-size:.82rem;line-height:1.4;animation:slideIn .3s ease}.log-entry .log-time{font-size:.65rem;color:var(--muted);margin-bottom:2px}.log-entry.story{border-left-color:#fdcb6e}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}nav{text-align:center;padding:8px 0 16px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn-small{background:none;border:1px solid var(--border);color:var(--muted);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.75rem;transition:border-color .2s}.btn-small:hover{border-color:var(--accent);color:var(--text)}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.btn-transcend{border-color:#fdcb6e44;color:#fdcb6e}.btn-transcend:hover{border-color:#fdcb6e;background:#fdcb6e11;box-shadow:0 0 12px #fdcb6e33}.btn-transcend:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.stardust-counter{font-size:.9rem;color:#ffeaa7;font-weight:600;text-shadow:0 0 10px #ffeaa744;cursor:pointer}.stardust-counter:hover{text-shadow:0 0 16px #ffeaa788}.sd-panel{background:#141829;border:1px solid #2d2450;border-radius:16px;padding:24px;width:420px;max-width:90vw;max-height:80vh;overflow-y:auto}.sd-panel h2{color:#ffeaa7;margin-bottom:4px;font-size:1.1rem}.sd-panel .sd-balance{font-size:.85rem;color:#ffeaa7;margin-bottom:16px}.sd-upgrade-btn{display:flex;align-items:center;gap:10px;background:#0b0d17;border:1px solid #1e2340;border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color .2s,background .2s;color:var(--text);text-align:left;width:100%;margin-bottom:8px}.sd-upgrade-btn:hover:not(:disabled){border-color:#ffeaa7;background:#ffeaa711}.sd-upgrade-btn:disabled{opacity:.35;cursor:not-allowed}.sd-upgrade-btn .sd-icon{font-size:1.4rem;flex-shrink:0}.sd-upgrade-btn .sd-info{flex:1;min-width:0}.sd-upgrade-btn .sd-name{font-weight:600;font-size:.85rem}.sd-upgrade-btn .sd-desc{font-size:.72rem;color:var(--muted);margin-top:2px}.sd-upgrade-btn .sd-price{font-weight:700;font-size:.85rem;color:#ffeaa7;white-space:nowrap;flex-shrink:0}.sd-upgrade-btn .sd-level{font-size:.7rem;color:#ffeaa7}.sd-close{display:block;margin:12px auto 0;padding:8px 20px;background:#6c5ce7;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem}.quest-card{background:#0b0d17;border:1px solid #1e2340;border-radius:10px;padding:12px;margin-bottom:10px;position:relative}.quest-card.completed{border-color:#00b89444;background:#00b89411}.quest-card.claimed{opacity:.5}.quest-tier{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:4px;display:inline-block;margin-bottom:6px}.quest-tier.easy{background:#00b89422;color:#00b894}.quest-tier.medium{background:#6c5ce722;color:#6c5ce7}.quest-tier.hard{background:#e1705522;color:#e17055}.quest-desc{font-size:.85rem;color:var(--text);margin-bottom:8px}.quest-progress-bar{height:6px;background:#1e2340;border-radius:3px;overflow:hidden;margin-bottom:6px}.quest-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.quest-progress-fill.easy{background:#00b894}.quest-progress-fill.medium{background:#6c5ce7}.quest-progress-fill.hard{background:#e17055}.quest-reward{font-size:.7rem;color:var(--muted);margin-bottom:8px}.quest-reward .cr{color:var(--crystal);font-weight:700}.quest-reward .sd{color:#ffeaa7;font-weight:700}.quest-claim-btn{padding:6px 16px;background:#00b894;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:transform .1s}.quest-claim-btn:hover{transform:scale(1.05)}.quest-claim-btn:disabled{opacity:.35;cursor:not-allowed}.quest-timer{font-size:.75rem;color:var(--muted);text-align:center;margin-top:8px}.badge-count{font-size:.65rem;background:#e17055;color:#fff;border-radius:8px;padding:1px 5px;margin-left:2px;font-weight:700}@media(max-width:600px){.main-grid{grid-template-columns:1fr}.crystals-big{font-size:1.6rem}.planet-btn{width:120px;height:120px}.planet-emoji{font-size:2.4rem}.colony-canvas{max-width:none;min-width:100%}.colony-container{justify-content:flex-start}}.boost-badges{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;min-height:0;margin-top:2px}.boost-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;animation:boostGlow 1s ease-in-out infinite alternate}.boost-badge.boost-click{background:#00cec933;color:#00cec9;border:1px solid #00cec966}.boost-badge.boost-auto{background:#a29bfe33;color:#a29bfe;border:1px solid #a29bfe66}.boost-badge.boost-stardust{background:#ffeaa733;color:#ffeaa7;border:1px solid #ffeaa766}@keyframes boostGlow{0%{opacity:.7}to{opacity:1}}.btn-ad{position:relative}.btn-ad:disabled{opacity:.4;cursor:not-allowed}.btn-ad:not(:disabled):hover{animation:adPulse 1.5s ease-in-out infinite}@keyframes adPulse{0%,to{box-shadow:0 0 4px #00b894}50%{box-shadow:0 0 12px #00b894,0 0 20px #00b89466}}#landing{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:16px;min-height:100vh}#landing.lang-en [lang=ru],#landing.lang-ru [lang=en]{display:none}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:32px}.landing-nav .lang-toggle{background:none;border:1px solid var(--border);color:var(--muted);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.75rem;transition:border-color .2s}.landing-nav .lang-toggle:hover{border-color:var(--accent);color:var(--text)}.landing-hero{text-align:center;padding:60px 0 48px}.landing-hero h1{font-size:3rem;letter-spacing:3px;color:var(--accent-glow);text-transform:uppercase;margin-bottom:12px;text-shadow:0 0 30px var(--accent-glow)}.landing-hero h1 span{color:var(--crystal)}.landing-hero .tagline{font-size:1.1rem;color:var(--muted);max-width:500px;margin:0 auto 32px;line-height:1.5}.landing-planet{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2d3436,#0b0d17);border:3px solid var(--accent);margin:0 auto 32px;position:relative;box-shadow:0 0 60px #6c5ce744,inset 0 0 30px #0008;animation:planetFloat 4s ease-in-out infinite}.landing-planet:after{content:"";position:absolute;top:15%;left:20%;width:25%;height:15%;background:#fff2;border-radius:50%;transform:rotate(-30deg)}@keyframes planetFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.landing-cta{display:inline-block;padding:14px 40px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:transform .15s,box-shadow .3s;box-shadow:0 0 20px #6c5ce766;animation:ctaGlow 2s ease-in-out infinite alternate}.landing-cta:hover{transform:scale(1.05);box-shadow:0 0 30px #6c5ce788,0 0 60px #6c5ce744}@keyframes ctaGlow{0%{box-shadow:0 0 15px #6c5ce755}to{box-shadow:0 0 30px #6c5ce788,0 0 50px #6c5ce744}}.landing-cta-sub{display:block;font-size:.7rem;color:var(--muted);margin-top:8px;font-weight:400;letter-spacing:0}.landing-features{padding:48px 0}.landing-features h2{text-align:center;font-size:1.4rem;color:var(--accent-glow);margin-bottom:24px;letter-spacing:1px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;transition:border-color .2s}.feature-card:hover{border-color:var(--accent)}.feature-card .feature-icon{font-size:2rem;margin-bottom:10px}.feature-card h3{font-size:.95rem;color:var(--text);margin-bottom:6px}.feature-card p{font-size:.8rem;color:var(--muted);line-height:1.4}.landing-howto{padding:48px 0;text-align:center}.landing-howto h2{font-size:1.4rem;color:var(--accent-glow);margin-bottom:24px;letter-spacing:1px}.steps-row{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.step-item{max-width:200px}.step-num{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;margin:0 auto 10px}.step-item h3{font-size:.95rem;color:var(--text);margin-bottom:4px}.step-item p{font-size:.8rem;color:var(--muted);line-height:1.4}.step-arrow{display:flex;align-items:center;color:var(--muted);font-size:1.5rem;padding-top:8px}.landing-faq{padding:48px 0}.landing-faq h2{text-align:center;font-size:1.4rem;color:var(--accent-glow);margin-bottom:24px;letter-spacing:1px}.faq-list{max-width:600px;margin:0 auto}.faq-item{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-bottom:10px}.faq-item h3{font-size:.9rem;color:var(--crystal);margin-bottom:4px}.faq-item p{font-size:.82rem;color:var(--muted);line-height:1.5}.landing-footer{text-align:center;padding:32px 0 16px;color:var(--muted);font-size:.75rem;border-top:1px solid var(--border);margin-top:32px}@media(max-width:600px){.landing-hero h1{font-size:2rem}.landing-planet{width:120px;height:120px}.features-grid{grid-template-columns:1fr}.steps-row{flex-direction:column;align-items:center}.step-arrow{display:none}}