*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.game-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:1400px;width:100%;overflow:hidden}.game-title{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:24px;text-align:center;font-size:36px;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:2px}.stats-bar{background:linear-gradient(135deg,#3b82f6,#2563eb);padding:20px 30px;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-around;box-shadow:0 4px 6px #0000001a}.stat-item{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:10px 16px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-label{color:#ffffffe6;font-weight:600;font-size:14px}.stat-value{color:gold;font-size:20px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.tower-health-container{flex-direction:column;align-items:flex-start;gap:6px;min-width:200px}.health-bar-bg{width:100%;height:12px;background:#0000004d;border-radius:6px;overflow:hidden}.health-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease;width:100%}.game-content{display:grid;grid-template-columns:300px 1fr;gap:0}.shop-panel{background:#f8fafc;padding:24px;border-right:2px solid #e2e8f0;display:flex;flex-direction:column;gap:16px}.shop-panel h3{font-size:20px;color:#1e293b;margin-bottom:8px;text-align:center}.shop-item{background:#fff;border:3px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:8px}.shop-item:hover:not(:disabled){transform:translateY(-3px);border-color:#3b82f6;box-shadow:0 8px 20px #3b82f64d}.shop-item.selected{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 0 0 3px #3b82f633}.shop-item:disabled{opacity:.5;cursor:not-allowed}.tower-icon{font-size:32px;font-weight:700;text-align:center;width:50px;height:50px;line-height:50px;border-radius:8px;margin:0 auto;color:#fff}.warrior-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.archer-icon{background:linear-gradient(135deg,#10b981,#059669)}.wizard-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tower-name{font-weight:700;color:#1e293b;font-size:16px;text-align:center}.tower-cost{color:#f59e0b;font-weight:600;text-align:center}.tower-stats{font-size:12px;color:#64748b;text-align:center}.shop-divider{height:2px;background:#e2e8f0;margin:8px 0}.action-btn{padding:12px 24px;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 6px #3b82f64d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666}.action-btn:active{transform:translateY(0)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.start-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px #10b9814d}.start-btn:hover{box-shadow:0 6px 12px #10b98166}.canvas-wrapper{position:relative;background:#f0f4f8;display:flex;align-items:center;justify-content:center}#gameCanvas{display:block;cursor:crosshair;border-radius:0;max-width:100%}.instructions{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:16px;border-radius:8px;border:2px solid #fbbf24}.instructions h4{color:#92400e;font-size:14px;margin-bottom:8px}.instructions ol{color:#92400e;font-size:13px;padding-left:20px;line-height:1.6}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal.hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;padding:48px;border-radius:20px;text-align:center;max-width:450px;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.victory-content{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-content h2{font-size:36px;margin-bottom:16px;color:#1e293b}.victory-content h2{color:#fff}.modal-content p{font-size:18px;margin-bottom:24px;color:#64748b}.victory-content p{color:#fffffff2}.final-stats{background:#f8fafc;padding:20px;border-radius:12px;margin-bottom:24px}.final-stats p{font-size:20px;font-weight:600;color:#1e293b;margin:8px 0}.final-stats span{color:#3b82f6}@media (max-width: 1024px){.game-content{grid-template-columns:1fr}.shop-panel{border-right:none;border-bottom:2px solid #e2e8f0}.stats-bar{flex-direction:column;gap:12px}}@media (max-width: 768px){.game-title{font-size:28px;padding:16px}.modal-content{padding:32px;margin:20px}}