:root{--bg-dark: #0a0a12;--neon-blue: #00f3ff;--neon-red: #ff003c;--neon-purple: #bc13fe;--text-main: #e0e0ff;--panel-bg: rgba(20, 20, 35, .8)}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background:var(--bg-dark);color:var(--text-main);overflow:hidden}.app-container{width:100vw;height:100vh;background:radial-gradient(circle at 50% 50%,#1a1a2e,#0a0a12);position:relative;display:flex;flex-direction:column}.flex-center{display:flex;justify-content:center;align-items:center}.text-muted{color:#8892b0;font-size:.9rem}.cloud-indicator{position:absolute;top:10px;right:15px;font-size:12px;color:#8892b0;display:flex;align-items:center;gap:5px;background:#00000080;padding:4px 10px;border-radius:20px;z-index:100}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.screen{flex:1;display:flex;flex-direction:column;padding:20px;max-width:900px;margin:0 auto;width:100%}.header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;background:var(--panel-bg);padding:10px 20px;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.icon-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;padding:5px;border-radius:50%;transition:.2s}.icon-btn:hover{background:#ffffff1a}.resource-badge{display:flex;align-items:center;gap:8px;background:#00f3ff1a;color:var(--neon-blue);padding:5px 15px;border-radius:20px;font-weight:700;border:1px solid var(--neon-blue)}.start-screen{align-items:center;justify-content:center;gap:30px}.game-title{font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(45deg,var(--neon-blue),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,243,255,.3)}.stats-bar{display:flex;gap:20px;background:var(--panel-bg);padding:10px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;align-items:center;gap:8px;font-weight:700}.main-menu{display:flex;gap:20px;width:100%;justify-content:center}.menu-btn{padding:15px 30px;border:none;border-radius:15px;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;color:#fff;transition:.3s}.workshop-btn{background:linear-gradient(45deg,#2c3e50,#3498db);box-shadow:0 5px 15px #3498db66}.base-btn{background:linear-gradient(45deg,#8e44ad,#9b59b6);box-shadow:0 5px 15px #9b59b666}.menu-btn:hover{transform:translateY(-3px);filter:brightness(1.2)}.zone-selector{width:100%;margin-top:20px}.zone-selector h3{text-align:center;margin-bottom:15px;color:#8892b0}.zone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.zone-btn{background:var(--panel-bg);border:2px solid;border-radius:12px;padding:15px;cursor:pointer;color:#fff;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .3s}.zone-name{font-weight:700;font-size:1.1rem}.zone-reward{font-size:.8rem;opacity:.7}.workshop-bg{flex:1;border-radius:20px;position:relative;background-size:cover;background-position:center;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a12d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.soldier-list{position:relative;z-index:1;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;height:100%;overflow-y:auto}.soldier-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:15px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s}.soldier-card:hover{border-color:var(--neon-blue);box-shadow:0 0 15px #00f3ff33}.soldier-icon{width:80px;height:80px;margin:0 auto;background:#0000004d;border-radius:10px;padding:10px}.soldier-info h4{font-size:1.2rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.lvl{font-size:.8rem;background:var(--neon-purple);padding:2px 6px;border-radius:4px}.count-badge{color:var(--neon-blue);font-weight:700;margin-top:5px}.craft-btn{background:var(--neon-blue);color:#000;border:none;padding:10px;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s}.craft-btn:disabled{background:#444;color:#888;cursor:not-allowed}.base-tabs{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px}.tab-btn{background:var(--panel-bg);border:none;border-bottom:3px solid transparent;color:#fff;padding:10px 20px;border-radius:8px 8px 0 0;cursor:pointer;font-weight:700;transition:.2s;white-space:nowrap}.tab-btn.active{background:#ffffff1a}.base-content{display:flex;gap:20px;flex:1;min-height:0}.base-left{flex:1;display:flex;flex-direction:column;gap:20px}.castle-view{background:var(--panel-bg);border-radius:15px;padding:20px;text-align:center;border:1px solid rgba(255,255,255,.1)}.castle-icon-wrap{width:120px;height:120px;margin:0 auto 15px}.castle-icon-wrap img{width:100%;height:100%;object-fit:contain}.castle-hp-bar{height:10px;background:#222;border-radius:5px;margin-bottom:10px;overflow:hidden}.hp-fill{height:100%;transition:width .3s}.general-card{background:var(--panel-bg);border:2px solid;border-radius:15px;padding:15px;display:flex;gap:15px;align-items:center}.gen-avatar{width:80px;height:80px;border-radius:10px;overflow:hidden;background:#000}.gen-avatar img{width:100%;height:100%;object-fit:cover}.gen-info{flex:1}.upgrade-btn{margin-top:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:.9rem}.upgrade-btn:disabled{opacity:.5;cursor:not-allowed}.base-right{flex:1;background:var(--panel-bg);border-radius:15px;padding:20px;border:1px solid rgba(255,255,255,.1);overflow-y:auto}.stationed-army{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;min-height:60px;padding:10px;background:#0000004d;border-radius:10px}.mini-soldier{width:40px;height:40px;background:#ffffff1a;border-radius:5px;padding:5px;cursor:pointer;transition:.2s}.mini-soldier:hover{background:#ff003c4d;transform:scale(1.1)}.svg-wrap{width:100%;height:100%}.dispatch-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.dispatch-btn{display:flex;justify-content:space-between;align-items:center;background:#00f3ff1a;border:1px solid var(--neon-blue);color:#fff;padding:10px;border-radius:8px;cursor:pointer}.dispatch-btn:hover{background:#00f3ff33}.play-screen{justify-content:space-between}.battle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.health-bar-container{flex:1;max-width:40%}.health-label{font-size:.9rem;margin-bottom:5px;font-weight:700}.health-track{height:15px;background:#222;border-radius:10px;overflow:hidden;border:1px solid #444}.health-fill{height:100%;background:linear-gradient(90deg,#00ff9d,#00f3ff);transition:width .3s ease}.health-fill.boss{background:linear-gradient(90deg,#ff003c,#fa0)}.vs-badge{font-size:1.5rem;font-weight:900;color:#555;font-style:italic}.battle-arena{flex:1;display:flex;justify-content:space-between;align-items:center;position:relative;background:#0000004d;border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.05)}.combatant{display:flex;flex-direction:column;align-items:center;gap:15px;z-index:10}.char-img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,0,0,.5))}.boss-img{width:180px;height:180px}.effect-zone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none}.effect-text{font-size:3rem;font-weight:900;color:#ff003c;text-shadow:0 0 20px #ff003c}.effect-text.wave{color:#00f3ff;text-shadow:0 0 20px #00f3ff}.battle-logs{height:80px;background:#00000080;border-radius:10px;padding:10px;margin:15px 0;overflow:hidden;border-left:3px solid var(--neon-blue);display:flex;flex-direction:column}.log-line{font-family:monospace;font-size:.9rem;margin-bottom:4px}.control-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.action-btn{padding:15px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;transition:all .2s}.action-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.action-btn.normal{background:linear-gradient(45deg,#05f,#00f3ff);box-shadow:0 4px 15px #00f3ff4d}.action-btn.heavy{background:linear-gradient(45deg,#ff003c,#f50);box-shadow:0 4px 15px #ff003c4d}.action-btn.summon{background:linear-gradient(45deg,#f1c40f,#e67e22);box-shadow:0 4px 15px #f1c40f4d}.gameover-screen{justify-content:center;align-items:center;text-align:center;gap:30px}.gameover-title{font-size:4rem;color:var(--neon-red);text-shadow:0 0 30px rgba(255,0,60,.5)}.final-stats{font-size:1.5rem}.highlight{color:var(--neon-blue);font-weight:700;font-size:2rem}.new-record{color:#fa0;font-weight:700;margin-top:10px}.btn-primary{background:linear-gradient(45deg,var(--neon-blue),#0055ff);border:none;padding:10px 20px;border-radius:30px;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px}.btn-primary.large{padding:15px 40px;font-size:1.2rem}.unlock-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel-bg);border:2px solid var(--neon-blue);padding:30px;border-radius:20px;text-align:center;box-shadow:0 0 50px #00f3ff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.unlocked-item{font-size:2rem;font-weight:700;color:var(--neon-blue);margin:20px 0;text-shadow:0 0 10px rgba(0,243,255,.5)}