@keyframes tile-pulse{0%,to{opacity:.6;transform:translateZ(0) scale(1)}50%{opacity:1;transform:translateZ(0) scale(1.02)}}@keyframes parchment-glow{0%{box-shadow:0 0 20px #d4a57480,inset 0 0 15px #e6c79440}50%{box-shadow:0 0 35px #d4a574bf,inset 0 0 25px #e6c79473,0 0 50px #ffdfba66}to{box-shadow:0 0 20px #d4a57480,inset 0 0 15px #e6c79440}}@keyframes scanning-beam{0%{transform:translateY(-100%);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(100%);opacity:0}}@keyframes energy-particle{0%{transform:translate(0) scale(1);opacity:0}25%{opacity:1}75%{opacity:1}to{transform:translate(var(--particle-x),var(--particle-y)) scale(.3);opacity:0}}@keyframes tile-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.valid-move-overlay{position:absolute;inset:0;pointer-events:none;z-index:105;background:linear-gradient(135deg,#e6c79461,#d4a57452);border:2px solid rgba(230,199,148,.85);animation:tile-pulse 3s ease-in-out infinite,parchment-glow 4s ease-in-out infinite;will-change:transform,opacity;box-shadow:0 0 20px #d4a57480,inset 0 0 15px #e6c79440}@media (max-width: 768px) or (pointer: coarse){.valid-move-overlay{animation:tile-pulse 4s ease-in-out infinite;background:linear-gradient(135deg,#e6c7946b,#d4a5745c);box-shadow:0 0 15px #d4a57466,inset 0 0 12px #e6c79433}}@media (min-width: 769px) and (pointer: fine){.valid-move-overlay:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,223,186,.8),transparent);animation:scanning-beam 3s ease-in-out infinite}.valid-move-overlay-inner{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(230,199,148,.3) 0%,rgba(212,165,116,.2) 40%,transparent 70%);animation:tile-pulse 2.5s ease-in-out infinite;animation-delay:.5s}}.attack-target-overlay{position:absolute;inset:0;pointer-events:none;border:3px solid rgba(239,68,68,.9);z-index:10;background:#ef444466;animation:tile-pulse 2s ease-in-out infinite;will-change:transform,opacity}@media (max-width: 768px) or (pointer: coarse){.attack-target-overlay{animation:none;background:#ef444473;box-shadow:inset 0 0 15px #ef444426}}@media (min-width: 769px) and (pointer: fine){.attack-target-overlay{box-shadow:0 0 20px #ef444466,inset 0 0 20px #ef444426}}.selected-tile-overlay{position:absolute;inset:0;pointer-events:none;border:4px solid rgba(255,215,0,.95);z-index:10;background:#ffc8006b;animation:tile-pulse 2.5s ease-in-out infinite,selected-glow 2.5s ease-in-out infinite;will-change:transform,opacity;box-shadow:0 0 20px #ffd70099,0 0 35px #ffd70066,inset 0 0 20px #ffd70033}@keyframes selected-glow{0%,to{box-shadow:0 0 20px #ffd70099,0 0 35px #ffd70066,inset 0 0 20px #ffd70033}50%{box-shadow:0 0 28px #ffd700cc,0 0 45px #ffd70080,inset 0 0 28px #ffd70059}}@media (max-width: 768px) or (pointer: coarse){.selected-tile-overlay{animation:none;background:#ffc80073;box-shadow:0 0 18px #ffd70080,inset 0 0 18px #ffd70033}}@media (min-width: 769px) and (pointer: fine){.selected-tile-overlay{border-width:5px}}.merge-target-overlay{position:absolute;inset:0;pointer-events:none;background:#22c55e4d;border:2px solid rgba(34,197,94,.7);z-index:10;transition:background-color .2s ease}.load-target-overlay{position:absolute;inset:0;pointer-events:none;background:#06b6d44d;border:2px solid rgba(6,182,212,.7);z-index:10;transition:background-color .2s ease}.unload-target-overlay{position:absolute;inset:0;pointer-events:none;background:#a855f74d;border:2px solid rgba(168,85,247,.7);z-index:10;transition:background-color .2s ease}.path-highlight-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#e6c79473,#d4a57461);border:2px solid rgba(255,223,186,.9);z-index:110;box-shadow:0 0 25px #d4a57499,inset 0 0 15px #e6c79459;animation:tile-pulse 2s ease-in-out infinite,parchment-glow 3s ease-in-out infinite}@media (max-width: 768px) or (pointer: coarse){.path-highlight-overlay{animation:tile-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#e6c7947a,#d4a57466)}.valid-move-overlay-inner{display:none}}.map-tile-container{transform:translateZ(0)}.actionable-unit-overlay{position:absolute;inset:0;pointer-events:none;z-index:9;background:#eab30833;border:2px solid rgba(234,179,8,.5);animation:tile-pulse 2.8s ease-in-out infinite;will-change:transform,opacity;box-shadow:inset 0 0 15px #eab30826}@media (max-width: 768px) or (pointer: coarse){.actionable-unit-overlay{animation:none;background:#eab30840}}@media (min-width: 769px) and (pointer: fine){.actionable-unit-overlay{box-shadow:0 0 15px #eab30840,inset 0 0 15px #eab30826}}.recruitment-building-overlay{position:absolute;inset:0;pointer-events:none;z-index:9;background:#22c55e33;border:2px solid rgba(34,197,94,.5);animation:tile-pulse 3.2s ease-in-out infinite;will-change:transform,opacity;box-shadow:inset 0 0 15px #22c55e26}@media (max-width: 768px) or (pointer: coarse){.recruitment-building-overlay{animation:none;background:#22c55e40}}@media (min-width: 769px) and (pointer: fine){.recruitment-building-overlay{box-shadow:0 0 15px #22c55e40,inset 0 0 15px #22c55e26}}@media (hover: hover) and (pointer: fine){.map-tile-container:hover .valid-move-overlay{animation:tile-pulse 1.5s ease-in-out infinite,parchment-glow 2s ease-in-out infinite;transform:translateZ(0) scale(1.03);background:linear-gradient(135deg,#e6c7948c,#d4a5747a);box-shadow:0 0 35px #d4a574cc,inset 0 0 25px #e6c79480,0 0 50px #ffdfba99}.map-tile-container:hover .valid-move-overlay:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,223,186,.7);border-radius:4px;animation:tile-pulse 1s ease-in-out infinite}.map-tile-container:hover .path-highlight-overlay{transform:translateZ(0) scale(1.02);box-shadow:0 0 30px #d4a574cc,inset 0 0 20px #e6c79480}.map-tile-container:hover .merge-target-overlay{background:#22c55e80}.map-tile-container:hover .load-target-overlay{background:#06b6d480}.map-tile-container:hover .unload-target-overlay{background:#a855f780}.map-tile-container:hover .actionable-unit-overlay{background:#eab30859}.map-tile-container:hover .recruitment-building-overlay{background:#22c55e59}}