@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Share+Tech+Mono&display=swap";:root{--monad-purple:#836efd;--monad-purple-deep:#5f45ff;--monad-purple-glow:#836efd59;--monad-purple-glow-strong:#836efd99;--bg-darker:#06040a;--bg-dark:#0b0816;--bg-panel:#120e24;--bg-panel-light:#1e183a;--neon-yellow:#eab308;--neon-yellow-glow:#eab3084d;--neon-red:#ef4444;--neon-red-glow:#ef44444d;--neon-green:#10b981;--neon-green-glow:#10b9814d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;color:var(--text-primary);background-color:var(--bg-darker);box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif;overflow-x:hidden}body{background-color:var(--bg-darker);flex-direction:column;min-height:100vh;margin:0;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--bg-panel-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--monad-purple)}.glow-purple{box-shadow:0 0 15px var(--monad-purple-glow)}.glow-yellow{box-shadow:0 0 15px var(--neon-yellow-glow)}.glow-text-purple{text-shadow:0 0 8px #836efd99}.glow-text-yellow{text-shadow:0 0 8px #eab30899}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px var(--monad-purple-glow);border-color:#836efd66}50%{box-shadow:0 0 25px var(--monad-purple-glow-strong);border-color:#836efde6}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pulsing-border{animation:2s ease-in-out infinite pulseGlow}.floating{animation:4s ease-in-out infinite float}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#120e24b3;border:1px solid #836efd26;border-radius:12px}.mono-font{font-family:Share Tech Mono,monospace}.cyber-button{background:linear-gradient(135deg, var(--monad-purple-deep) 0%, var(--monad-purple) 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex;box-shadow:0 4px 10px #5f45ff4d}.cyber-button:hover:not(:disabled){border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #836efd80}.cyber-button:active:not(:disabled){transform:translateY(0)}.cyber-button:disabled{background:var(--bg-panel-light);color:var(--text-muted);cursor:not-allowed;box-shadow:none;border-color:#ffffff05}.cyber-button-outline{color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #836efd66;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.cyber-button-outline:hover:not(:disabled){border-color:var(--monad-purple);box-shadow:0 0 10px var(--monad-purple-glow);background:#836efd1a}.cyber-button-outline:disabled{color:var(--text-muted);cursor:not-allowed;border-color:#ffffff0d}.cyber-button-green{background:linear-gradient(135deg, #065f46 0%, var(--neon-green) 100%);box-shadow:0 4px 10px #10b9814d}.cyber-button-green:hover:not(:disabled){box-shadow:0 6px 20px #10b98180}.cyber-button-yellow{background:linear-gradient(135deg, #854d0e 0%, var(--neon-yellow) 100%);color:#06040a;font-weight:800;box-shadow:0 4px 10px #eab3084d}.cyber-button-yellow:hover:not(:disabled){box-shadow:0 6px 20px #eab30880}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--bg-panel);border-bottom:1px solid #836efd33;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.game-main{grid-template-cols:1fr 340px;flex:1;align-items:start;gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:20px;display:grid}@media (width<=1100px){.game-main{grid-template-columns:1fr}}.canvas-container{background:var(--bg-dark);border:2px solid #836efd33;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.grid-overlay{pointer-events:none;background-image:linear-gradient(#120e244d 1px,#0000 1px),linear-gradient(90deg,#120e244d 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.scanline-effect{z-index:10;pointer-events:none;opacity:.15;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#06040ad9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;width:100%;max-width:480px;padding:30px}.mode-toggle-container{background:var(--bg-panel-light);border:1px solid #836efd1a;border-radius:8px;padding:4px;display:flex}.mode-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.mode-toggle-btn.active{background:var(--monad-purple);color:#fff;box-shadow:0 2px 8px var(--monad-purple-glow)}.tower-card{cursor:pointer;background:#1e183a66;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:6px;padding:12px;transition:all .2s;display:flex}.tower-card:hover{border-color:var(--monad-purple);background:#836efd1a;transform:translateY(-2px)}.tower-card.selected{border-color:var(--monad-purple);box-shadow:0 0 10px var(--monad-purple-glow);background:#836efd26}.tower-card.chog-border.selected{border-color:#a855f7;box-shadow:0 0 10px #a855f74d}.tower-card.molandak-border.selected{border-color:var(--neon-yellow);box-shadow:0 0 10px #eab3084d}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-item{background:#1e183a4d;border:1px solid #ffffff08;border-radius:8px;padding:8px 12px}.stat-val{font-size:1.4rem;font-weight:700}