.battleScreen{background:#182219;image-rendering:pixelated}.battleArena{width:min(94%,900px);height:min(88%,590px);background:#f3efd8;border:7px solid #263126;box-shadow:inset 0 0 0 5px #9eae8d,12px 12px 0 #0e140faa;display:grid;grid-template-rows:1fr 165px}.battleSky{position:relative;overflow:hidden;background:linear-gradient(#cbe2cf 0 54%,#a7c87b 55% 76%,#739c57 77%);border-bottom:6px solid #263126}.battleSky:before,.battleSky:after{content:"";position:absolute;width:240px;height:55px;border-radius:50%;background:#8fb56b;box-shadow:0 8px 0 #5e844c}.battleSky:before{right:70px;top:205px}.battleSky:after{left:60px;bottom:22px}.fighterPanel{position:absolute;width:340px;background:#f4f0d8;border:5px solid #2d382e;box-shadow:inset 0 0 0 3px #b1bea2,5px 5px 0 #26312666;padding:12px;z-index:4}.fighterPanel>div:first-child{display:flex;justify-content:space-between}.fighterPanel strong{font-size:16px}.fighterPanel small{font-size:9px}.fighterPanel>span{display:block;text-align:right;font-size:9px;margin-top:4px}.enemyPanel{left:30px;top:30px}.playerPanel{right:30px;bottom:24px}.hpTrack{height:15px;background:#3b463b;border:3px solid #202920;margin-top:9px;padding:2px}.hpTrack i{display:block;height:100%;width:100%;background:#63b95d;transition:.35s}.battleSprite{position:absolute;z-index:3;font-size:95px;filter:drop-shadow(8px 8px 0 #26312655);animation:battleBob 1s steps(2) infinite}.enemySprite{right:115px;top:105px}.playerSprite{left:115px;bottom:18px;transform:scaleX(-1)}.battleBottom{display:grid;grid-template-columns:1fr 1.25fr;background:#f2efd9}.battleLog{padding:23px;border-right:5px solid #2d382e;font-size:14px;line-height:1.5;font-weight:900}.battleActions{padding:11px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.battleActions button{background:#dce7c4;border:4px solid #3b493a;color:#253025;font-weight:900;font-size:11px;text-align:left;padding:10px}.battleActions button:hover{background:#b8d286}.battleActions button.itemAction{background:#e7d7a7}.battleActions button.escapeAction{background:#dfbbb2}@keyframes battleBob{50%{transform:translateY(-5px)}}
@media(max-width:800px){.battleArena{height:90%;grid-template-rows:1fr 190px}.fighterPanel{width:260px;padding:8px}.battleSprite{font-size:70px}.battleBottom{grid-template-columns:1fr}.battleLog{padding:9px;border-right:0;border-bottom:4px solid #2d382e}.battleActions{padding:6px}}
.bossBattle .battleSky{background:linear-gradient(#4b355d 0 54%,#78465a 55% 76%,#352a40 77%);animation:bossFlash 1.2s steps(2) infinite}.bossBattle .fighterPanel{border-color:#592e4d}.bossBattle .enemySprite{filter:drop-shadow(0 0 14px #ff6f9b) drop-shadow(8px 8px 0 #1c1020)}.bossBattle .battleActions button{background:#e6c3cf}@keyframes bossFlash{50%{filter:brightness(1.13) saturate(1.2)}}