:root{--neon-cyan: #00f3ff;--neon-purple: #bc13fe;--neon-pink: #ff00ff;--bg-dark: #090a0f;--panel-bg: rgba(15, 20, 30, .85)}body{margin:0;background-color:var(--bg-dark);color:#fff;font-family:Consolas,Courier New,monospace;overflow:hidden;-webkit-user-select:none;user-select:none}.app-container{height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at center,#1a1c29,#090a0f)}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-dark);color:var(--neon-cyan);font-size:1.5rem;animation:pulse 2s infinite}.top-bar{display:flex;justify-content:space-between;padding:12px 24px;background:#000c;border-bottom:1px solid rgba(0,243,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.cloud-sync{font-size:12px;color:var(--neon-cyan);display:flex;align-items:center;gap:6px;animation:pulse 2s infinite}.resource-bar{display:flex;gap:20px}.resource-item{display:flex;align-items:center;gap:8px;font-weight:700;text-shadow:0 0 10px currentColor}.main-content{flex:1;position:relative;overflow:hidden}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.start-scene{align-items:center;justify-content:center}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;z-index:-1;pointer-events:none}.title-container{text-align:center;margin-bottom:60px}.cyber-title{font-size:4rem;font-weight:900;margin:0;color:#fff;text-shadow:3px 3px var(--neon-pink),-3px -3px var(--neon-cyan);letter-spacing:4px}.subtitle{color:var(--neon-cyan);letter-spacing:8px;margin-top:10px}.cyber-btn{padding:15px 30px;border:none;background:transparent;color:#fff;font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:all .3s;position:relative}.cyber-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.cyber-btn.primary{color:var(--neon-cyan)}.cyber-btn.primary:before{border-color:var(--neon-cyan);box-shadow:inset 0 0 20px #00f3ff33}.cyber-btn.primary:hover{background:#00f3ff33;text-shadow:0 0 10px var(--neon-cyan)}.cyber-btn.secondary{color:var(--neon-pink)}.cyber-btn.secondary:before{border-color:var(--neon-pink)}.cyber-btn.secondary:hover{background:#f0f3}.cyber-btn.accent{color:gold;padding:10px 20px;font-size:.9rem}.cyber-btn.accent:before{border-color:gold}.cyber-btn.accent:hover{background:#ffd70033}.pulse-anim{animation:btnPulse 2s infinite}@keyframes btnPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-title{color:#fff;border-left:4px solid var(--neon-cyan);padding-left:10px;text-shadow:0 0 10px var(--neon-cyan);margin:0}.back-btn{align-self:flex-start;background:none;border:none;color:var(--neon-cyan);display:flex;align-items:center;cursor:pointer;font-family:inherit;margin-bottom:20px}.map-nodes{display:flex;justify-content:center;gap:40px;align-items:center;height:60%}.map-card{background:var(--panel-bg);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:15px;width:200px;transition:.3s;cursor:pointer}.map-card.unlocked{border-color:var(--neon-cyan);box-shadow:0 0 20px #00f3ff1a}.map-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.map-card-icon{width:80px;height:80px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;background:#00000080}.battle-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.3;z-index:-1}.battle-hud{display:flex;justify-content:space-between;padding:10px 20px;background:#0009;border-radius:8px;margin-bottom:20px;border:1px solid rgba(0,243,255,.3)}.hud-item{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.2rem;text-shadow:0 0 10px currentColor}.battle-arena{flex:1;display:flex;justify-content:space-between;align-items:center;padding:0 15%}.entity{display:flex;flex-direction:column;align-items:center;gap:15px}.entity-img-wrapper{width:160px;height:160px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000c;box-shadow:0 0 30px currentColor}.entity-img-wrapper img{width:100%;height:100%;object-fit:cover}.entity-name{font-size:1.2rem;font-weight:700;text-shadow:0 0 5px currentColor}.hp-bar{width:100%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin-bottom:10px}.hp-fill{height:100%;transition:width .3s ease-out}.cyber-terminal{background:var(--panel-bg);border:1px solid var(--neon-cyan);padding:20px;border-radius:12px;box-shadow:0 0 30px #00f3ff26;margin-top:auto}.terminal-header{display:flex;justify-content:space-between;font-size:12px;color:var(--neon-cyan);margin-bottom:15px}.calc-display{background:#000;border:1px solid rgba(0,243,255,.5);padding:15px;text-align:right;font-size:28px;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);margin-bottom:15px;border-radius:4px}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calc-key{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:15px 0;font-size:20px;cursor:pointer;transition:.2s;border-radius:4px}.calc-key:hover{background:#00f3ff33;border-color:var(--neon-cyan)}.calc-key.equals{background:#00f3ff33;color:var(--neon-cyan)}.settlement-scene{align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settlement-box{background:var(--panel-bg);padding:50px;border-radius:20px;text-align:center;border:2px solid;box-shadow:0 0 50px currentColor}.settlement-box.win{border-color:var(--neon-cyan);color:var(--neon-cyan)}.settlement-box.lose{border-color:var(--neon-pink);color:var(--neon-pink)}.settlement-title{font-size:3rem;margin:0 0 30px;text-shadow:0 0 20px currentColor}.reward-item{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.5rem;color:#fff}