:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.game-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;-webkit-user-select:none;user-select:none}.hud{display:flex;gap:2rem;align-items:center;font-size:.85rem}.hud-item{display:flex;align-items:center;gap:.5rem}.hud-label{color:#fff6;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.hud-value{color:#fafafa;font-weight:700}.hud-hp-bar{width:120px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.hud-hp-fill{height:100%;background:#4ade80;transition:width .2s;border-radius:4px}.battlefield{display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(14,1fr);width:min(90vw,720px);aspect-ratio:20 / 14;border:2px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden;background:#111;transition:box-shadow .1s}.battlefield.flash{box-shadow:0 0 20px #facc154d}.cell{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.03);background:#181818;font-size:clamp(8px,1.5vw,16px)}.cell-wall{background:#3a3a3a;border-color:#ffffff0f}.cell-wall:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px)}.cell-tree{background:#16331a}.cell-tree:after{content:"🌿";font-size:.8em}.cell-water{background:#0c2d48}.cell-water:after{content:"〰";font-size:.7em;color:#60a5fa99}.entity{display:flex;flex-direction:column;align-items:center;gap:1px;z-index:2}.entity-char{font-size:1.2em;font-weight:900;line-height:1}.player-entity .entity-char{color:#facc15;text-shadow:0 0 6px rgba(250,204,21,.5)}.enemy-entity .entity-char{color:#f87171;text-shadow:0 0 6px rgba(248,113,113,.5)}.hp-bar{width:1.4em;height:3px;background:#0009;border-radius:2px;overflow:hidden}.hp-fill{height:100%;background:#4ade80;border-radius:2px;transition:width .15s}.hp-fill.enemy-hp{background:#f87171}.cell-proj-player{background:#facc1526}.cell-proj-enemy{background:#f8717126}.proj-dot{font-size:1.4em;font-weight:900;z-index:2}.cell-proj-player .proj-dot{color:#facc15;text-shadow:0 0 8px rgba(250,204,21,.8)}.cell-proj-enemy .proj-dot{color:#f87171;text-shadow:0 0 8px rgba(248,113,113,.8)}.particle{position:absolute;color:#ef4444;font-weight:900;font-size:.7em;animation:float-up .6s ease-out forwards;z-index:10;pointer-events:none}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1em)}}.controls-info{display:flex;gap:2rem;font-size:.75rem;color:#ffffff59;letter-spacing:.05em}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-over-box{text-align:center;padding:2.5rem 3rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#141414f2}.game-over-box h2{font-size:2rem;color:#ef4444;letter-spacing:.1em;margin-bottom:.5rem}.game-over-box p{color:#ffffff80;margin-bottom:1.5rem;font-size:.9rem}.game-over-box button{font-family:inherit;font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 2rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14;color:#fafafa;cursor:pointer;transition:background .15s}.game-over-box button:hover{background:#ffffff26}