@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-image:url(./../welcome-screen/background.png);background-size:cover;background-position:center;background-repeat:no-repeat}.display{width:100%;height:100%;display:absolute;margin:0;padding:0;overflow:hidden}.ui-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ui-screen-text{z-index:200;font-size:clamp(1rem,2vw,2.5rem);color:#fff;font-family:"Press Start 2P",monospace;text-align:center;-webkit-user-select:none;user-select:none}#welcome-screen{background-image:url(./../welcome-screen/title.png);background-size:contain;background-position:center;background-repeat:no-repeat}.right-arrow{display:inline-block;transform:rotate(90deg)}.left-arrow{display:inline-block;transform:rotate(-90deg)}.ui-key{border:1px solid white;border-radius:12px;padding:10px;-webkit-user-select:none;user-select:none}.hud-element{-webkit-user-select:none;user-select:none}.hud-hidden{display:none}.hud-visible{display:flex}#hud-stats{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:flex-start;z-index:10;padding:12px}#score{margin-bottom:12px}#health-bar{display:flex;flex-direction:row;justify-content:space-between}#health-bar .hud-element{flex:1;justify-content:start;margin-right:3px}.score-text{font-size:clamp(1.5rem,2vw,4.5rem);color:#fff;font-family:"Press Start 2P",monospace;-webkit-user-select:none;user-select:none}#high-score-container{position:absolute;left:0;bottom:60px;width:100%;display:flex;justify-content:center;z-index:100}#retry-container{position:absolute;top:0;right:0;flex-direction:column;align-items:flex-start;z-index:300;padding:12px}#retry-bar{display:flex;flex-direction:row;justify-content:space-between}#retry-bar .touch-button{flex:1;justify-content:start;margin-right:3px}.hud-element-centered{top:50%;left:50%;transform:translate(-50%,-50%)}.pixelated-text{width:80%;height:40%;object-fit:contain}.pixelated-heart{width:clamp(30px,6vw,80px);height:clamp(30px,6vw,80px);image-rendering:pixelated;image-rendering:crisp-edges}#touch-ui{justify-content:space-between;align-items:center;width:100vw;position:absolute;bottom:20px;z-index:150;padding-left:10px;padding-right:10px;box-sizing:border-box}.touch-button-group{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.touch-button{-webkit-user-select:none;user-select:none;margin-left:10px;margin-right:10px}.pixelated-button{width:clamp(50px,8vw,100px);height:clamp(50px,8vw,100px)}.pixelated-image{image-rendering:pixelated;image-rendering:crisp-edges}