body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef4fa}.game{max-width:1320px;margin:0 auto;padding:10px 14px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.status{color:#334155;font-size:1rem}.hud{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{background:#e2e8f0;color:#0f172a;border-radius:999px;padding:5px 10px;font-weight:600;font-size:.9rem}button{border:none;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:600;background:#2563eb;color:#fff}button.secondary{background:#e2e8f0;color:#0f172a}.battlefield{position:relative;height:min(620px,calc(100dvh - 160px));border-radius:14px;overflow:hidden;border:2px solid #cbd5e1;background:linear-gradient(180deg,#bce1ffe6,#a5f0c7eb)}.background-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.question{position:absolute;left:24px;top:20px;z-index:20;display:flex;align-items:center;gap:8px}.prompt{font-size:clamp(2.2rem,6vw,4rem);font-weight:800;color:#0b173a;text-shadow:0 2px 0 rgba(255,255,255,.45)}.question input{width:130px;font-size:1.5rem;border-radius:10px;border:1px solid #94a3b8;padding:8px 10px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.question input.wrong{border-color:#ef4444;background:#fee2e2;box-shadow:0 0 0 3px #ef444433}.question input.reveal{border-color:#f59e0b;background:#ffedd5;box-shadow:0 0 0 3px #f59e0b38}#unitsLayer,#effectsLayer{position:absolute;inset:0}.zombie,.archer,.cannon,.knight,.effect{position:absolute;background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:none}.zombie{width:150px;height:190px;z-index:8}.zombie.dead{z-index:7}.zombie .hp{position:absolute;top:-8px;left:20px;right:20px;height:4px;background:#0f172a3d;border-radius:999px;overflow:hidden}.zombie .hp-fill{height:100%;width:100%;background:#22c55e}.archer,.cannon{width:240px;height:220px;z-index:12}.knight{width:300px;height:280px;z-index:14}.effect.shot{width:200px;height:180px;z-index:16}.effect.explosion{width:260px;height:230px;z-index:15}.bottom{margin-top:8px;min-height:24px;font-weight:600;color:#0f172a}.gameover-modal{position:fixed;inset:0;background:#0f172a8c;display:grid;place-items:center;z-index:1000}.gameover-modal.hidden{display:none}.gameover-card{background:#fff;border-radius:14px;padding:20px;min-width:min(440px,90vw);text-align:center;box-shadow:0 14px 32px #0f172a3d}.gameover-line1{font-size:2rem;font-weight:800;text-transform:lowercase}.gameover-line2{margin-top:6px;font-size:1.2rem;color:#334155}.gameover-actions{margin-top:14px;display:flex;justify-content:center;gap:10px}