:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a12;color:#e2e8f0}.game-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;background:radial-gradient(ellipse at 50% 0%,#1a1a3e,#0a0a12 70%)}.game-header{text-align:center;margin-bottom:.75rem}.game-title{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.stats-bar{display:flex;gap:2rem;justify-content:center;margin-top:.5rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.stat-value{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.combo-val{color:#f59e0b;text-shadow:0 0 10px #f59e0b80}.start-screen{display:grid;place-items:center;flex:1}.start-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2.5rem;max-width:440px;text-align:center}.start-card h2{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.start-desc{color:#fff9;margin-bottom:1.5rem}.spell-legend{text-align:left;margin-bottom:1rem;background:#0000004d;border-radius:.5rem;padding:.75rem 1rem}.spell-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.2rem 0}.spell-demo{font-weight:600}.start-hint{font-size:.8rem;color:#f59e0b;margin-bottom:1.5rem}.start-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:.75rem 2.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #6366f180}.hp-bar-container{display:flex;align-items:center;gap:.75rem;width:100%;max-width:800px;margin-bottom:.5rem}.hp-bar-label{font-size:.7rem;letter-spacing:.15em;color:#ffffff80;min-width:50px}.hp-bar-track{flex:1;height:12px;background:#ffffff14;border-radius:6px;overflow:hidden}.hp-bar-fill{height:100%;border-radius:6px;transition:width .3s,background .3s}.hp-text{font-size:.8rem;font-weight:600;min-width:60px;text-align:right;font-variant-numeric:tabular-nums}.arena{position:relative;width:100%;max-width:800px;height:400px;background:linear-gradient(180deg,#0f1729,#131b33,#0f1729);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;overflow:hidden;margin-bottom:.75rem}.path-line{position:absolute;top:50%;left:50px;right:10px;height:2px;background:linear-gradient(90deg,#6366f14d,#6366f10d);transform:translateY(-50%)}.base-tower{position:absolute;left:10px;top:50%;transform:translateY(-50%);text-align:center;z-index:2}.tower-icon{font-size:2.5rem;filter:drop-shadow(0 0 8px rgba(99,102,241,.6))}.tower-label{font-size:.6rem;letter-spacing:.15em;color:#fff6}.wave-info{position:absolute;top:8px;right:12px;font-size:.75rem;color:#fff6}.monster{position:absolute;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;transition:left .05s linear}.monster-emoji{font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:monsterBob .8s ease-in-out infinite}@keyframes monsterBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.monster-hp-bar{width:40px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden;margin:2px auto}.monster-hp-fill{height:100%;border-radius:2px;transition:width .15s}.monster-name{font-size:.55rem;color:#ffffff80}.projectile{position:absolute;border-radius:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.particle{position:absolute;border-radius:50%;transform:translate(-50%,-50%);z-index:6;pointer-events:none}.spell-feedback{text-align:center;font-size:1.1rem;font-weight:700;margin-bottom:.4rem;text-shadow:0 0 12px currentColor;animation:spellPulse .3s ease-out}@keyframes spellPulse{0%{transform:scale(1.3)}to{transform:scale(1)}}.combo-text{color:#f59e0b;margin-left:.3rem}.input-area{width:100%;max-width:800px}.input-form{display:flex;gap:.5rem}.word-input{flex:1;padding:.75rem 1rem;font-size:1.1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#e2e8f0;outline:none;transition:border-color .2s}.word-input:focus{border-color:#6366f1;box-shadow:0 0 12px #6366f133}.word-input::placeholder{color:#ffffff40}.cast-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:transform .1s}.cast-btn:hover{transform:scale(1.05)}.spell-preview{text-align:center;font-size:.85rem;margin-top:.35rem;font-weight:600;text-shadow:0 0 8px currentColor}.game-over{text-align:center;padding:2rem}.game-over h2{font-size:2.5rem;font-weight:800;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5);margin-bottom:.5rem}.game-over p{color:#fff9;margin-bottom:1.5rem}