body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background-color:#333;color:#fff;font-family:'Press Start 2P',cursive;text-align:center;flex-direction:column}h1{margin-bottom:1rem;color:#4dff4d;text-shadow:2px 2px #000}p{margin-bottom:1rem;font-size:.8rem}#game-container{position:relative;width:800px;max-width:90vw;height:500px;background:#87ceeb;border:4px solid #fff;border-radius:10px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.5)}#player{position:absolute;width:30px;height:30px;background-color:#ff4757;border:2px solid #000;display:none;transition:background-color .2s,border-rafdius .2s,transform .2s,clip-path .2s}#player-hat{position:absolute;width:40px;height:25px;top:-15px;left:50%;transform:translateX(-50%);z-index:1}.shape-square{border-radius:4px;transform:rotate(0);clip-path:none}.shape-circle{border-radius:50%;transform:rotate(0);clip-path:none}#player.dead{background-color:#000}#player.grow{animation:grow-in .3s ease-out forwards}@keyframes grow-in{from{transform:scale(.1);opacity:0}to{transform:scale(1);opacity:1}}.block{position:absolute;background-color:#2ed573;border:2px solid #000;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:.8rem;color:#000;transition:opacity .3s ease-out}.block.hidden{opacity:0;pointer-events:none}#start-block{background-color:green}#ground{width:100%;height:30px;bottom:0;left:0;border:none;background-color:transparent;background-image:linear-gradient(45deg,#6c757d 25%,transparent 25%),linear-gradient(-45deg,#6c757d 25%,transparent 25%);background-size:30px 30px;z-index:5}#message-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.75);color:#fff;padding:40px;border-radius:10px;font-size:1.5rem;display:none;z-index:10;text-align:center}#welcome-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;text-align:center;background-color:rgba(0,0,0,.75);padding:40px;border-radius:10px}.difficulty-options{margin:20px 0;display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:.9rem}.difficulty-options label{cursor:pointer}#start-button{font-family:'Press Start 2P',cursive;font-size:1.2rem;padding:15px 30px;background-color:#4dff4d;color:#000;border:3px solid #000;border-radius:8px;cursor:pointer;box-shadow:4px 4px 0 #000;transition:all .1s ease-in-out}#start-button:hover{background-color:#fff}#start-button:active{box-shadow:none;transform:translate(4px,4px)}#play-again-button{font-family:'Press Start 2P',cursive;font-size:1rem;padding:10px 20px;background-color:#4dff4d;color:#000;border:3px solid #000;border-radius:8px;cursor:pointer;box-shadow:4px 4px 0 #000;transition:all .1s ease-in-out;margin-top:20px}#play-again-button:hover{background-color:#fff}#play-again-button:active{box-shadow:none;transform:translate(4px,4px)}#info-panel{position:absolute;top:0;left:0;width:100%;padding:10px;box-sizing:border-box;z-index:15;display:flex;flex-direction:column;gap:10px}#top-row{display:flex;justify-content:space-between;align-items:center}#lives-container{display:flex;gap:5px}#problem-container{text-align:center;font-size:1.5rem;padding-top:30px;text-shadow:2px 2px #000}#new-score-container{font-size:1.2rem;text-shadow:2px 2px #000}.life{width:20px;height:20px;background-color:#ff4757;border:2px solid #000;border-radius:4px}#controls-container{display:none;justify-content:center;gap:10px;margin-top:15px;flex-wrap:wrap}.control-btn{font-family:'Press Start 2P',cursive;font-size:1.5rem;width:60px;height:60px;background-color:#4dff4d;color:#000;border:3px solid #000;border-radius:8px;cursor:pointer;box-shadow:4px 4px 0 #000;transition:all .1s ease-in-out;display:flex;justify-content:center;align-items:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.control-btn:hover{background-color:#fff}.control-btn:active{box-shadow:none;transform:translate(4px,4px)}