@charset "UTF-8";
@font-face{font-family:"MedievalSharp";src:url(../../fonts/MedievalSharp.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}body,html{box-sizing:border-box;margin:0;padding:0;height:100%;overflow:hidden}*,::after,::before{box-sizing:inherit}.game-container,.game-container .characters,body{display:flex;justify-content:center}body{background:radial-gradient(ellipse at center,#1c1c2d,#0c0c15);font-family:"MedievalSharp",sans-serif;color:#fff;align-items:center}p{font-size:clamp(.75rem,1.2vw,1.2rem);margin:0}h1{text-align:center;color:#f4e3b2;margin-bottom:2rem;font-size:clamp(2rem,2vw,3rem)}a,button{font-weight:700}a{text-decoration:none;color:#f9f9f9;position:absolute;height:20px;width:20px;top:20px;left:20px;font-size:clamp(1rem,2vw,1.5rem);transition:color .3s ease;z-index:1}a:hover{color:#45a049}@media (min-width:768px){a{top:20px;left:50px;height:30px;width:30px}}button{padding:.8rem;background:linear-gradient(135deg,#fde1b4,#e2c290);color:#1f1f2e;font-family:"MedievalSharp",sans-serif;border:0;border-radius:10px;cursor:pointer;transition:background .3s}button:hover{background:#d1aa5c}.game-container{background:#292942;border:4px solid #e2c290;border-radius:20px;padding:1.5rem 2rem;width:100vw;height:calc(var(--vh, 1vh)*100);flex-direction:column;align-items:center;position:relative;gap:clamp(.75rem,1.2vw,1.2rem)}@media (min-width:768px){.game-container{max-width:650px;height:auto;padding:3rem;box-shadow:0 0 30px #000}}@media (min-width:1024px){.game-container{max-width:900px;padding:4rem}}.game-container .characters{gap:0;margin-bottom:2rem;width:90%}.game-container .characters .character{background:#3a3a5e;padding:1rem;border-radius:15px;text-align:center;width:40%}@media (min-width:768px){.game-container .characters .character{width:48%}}.game-container .characters .character img{width:50px;height:auto;margin-bottom:.5rem}@media (min-width:768px){.game-container .characters .character img{width:100px}}.game-container .health-bar{background:#444;height:10px;border-radius:10px;overflow:hidden;margin-top:10px;margin-bottom:.5rem}@media (min-width:768px){.game-container .health-bar{height:15px}}@media (min-width:1024px){.game-container .health-bar{height:20px}}.game-container .bar{height:100%;background:linear-gradient(to right,#8aff8a,#4caf50);width:100%;transition:width .3s ease-in-out}.game-container .actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.5rem}.game-container .log{background:#111120;border-radius:10px;padding:1rem;height:6rem;width:100%;overflow-y:auto;font-size:clamp(.75rem,1.2vw,1.2rem)}@media (min-width:768px){.game-container .log{height:140px}}.game-container .sprite{width:48px;height:54px;background-repeat:no-repeat;background-size:144px 256px}@media (min-width:768px){.game-container .sprite{width:96px;height:128px;background-repeat:no-repeat;background-size:288px 512px}}.game-container .sprite.player-sprite{background-image:url(../img/Male\ 14-3.webp)}.game-container .sprite.monster-sprite{background-image:url(../img/Enemy\ 21.webp)}