:root{--bg-deep:#060a08;--bg-dark:#0a0f0d;--bg-panel:#0a0f0dbf;--primary-fungal:#b537f2;--primary-fungal-glow:#b537f266;--glow-emerald:#0fa;--glow-emerald-dim:#10b981;--glow-emerald-bg:#00ffaa1a;--alert-crimson:#ef4444;--alert-crimson-glow:#ef444466;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-dim:#1d2b24;--border-glow:#10b981;--font-mono:"Courier New", Courier, monospace;--font-sans:"Outfit", "Inter", -apple-system, sans-serif;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-deep)}body{background-color:var(--bg-deep);-webkit-user-select:none;user-select:none;background-image:radial-gradient(at 0 0,#b537f214,#0000 45%),radial-gradient(at 100% 100%,#00ffaa0f,#0000 50%),linear-gradient(#121915f2,#060a08);width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#root{box-sizing:border-box;flex-direction:column;width:100vw;height:100vh;display:flex}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-dim);border-radius:8px;transition:border-color .3s,box-shadow .3s;box-shadow:0 8px 32px #00000080}.glass-panel:hover{border-color:#10b9814d;box-shadow:0 8px 32px #00ffaa14}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--glow-emerald-dim)}.glow-button{border:1px solid var(--glow-emerald-dim);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;text-shadow:0 0 8px var(--glow-emerald-dim);background:#10b98114;border-radius:4px;padding:8px 16px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 4px #10b9811a}.glow-button:hover:not(:disabled){background:var(--glow-emerald);color:var(--bg-deep);box-shadow:0 0 15px var(--glow-emerald);text-shadow:none;transform:translateY(-1px)}.glow-button:active:not(:disabled){transform:translateY(1px)}.glow-button:disabled{border-color:var(--border-dim);color:var(--text-secondary);text-shadow:none;cursor:not-allowed;box-shadow:none;background:#19191933}.glow-button.purple{border-color:var(--primary-fungal);text-shadow:0 0 8px var(--primary-fungal);background:#b537f214}.glow-button.purple:hover:not(:disabled){background:var(--primary-fungal);color:var(--text-primary);box-shadow:0 0 15px var(--primary-fungal)}.glow-button.crimson{border-color:var(--alert-crimson);text-shadow:0 0 8px var(--alert-crimson);background:#ef444414}.glow-button.crimson:hover:not(:disabled){background:var(--alert-crimson);color:var(--text-primary);box-shadow:0 0 15px var(--alert-crimson)}@keyframes pulse-glow{0%,to{border-color:#b537f266;box-shadow:0 0 5px #b537f266,inset 0 0 8px #b537f233}50%{border-color:#da4bf5cc;box-shadow:0 0 16px #b537f2cc,inset 0 0 12px #b537f266}}@keyframes pulse-emerald{0%,to{filter:drop-shadow(0 0 2px var(--glow-emerald-dim))}50%{filter:drop-shadow(0 0 8px var(--glow-emerald))}}@keyframes spore-float{0%{opacity:.2;transform:translateY(0)translate(0)scale(.9)}50%{opacity:.6}to{opacity:0;transform:translateY(-8px)translate(4px)scale(1.1)}}@keyframes scanning-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.hud-screen{position:relative;overflow:hidden}.hud-screen:before{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:absolute;inset:0}.hud-screen:after{content:" ";opacity:0;z-index:10;pointer-events:none;background:linear-gradient(#0fa0 0%,#00ffaa0a 10%,#0fa0 11%);animation:12s linear infinite scanning-scanline;display:block;position:absolute;inset:0}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.sprite-img{object-fit:contain;width:100%;height:100%}.game-grid{border:1px solid var(--border-dim);cursor:grab;scrollbar-width:thin;scrollbar-color:var(--glow-emerald-dim) var(--bg-deep);background:#060a08e6;border-radius:8px;width:520px;height:520px;position:relative;overflow:auto;box-shadow:inset 0 0 30px #000000e6}.game-grid:active{cursor:grabbing}.isometric-board{box-sizing:border-box;background-image:radial-gradient(#10b98103 1px,#0000 0);background-size:40px 40px;width:1400px;height:900px;padding:100px;position:relative}.grid-cell{cursor:pointer;width:80px;height:40px;transform-style:preserve-3d;justify-content:center;align-items:center;transition:filter .2s;display:flex;position:absolute}.iso-tile-graphic{width:calc(100% + 1px);height:calc(100% + 1px);image-rendering:pixelated;image-rendering:crisp-edges;z-index:1;background-image:url(/assets/iso_ground-BJtgSoOA.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:-.5px;left:-.5px}.grid-cell.mycelium .iso-tile-graphic{filter:drop-shadow(0 0 4px var(--primary-fungal-glow));background-image:url(/assets/iso_mycelium-Dm02GfdO.png)}.grid-cell:hover .iso-tile-graphic{filter:brightness(1.2) drop-shadow(0 0 3px var(--glow-emerald))}.iso-structure{pointer-events:none;z-index:2;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.iso-structure.stone{width:40px;height:40px;bottom:12px}.iso-structure.fence{width:80px;height:52px;bottom:12px}.iso-structure.building{filter:drop-shadow(0 0 8px #000000b3);width:110px;height:110px;bottom:10px}.grid-cell.spore-cloud:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(circle,#00ffaa40 0%,#0000 70%);animation:2s ease-in-out infinite pulse-emerald;position:absolute;inset:-10px 0 0}.grid-cell.reachable{border-color:var(--glow-emerald);background:#00ffaa14;box-shadow:inset 0 0 10px #0fa3}.grid-cell.reachable:hover{background:#00ffaa2e}.grid-cell.attackable{border-color:var(--alert-crimson);background:#ef444414;box-shadow:inset 0 0 10px #ef444433}.grid-cell.attackable:hover{background:#ef44442e}.grid-cell.spreadable{border-color:var(--primary-fungal);box-shadow:inset 0 0 6px var(--primary-fungal-glow);background:#b537f20f}.grid-cell.spreadable:hover{background:#b537f226}.spore-particle{pointer-events:none;background:#0fa;border-radius:50%;width:4px;height:4px;animation:3s ease-out infinite spore-float;position:absolute}.node-graphic{z-index:2;justify-content:center;align-items:center;width:85%;height:85%;display:flex}.node-graphic.carcass{filter:drop-shadow(0 0 6px var(--alert-crimson))}.node-graphic.plant{filter:drop-shadow(0 0 6px var(--glow-emerald))}.node-graphic.water{filter:drop-shadow(0 0 6px #60a5fa)}.unit-badge{z-index:3;cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.unit-badge:hover{transform:scale(1.15)}.unit-badge.host{filter:drop-shadow(0 0 8px var(--primary-fungal))}.unit-badge.thrall{filter:drop-shadow(0 0 6px #a855f7cc)}.unit-badge.enemy{filter:drop-shadow(0 0 8px var(--alert-crimson))}.unit-badge.wild{filter:drop-shadow(0 0 5px var(--text-secondary))}.health-bar-mini{background:#000c;border-radius:2px;height:4px;display:flex;position:absolute;bottom:-4px;left:2px;right:2px;overflow:hidden}.health-fill-mini{background:var(--glow-emerald-dim);height:100%}.health-fill-mini.low{background:var(--alert-crimson)}