@import"https://fonts.googleapis.com/css2?family=Tiny5&display=swap";main.menus{position:relative;height:inherit;width:inherit;background-color:#222228;overflow:hidden}main.menus>section{height:500px;position:absolute;top:100px;display:flex;flex-direction:column;align-items:center;gap:15px}main.menus>section h1{font-size:2.5rem}button.menus{min-height:30px;width:150px;font-size:1.25rem;border-radius:10px;border:none}button.menus:hover{transform:scale(1.05)}button.clear{background-color:#f85555;position:absolute;bottom:20px}div.stats-container{width:50%;height:100%;border:white solid 1px;border-radius:5px;display:flex;flex-direction:column;padding:.5rem}div.bar-container{display:flex;align-items:center;height:15%}div.bar-container h4{width:20%;text-align:left}div.bar-container img{height:100%;width:fit-content}div.bar-bg{position:relative;width:100%;height:15px;background-color:#000;padding:2px}div.hp.fill{display:block;width:100%;height:11px;background-color:red;transition:width .5s ease-in}div.stm.fill{display:block;width:100%;height:11px;background-color:#d5b008;transition:width .5s ease-in}div.bar-bg>p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;margin:0}div.stats{display:flex;flex-flow:column wrap;align-content:start;width:100%;height:70%}div.stat-holder{display:flex;justify-content:flex-start;align-items:center;width:50%;height:33%;gap:5px}div.stats img{width:30px}div.stat-holder>p{display:flex;justify-content:space-between;width:100%}.entity-container{display:flex;flex-direction:column;align-self:flex-start;height:100%}.entity-container img{height:65%;z-index:1}h2{height:15%;font-size:1rem;margin:0!important}div.shadow{transform:translateY(-50%);width:100%;height:10%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,rgba(0,0,0,.4),transparent)}.turn div.shadow{background:radial-gradient(ellipse,#11e03066,transparent)}.turn h2{color:#11e030}.selectedArrow{display:none;position:absolute;top:-1.25rem;width:100%;height:fit-content;animation:selectedArrow 2s ease-in-out infinite}.selected .selectedArrow{display:block}@keyframes selectedArrow{0%{transform:translateY(0)}50%{transform:translateY(-10px)}150%{transform:translateY(0)}}.map-container{position:relative;border:white solid 1px;border-radius:5px;display:flex;flex-direction:column;align-self:flex-start;min-height:100%;width:100%;height:100%;padding:10px}img#map{height:100%;border-radius:5px}h2{font-size:1rem;margin:.25rem 0}div.player-side{position:absolute;height:60%;left:100px;bottom:20px}div.enemies-side{position:absolute;display:flex;height:60%;right:100px;bottom:20px}div.enemies-side>div#enemy1{transform:translateY(-20px) translate(-25%)}div.enemies-side>div#enemy2{transform:translateY(0)translate(0)}div.enemies-side>div#enemy3{transform:translateY(-20px)translate(25%)}div.action-buttons-container{border:white solid 1px;border-radius:5px;display:grid;width:25%;height:100%;grid:50% 50% / 50% 50%;justify-content:space-around;padding:.5rem}.terminal{border:white solid 1px;border-radius:5px;display:flex;flex-direction:column-reverse;height:100%;width:50%;overflow-y:auto;padding:0rem 1rem}.terminal-line{text-align:left;width:100%}.terminal-line>*{display:inline}.terminal-line:before{content:"> "}.options-menu-container{background-color:#ffffffde;display:flex;flex-direction:column;padding:5px;gap:5px}header{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:white solid 1px;border-radius:5px;margin:0;padding:5px}header button.icon-btn{display:contents;height:100%;cursor:pointer;background-color:#3330;border:none}header #gear-icon{height:100%;width:1.5rem;color:#ffffffde}header #music-icon{height:70%;width:auto;color:#ffffffde}div#options{position:absolute;top:90%;right:3%;width:fit-content;height:fit-content;z-index:10}div.h-btn-container{display:flex;align-items:center;position:absolute;height:2rem;right:3%;gap:15px}.rotate{transition:transform .3s ease;transform:rotate(-180deg)}.no-rotate{transition:transform .3s ease;transform:rotate(0)}@keyframes moveStars{0%{background-position:0 0}to{background-position:70px -70px}}*{box-sizing:border-box}main#game{position:absolute;height:inherit;width:inherit;background-color:#222228;background-image:url(/assets/images/star-solid-full.svg);background-size:70px;overflow:hidden;animation:moveStars 7s linear infinite}h1{width:100%;margin:5px}.x-section{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:5px;background-color:#000c}.x-section.top{position:relative;max-height:10%}.x-section.map{max-height:40%}.x-section.statistics{max-height:35%;gap:10px}.x-section.bottom{max-height:15%}.x-section.bottom>div{width:100%}body{height:100vh;display:flex;justify-content:center;align-items:center}#root{width:800px;height:600px;overflow:hidden;margin:10px auto;padding:5px;text-align:center;background-color:#000;box-sizing:content-box}main{display:flex;flex-direction:column;align-items:center;height:100%}:root{font-family:Tiny5,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242429;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:Tiny5!important}a{display:contents;text-decoration:none}*{box-sizing:border-box;padding:0;margin:0}