:root{--color-brass:#b5a642;--color-copper:#b87333;--color-steel:#71797e;--color-dark-metal:#36454f;--color-steam:#ececec;--color-fire:#ff4500;--color-water:#1e90ff;--color-earth:#8b4513;--color-air:#9370db;--unit-warrior:#cd5c5c;--unit-mage:#9932cc;--unit-tank:#708090;--unit-healer:#32cd32}.steampunk-bg{background-color:var(--color-dark-metal);background-image:url(/images/steampunk-gears.png);background-size:200px;background-repeat:repeat;position:relative}.steampunk-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(54,69,79,.85);z-index:0}.steampunk-container{position:relative;z-index:1;font-family:Rajdhani,Orbitron,sans-serif;color:var(--color-steam)}.metal-frame{border:4px solid var(--color-brass);border-radius:5px;background:linear-gradient(145deg,var(--color-dark-metal),#2c3539);box-shadow:inset 0 0 10px rgba(181,166,66,.5),0 0 15px rgba(0,0,0,.7);position:relative;overflow:hidden}.metal-frame:before{content:"";position:absolute;width:100%;height:40px;background:linear-gradient(to right,transparent,var(--color-brass),transparent);top:-25px;left:0;transform:rotate(45deg);animation:metalShine 8s linear infinite;opacity:.5}@keyframes metalShine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(200%) rotate(45deg)}}.copper-frame{border:3px solid var(--color-copper);border-radius:5px;background:linear-gradient(145deg,#2c3539,#36454f);box-shadow:inset 0 0 8px rgba(184,115,51,.5),0 0 10px rgba(0,0,0,.5)}.steel-frame{border:2px solid var(--color-steel);border-radius:3px;background:#2c3539;box-shadow:inset 0 0 5px hsla(203,5%,47%,.3),0 0 5px rgba(0,0,0,.3)}.steampunk-button{background:linear-gradient(to bottom,var(--color-brass) 0,#8b7d39 100%);border:2px solid #5e5226;border-radius:5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);font-family:Rajdhani,sans-serif;padding:.5rem 1.25rem;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 2px 5px rgba(0,0,0,.4);transition:all .2s ease}.steampunk-button:hover{background:linear-gradient(to bottom,#c4b44b 0,var(--color-brass) 100%);transform:translateY(-1px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 4px 8px rgba(0,0,0,.4)}.steampunk-button:active{background:linear-gradient(to bottom,#8b7d39 0,var(--color-brass) 100%);transform:translateY(1px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 3px rgba(0,0,0,.4)}.steampunk-button:disabled{background:#71797e;border-color:#36454f;color:#aaa;box-shadow:none}.steampunk-button:before{width:30%;height:2px;background:hsla(0,0%,100%,.5);top:4px;left:35%}.gear-tabs{display:flex;position:relative;z-index:1}.gear-tab{background:var(--color-dark-metal);border:2px solid var(--color-brass);border-bottom:none;border-radius:8px 8px 0 0;margin-right:5px;padding:8px 16px;position:relative;cursor:pointer;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.5);box-shadow:inset 0 2px 3px hsla(0,0%,100%,.1)}.gear-tab.active{background:linear-gradient(to bottom,var(--color-brass) 0,var(--color-dark-metal) 100%);z-index:3}.gear-tab:before{content:"";position:absolute;width:16px;height:16px;background:var(--color-brass);border-radius:50%;top:-8px;left:10px;border:1px solid #5e5226}.gear-tab.active:before{transform:rotate(45deg);transition:transform .3s ease-out}.steampunk-grid{background:var(--color-dark-metal);border:3px solid var(--color-brass);padding:3px;border-radius:5px;box-shadow:inset 0 0 15px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.5)}.grid-cell{background:#1e2326;border:1px solid var(--color-steel);transition:all .2s ease}.grid-cell:hover{box-shadow:inset 0 0 8px rgba(181,166,66,.7)}.grid-cell.valid-move{background:rgba(30,144,255,.2);box-shadow:inset 0 0 10px rgba(30,144,255,.4)}.grid-cell.valid-attack{background:rgba(205,92,92,.2);box-shadow:inset 0 0 10px rgba(205,92,92,.4)}.grid-cell.selected{border:2px solid var(--color-brass);animation:pulseGlow 1.5s infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 5px var(--color-brass)}to{box-shadow:0 0 15px var(--color-brass)}}.unit{position:relative;width:100%;height:100%;flex-direction:column}.unit,.unit-element{display:flex;align-items:center;justify-content:center}.unit-element{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;font-size:10px;z-index:2}.unit-element.fire{background:var(--color-fire);box-shadow:0 0 8px var(--color-fire)}.unit-element.water{background:var(--color-water);box-shadow:0 0 8px var(--color-water)}.unit-element.earth{background:var(--color-earth);box-shadow:0 0 8px var(--color-earth)}.unit-element.air{background:var(--color-air);box-shadow:0 0 8px var(--color-air)}.unit-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;overflow:hidden}.unit-icon:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:hsla(0,0%,100%,.2);border-radius:50% 50% 0 0}.unit-icon.warrior{background:linear-gradient(to bottom,var(--unit-warrior),#8b3a3a);color:#fff}.unit-icon.mage{background:linear-gradient(to bottom,var(--unit-mage),indigo);color:#fff}.unit-icon.tank{background:linear-gradient(to bottom,var(--unit-tank),#2f4f4f);color:#fff}.unit-icon.healer{background:linear-gradient(to bottom,var(--unit-healer),#006400);color:#fff}.unit-health-bar{width:30px;height:4px;background:#333;border-radius:2px;margin-top:3px;overflow:hidden;box-shadow:inset 0 0 3px rgba(0,0,0,.8)}.unit-health{height:100%;background:linear-gradient(90deg,#00b894,#00d4aa);transition:width .3s ease}.unit-health.high{background:linear-gradient(90deg,#006400,#32cd32)}.unit-health.medium{background:linear-gradient(90deg,#fdcb6e,#f39c12)}.unit-health.low{background:linear-gradient(90deg,#e17055,#d63031)}.unit-status{position:absolute;display:flex;bottom:-2px;left:50%;transform:translateX(-50%)}.unit-status-icon{width:5px;height:5px;border-radius:50%;margin:0 1px}.unit-status-icon.moved{background:var(--color-water);box-shadow:0 0 5px var(--color-water)}.unit-status-icon.attacked{background:var(--color-fire);box-shadow:0 0 5px var(--color-fire)}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.unit.selected .unit-icon{animation:selectPulse 1.2s infinite}@keyframes damageFlash{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.unit.damaged{animation:damageFlash .3s 3}@keyframes movementTrail{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.movement-trail{position:absolute;width:100%;height:100%;background:rgba(30,144,255,.3);z-index:-1;animation:movementTrail .5s forwards}@keyframes attackSlash{0%{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1) rotate(45deg);opacity:1}to{transform:scale(0) rotate(90deg);opacity:0}}.attack-effect{position:absolute;width:100%;height:100%;background:url(/images/slash.png) no-repeat 50%;background-size:contain;z-index:5;animation:attackSlash .5s forwards}.match-list-table{width:100%;border-collapse:separate;border-spacing:0 8px}.match-list-table thead th{color:var(--color-brass);font-weight:700;padding:10px;text-align:left;border-bottom:2px solid var(--color-brass)}.match-list-table tbody tr{background:linear-gradient(90deg,#2c3539,#36454f,#2c3539);transition:all .3s ease}.match-list-table tbody tr:hover{background:linear-gradient(90deg,#36454f,#445055,#36454f);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.5)}.match-list-table td{padding:12px 10px;border-top:1px solid var(--color-steel);border-bottom:1px solid var(--color-steel)}.match-list-table td:first-child{border-left:1px solid var(--color-steel);border-top-left-radius:5px;border-bottom-left-radius:5px}.match-list-table td:last-child{border-right:1px solid var(--color-steel);border-top-right-radius:5px;border-bottom-right-radius:5px}.match-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.match-status.created{background:var(--color-brass);color:#000}.match-status.placement{background:var(--color-water);color:#fff}.match-status.battle{background:var(--color-fire);color:#fff}.steampunk-heading{color:var(--color-brass);font-weight:700;text-shadow:0 2px 2px rgba(0,0,0,.5);position:relative;display:inline-block;padding-bottom:10px;margin-bottom:20px}.steampunk-heading:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right,transparent,var(--color-brass),transparent)}.gear-loading{gap:15px}.gear,.gear-loading{display:flex;justify-content:center;align-items:center}.gear{width:40px;height:40px;background:var(--color-brass);border-radius:50%;position:relative;animation:rotate 4s linear infinite}.gear:before{width:15px;height:15px;background:var(--color-dark-metal);border-radius:50%}.gear:after,.gear:before{content:"";position:absolute}.gear:after{width:50px;height:10px;background:var(--color-brass);top:15px;left:-5px;box-shadow:0 -30px 0 var(--color-brass),15px -15px 0 var(--color-brass),15px 15px 0 var(--color-brass),-15px -15px 0 var(--color-brass),-15px 15px 0 var(--color-brass)}.gear:nth-child(2){width:30px;height:30px;animation-direction:reverse}.gear:nth-child(3){width:50px;height:50px}.battlefield-container{background:radial-gradient(circle at 20% 80%,rgba(139,69,19,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(160,82,45,.3) 0,transparent 50%),linear-gradient(135deg,#2c1810,#1a0f08 50%,#0f0704);min-height:100vh;position:relative;overflow:hidden}.battlefield-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(139,69,19,.1) 0,rgba(139,69,19,.1) 4px);pointer-events:none;z-index:1}.battlefield-grid-wrapper{position:relative;z-index:2;background:linear-gradient(145deg,#3a2817,#2c1f12);border:6px solid #8b4513;border-radius:12px;box-shadow:0 0 30px rgba(139,69,19,.5),inset 0 4px 8px hsla(0,0%,100%,.1),inset 0 -4px 8px rgba(0,0,0,.3);padding:8px}.battlefield-grid-wrapper:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,peru,#daa520,peru);border-radius:15px;z-index:-1}.battlefield-grid{background:linear-gradient(45deg,#1a1a1a 25%,transparent 0),linear-gradient(-45deg,#1a1a1a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#1a1a1a 0),linear-gradient(-45deg,transparent 75%,#1a1a1a 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:3px solid #654321;border-radius:8px;box-shadow:inset 0 0 20px rgba(0,0,0,.5),0 0 15px rgba(139,69,19,.3)}.battle-cell{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:1px solid #444;position:relative;transition:all .3s ease;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.1),inset 0 -2px 4px rgba(0,0,0,.3)}.battle-cell:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(139,69,19,.1) 0,transparent 50%);pointer-events:none}.battle-cell:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.2),inset 0 -2px 4px rgba(0,0,0,.4),0 0 10px rgba(139,69,19,.3)}.has-unit{background:linear-gradient(145deg,#3a3020,#2a2418)}.player-unit{background:linear-gradient(145deg,#1a3a5a,#0f2a4a);border-color:#4a90e2;box-shadow:inset 0 2px 4px rgba(74,144,226,.2),inset 0 -2px 4px rgba(0,0,0,.4),0 0 8px rgba(74,144,226,.3)}.opponent-unit{background:linear-gradient(145deg,#5a1a1a,#4a0f0f);border-color:#ff6b35;box-shadow:inset 0 2px 4px rgba(255,107,53,.2),inset 0 -2px 4px rgba(0,0,0,.4),0 0 8px rgba(255,107,53,.3)}.selected{background:linear-gradient(145deg,#5a4a20,#4a3a18)!important;border:3px solid gold!important;box-shadow:inset 0 2px 4px rgba(255,215,0,.3),inset 0 -2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.3)!important;transform:scale(1.05);z-index:10}.possible-move{background:linear-gradient(145deg,#2a4a6a,#1a3a5a)!important;border:2px dashed #4bc6ff!important;animation:steamPulse 2s infinite}.possible-attack{background:linear-gradient(145deg,#6a2a2a,#5a1a1a)!important;border:2px dashed #f44!important;animation:firePulse 2s infinite}.possible-heal{background:linear-gradient(145deg,#2a6a2a,#1a5a1a)!important;border:2px dashed #4f4!important;animation:healPulse 2s infinite}@keyframes steamPulse{0%,to{box-shadow:0 0 5px rgba(75,198,255,.5),inset 0 0 10px rgba(75,198,255,.1)}50%{box-shadow:0 0 15px rgba(75,198,255,.8),inset 0 0 20px rgba(75,198,255,.2)}}@keyframes firePulse{0%,to{box-shadow:0 0 5px rgba(255,68,68,.5),inset 0 0 10px rgba(255,68,68,.1)}50%{box-shadow:0 0 15px rgba(255,68,68,.8),inset 0 0 20px rgba(255,68,68,.2)}}@keyframes healPulse{0%,to{box-shadow:0 0 5px rgba(68,255,68,.5),inset 0 0 10px rgba(68,255,68,.1)}50%{box-shadow:0 0 15px rgba(68,255,68,.8),inset 0 0 20px rgba(68,255,68,.2)}}.attacking{animation:steamAttack .6s ease-in-out}@keyframes steamAttack{0%{transform:scale(1);filter:brightness(1)}25%{transform:scale(1.1);filter:brightness(1.3);box-shadow:0 0 25px rgba(255,215,0,.8)}50%{transform:scale(1.2);filter:brightness(1.5);box-shadow:0 0 35px gold}75%{transform:scale(1.1);filter:brightness(1.3);box-shadow:0 0 25px rgba(255,215,0,.8)}to{transform:scale(1);filter:brightness(1)}}.attack-effect{animation:steamExplosion 1s ease-out}@keyframes steamExplosion{0%{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);box-shadow:0 0 0 0 rgba(255,68,68,0)}25%{background:linear-gradient(145deg,#6a2a2a,#5a1a1a);box-shadow:0 0 20px 5px rgba(255,68,68,.8)}50%{background:linear-gradient(145deg,#8a3a3a,#7a2a2a);box-shadow:0 0 30px 10px #f44}75%{background:linear-gradient(145deg,#6a2a2a,#5a1a1a);box-shadow:0 0 20px 5px rgba(255,68,68,.6)}to{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);box-shadow:0 0 0 0 rgba(255,68,68,0)}}.heal-effect{animation:steamHealing 1.2s ease-in-out}@keyframes steamHealing{0%{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);box-shadow:0 0 0 0 rgba(68,255,68,0)}25%{background:linear-gradient(145deg,#2a4a2a,#1a3a1a);box-shadow:0 0 15px 8px rgba(68,255,68,.6)}50%{background:linear-gradient(145deg,#3a6a3a,#2a5a2a);box-shadow:0 0 25px 12px rgba(68,255,68,.8)}75%{background:linear-gradient(145deg,#2a4a2a,#1a3a1a);box-shadow:0 0 15px 8px rgba(68,255,68,.4)}to{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);box-shadow:0 0 0 0 rgba(68,255,68,0)}}.heal-effect-minor{animation:steamHealingMinor 1s ease-in-out}@keyframes steamHealingMinor{0%,to{box-shadow:0 0 0 0 rgba(68,255,68,0)}50%{box-shadow:0 0 10px 5px rgba(68,255,68,.4)}}.battlefield-labels{position:relative;z-index:3}.opponent-label,.player-label{background:linear-gradient(145deg,rgba(139,69,19,.8),rgba(160,82,45,.8));border:2px solid #8b4513;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 2px 4px hsla(0,0%,100%,.1);text-shadow:0 2px 4px rgba(0,0,0,.8);font-family:Cinzel,serif;font-weight:700;letter-spacing:1px;position:relative}.opponent-label:before,.player-label:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,peru,#daa520,peru);border-radius:10px;z-index:-1}.active-turn{animation:steamGlow 2s infinite;box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 2px 4px hsla(0,0%,100%,.2),0 0 20px rgba(255,215,0,.6)!important}@keyframes steamGlow{0%,to{box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 2px 4px hsla(0,0%,100%,.2),0 0 15px rgba(255,215,0,.5)}50%{box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 2px 4px hsla(0,0%,100%,.3),0 0 25px rgba(255,215,0,.8)}}.action-panel{background:linear-gradient(145deg,rgba(139,69,19,.9),rgba(101,67,33,.9));border:3px solid #8b4513;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.4),inset 0 2px 4px hsla(0,0%,100%,.1),inset 0 -2px 4px rgba(0,0,0,.3);position:relative;z-index:3}.action-panel:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,peru,#daa520,peru);border-radius:15px;z-index:-1}.unit-info{background:linear-gradient(145deg,rgba(60,50,40,.8),rgba(40,30,20,.8));border:2px solid #654321;border-radius:8px;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.1),inset 0 -2px 4px rgba(0,0,0,.3)}.steampunk-button{background:linear-gradient(145deg,#8b4513,#654321);border:2px solid sienna;border-radius:8px;color:gold;font-family:Cinzel,serif;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 2px 4px hsla(0,0%,100%,.1);transition:all .3s ease;position:relative;overflow:hidden}.steampunk-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.steampunk-button:hover{background:linear-gradient(145deg,sienna,#8b4513);box-shadow:0 6px 12px rgba(0,0,0,.4),inset 0 2px 4px hsla(0,0%,100%,.2),0 0 15px rgba(255,215,0,.3);transform:translateY(-2px)}.steampunk-button:hover:before{left:100%}.steampunk-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 2px 4px rgba(0,0,0,.2)}.steampunk-button:disabled{background:linear-gradient(145deg,#555,#333);border-color:#666;color:#999;box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 2px 4px rgba(0,0,0,.1);transform:none;cursor:not-allowed}.steampunk-button:disabled:before{display:none}.damage-number{text-shadow:0 0 5px #000,0 0 10px rgba(255,51,51,.8),0 0 15px rgba(255,51,51,.6)}.damage-number,.heal-number{font-family:Cinzel,serif;font-weight:700;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.heal-number{text-shadow:0 0 5px #000,0 0 10px rgba(51,255,51,.8),0 0 15px rgba(51,255,51,.6)}.cell-coords{font-family:Courier New,monospace;font-size:8px;color:hsla(0,0%,100%,.4);text-shadow:0 1px 2px rgba(0,0,0,.8);background:rgba(0,0,0,.3);padding:1px 2px;border-radius:2px}.unit-moved:after{content:"⚙️";filter:drop-shadow(0 0 3px rgba(75,198,255,.8));animation:rotate 2s linear infinite}.unit-moved:after,.unit-used:after{position:absolute;top:2px;right:2px;font-size:12px}.unit-used:after{content:"🔧";filter:drop-shadow(0 0 3px rgba(150,150,150,.8)) grayscale(100%)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.battlefield-grid{grid-template-rows:repeat(8,50px);grid-template-columns:repeat(8,50px)}.battle-cell{font-size:12px}.cell-coords{font-size:6px}}@media (max-width:480px){.battlefield-grid{grid-template-rows:repeat(8,40px);grid-template-columns:repeat(8,40px)}.battle-cell{font-size:10px}.action-panel{padding:12px}}.cell-coordinates,.cell-coords,.visual-coord{display:none!important}.unit.player{border:4px solid #00d4aa;box-shadow:0 0 15px rgba(0,212,170,.6),inset 0 0 10px rgba(0,212,170,.2);background:linear-gradient(135deg,rgba(0,212,170,.1),rgba(0,150,120,.1))}.unit.player:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00d4aa,#00b894);border-radius:8px;z-index:-1;animation:playerGlow 2s ease-in-out infinite alternate}.unit.opponent{border:4px solid #ff6b6b;box-shadow:0 0 15px hsla(0,100%,71%,.6),inset 0 0 10px hsla(0,100%,71%,.2);background:linear-gradient(135deg,hsla(0,100%,71%,.1),rgba(220,50,50,.1))}.unit.opponent:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ff6b6b,#e55656);border-radius:8px;z-index:-1;animation:opponentGlow 2s ease-in-out infinite alternate}@keyframes playerGlow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.02)}}@keyframes opponentGlow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.02)}}.unit.player .unit-icon{border:2px solid #00d4aa;box-shadow:0 0 8px rgba(0,212,170,.4)}.unit.opponent .unit-icon{border:2px solid #ff6b6b;box-shadow:0 0 8px hsla(0,100%,71%,.4)}.unit.player .unit-health{background:linear-gradient(90deg,#00b894,#00d4aa)}.unit.player .unit-health.medium{background:linear-gradient(90deg,#fdcb6e,#f39c12)}.unit.player .unit-health.low{background:linear-gradient(90deg,#e17055,#d63031)}.unit.opponent .unit-health{background:linear-gradient(90deg,#e55656,#ff6b6b)}.unit.opponent .unit-health.medium{background:linear-gradient(90deg,#fdcb6e,#f39c12)}.unit.opponent .unit-health.low{background:linear-gradient(90deg,#a29bfe,#6c5ce7)}