@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";body{margin:0;overflow:hidden;font-family:"Press Start 2P",cursive;image-rendering:pixelated}#ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}#score{color:#fff;font-size:16px;font-weight:700;padding:20px;text-shadow:3px 3px 0px rgba(0,0,0,.8);line-height:1.8;width:100%;align-self:flex-start;position:relative}#score .level-info{position:absolute;left:20px;top:20px}#score .stars-info{position:absolute;left:50%;top:20px;transform:translate(-50%);text-align:center}#score .message{position:absolute;left:50%;top:56px;transform:translate(-50%);text-align:center;width:100%}.hidden{display:none!important}#game-over,#win{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;background:#000000e6;padding:40px;border-radius:0;border:4px solid #ffcc00;pointer-events:auto;box-shadow:8px 8px #00000080}h1{margin:0 0 20px;font-size:24px;color:#fc0;text-shadow:4px 4px 0px rgba(0,0,0,.8);letter-spacing:2px}h2{margin:0 0 15px;font-size:18px;color:#fc0;text-shadow:3px 3px 0px rgba(0,0,0,.8);letter-spacing:2px}p{font-size:10px;line-height:1.8}#leaderboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;background:#000000f2;padding:30px 40px;border-radius:0;pointer-events:auto;min-width:320px;border:4px solid #ffcc00;box-shadow:8px 8px #00000080}#leaderboard-list{list-style:none;padding:0;margin:0 0 20px;text-align:left}#leaderboard-list li{padding:8px 12px;margin:4px 0;background:#ffffff1a;border-radius:0;border:2px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;font-size:10px}#leaderboard-list li .rank{color:#fc0;font-weight:700;margin-right:10px}#leaderboard-list li .name{flex:1}#leaderboard-list li .score{color:#0f0;font-weight:700}#name-input-container{margin:20px 0;padding:15px;background:#fc03;border-radius:0;border:2px solid #ffcc00}#name-input-container p{margin:0 0 10px;color:#fc0;font-size:8px}#player-name{padding:10px 12px;font-size:12px;font-family:"Press Start 2P",cursive;border:3px solid #ffcc00;border-radius:0;background:#000c;color:#fff;margin-right:10px;width:140px}#player-name:focus{outline:none;border-color:#0f0;box-shadow:0 0 0 2px #00ff004d}#submit-name,#close-leaderboard{padding:12px 20px;font-size:10px;font-family:"Press Start 2P",cursive;border:3px solid;border-radius:0;cursor:pointer;font-weight:700;transition:transform .1s,background .2s;box-shadow:4px 4px #00000080}#submit-name{background:#fc0;color:#000;border-color:#c90}#submit-name:hover{background:#fd4;transform:translate(-2px,-2px);box-shadow:6px 6px #00000080}#submit-name:active{transform:translate(2px,2px);box-shadow:2px 2px #00000080}#close-leaderboard{background:#444;color:#fff;border-color:#222;margin-top:10px}#close-leaderboard:hover{background:#666;transform:translate(-2px,-2px);box-shadow:6px 6px #00000080}#close-leaderboard:active{transform:translate(2px,2px);box-shadow:2px 2px #00000080}#show-leaderboard{position:absolute;top:20px;right:20px;font-size:24px;background:#000c;border:4px solid #ffcc00;border-radius:0;padding:12px 16px;cursor:pointer;pointer-events:auto;transition:transform .1s,background .2s;box-shadow:4px 4px #00000080}#show-leaderboard:hover{background:#000;transform:translate(-2px,-2px);box-shadow:6px 6px #00000080}#show-leaderboard:active{transform:translate(2px,2px);box-shadow:2px 2px #00000080}