body{margin:0;padding:0;overflow:hidden;background-color:#faf8ef;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;touch-action:none}#app{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#333;background-color:#faf8ef}#game-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}canvas{box-shadow:0 0 20px #0000001a}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#score{position:absolute;top:20px;right:20px;font-size:2rem;font-weight:700;color:#f9f6f2;background:#bbada0;padding:10px 25px;border-radius:6px;min-width:50px;text-align:center}#notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:700;color:#f9f6f2;text-shadow:0 2px 10px rgba(0,0,0,.3);pointer-events:none;text-align:center;z-index:20;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}60%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.fade-out{animation:fadeOut .5s ease-in forwards!important}@keyframes fadeOut{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}#game-over{position:absolute;top:0;bottom:0;left:0;right:0;background:#eee4daba;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hidden{display:none!important}#game-over h1{font-size:60px;font-weight:700;color:#776e65;margin-bottom:20px}#restart-btn{background:#8f7a66;border-radius:3px;color:#f9f6f2;font-weight:700;height:50px;line-height:50px;padding:0 20px;text-decoration:none;border:none;cursor:pointer;font-size:18px;transition:background .2s}#restart-btn:hover{background:#9f8a76}