#root{width:100%;height:100%}.hud{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;left:20px}.score,.lives{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050816d9;border:1px solid #334155;border-radius:12px;padding:12px 18px;font-size:20px;font-weight:700}.game-over{z-index:200;text-align:center;color:#fff;background:#050816f2;border:2px solid #f24;border-radius:20px;width:320px;padding:35px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #f246}.game-over h1{margin-top:0;font-size:38px}.game-over p{font-size:20px}.game-over button{color:#fff;cursor:pointer;background:#0af;border:none;border-radius:10px;padding:12px 24px;font-size:17px;font-weight:700}.game-over button:hover{transform:scale(1.05)}.score,.lives,.level{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050816d9;border:1px solid #334155;border-radius:12px;padding:12px 18px;font-size:20px;font-weight:700}.win-screen{text-align:center}.win-screen h1{margin-bottom:20px;font-size:56px}.win-screen p{margin:10px 0;font-size:22px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{overflow:hidden}canvas{display:block}