body,html{background:#8ce6ff;width:100%;height:100%;margin:0;padding:0;font-family:Varela Round,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:absolute;top:0;left:0}#ui-layer{pointer-events:none;z-index:10;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}h1{color:#ffde00;letter-spacing:2px;-webkit-text-stroke:4px #f33;text-shadow:6px 6px #c00,10px 10px 20px #0006;z-index:30;margin-top:25vh;margin-bottom:5px;font-family:Luckiest Guy,cursive;font-size:8rem;transition:all 1.5s cubic-bezier(.68,-.55,.265,1.55)}body.playing h1{-webkit-text-stroke:2px #f33;text-shadow:3px 3px #c00,5px 5px 15px #0006;margin-top:15px;font-size:4rem}#intro-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;box-sizing:border-box;background:#8ce6ff66;justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:25vh;transition:opacity 1s,visibility 1s;display:flex;position:absolute;top:0;left:0}body.playing #intro-bg{opacity:0;visibility:hidden;pointer-events:none}#play-btn{pointer-events:auto;cursor:pointer;color:#fff;text-shadow:3px 3px #0003;background:#fa0;border:6px solid #c60;border-radius:60px;padding:20px 60px;font-family:Luckiest Guy,cursive;font-size:3rem;transition:transform .1s,box-shadow .1s;box-shadow:0 10px #a40,0 20px 20px #0006}#play-btn:hover{transform:translateY(4px)scale(1.05);box-shadow:0 6px #a40,0 15px 20px #0006}#play-btn:active{transform:translateY(10px)scale(.95);box-shadow:0 0 #a40}#game-ui{pointer-events:none;opacity:0;box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding-top:100px;padding-bottom:40px;transition:opacity 1s .5s;display:flex;position:absolute;top:0;left:0}body.playing #game-ui{opacity:1}#status{color:#fff;letter-spacing:1px;text-shadow:2px 2px #0003;background:#07f;border:4px solid #05c;border-radius:40px;padding:10px 24px;font-family:Luckiest Guy,cursive;font-size:2rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 5px #04a,0 10px 10px #0003}#status.win-text{color:#fff;-webkit-text-stroke:1px #050;background:#3c3;border-color:#292;transform:scale(1.1)rotate(2deg);box-shadow:0 5px #171,0 10px 20px #0006}#reset-btn{pointer-events:auto;cursor:pointer;color:#fff;text-shadow:2px 2px #0003;background:#f33;border:4px solid #c00;border-radius:40px;margin-top:auto;padding:15px 40px;font-family:Luckiest Guy,cursive;font-size:1.8rem;transition:transform .1s,box-shadow .1s;box-shadow:0 6px #a00,0 10px 10px #0000004d}#reset-btn:hover{transform:translateY(2px);box-shadow:0 4px #a00,0 8px 10px #0000004d}#reset-btn:active{transform:translateY(6px);box-shadow:0 0 #a00}