@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@500;600;700&display=swap";*{box-sizing:border-box}body{color:#244936;background:#f6f3e9;margin:0;font-family:DM Sans,sans-serif}main{max-width:700px;margin:auto;padding:24px}header{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:1px;color:inherit;font-size:19px;font-weight:800;text-decoration:none}button{font:inherit;cursor:pointer}#pause{color:#244936;background:0 0;border:1px solid #ccd2c3;border-radius:50%;width:40px;height:40px;font-weight:700}.heading{text-align:center;margin:30px 0 26px}.heading>span,.eyebrow{letter-spacing:2px;font-size:10px;font-weight:800}h1{margin:12px 0;font-family:Fredoka,sans-serif;font-size:46px;font-weight:600;line-height:1.04}p{color:#687364;font-size:14px;line-height:1.7}.game{border:2px solid #244936;border-radius:24px;overflow:hidden;box-shadow:0 7px #24493618}.stats{background:#fffdf6;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.stats small{letter-spacing:1.5px;font-size:9px;font-weight:800;display:block}.stats strong{margin-top:3px;font:600 30px Fredoka;display:block}#lives{color:#d9795f;margin-top:9px;font:20px DM Sans}.level{text-align:center}.level span{margin-top:8px;font-size:12px;display:block}#field{touch-action:none;background:#b9d490;height:420px;position:relative}canvas{width:100%;height:100%;display:block}#overlay{z-index:2;text-align:center;background:#c4dba4ed;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.badge{margin-bottom:12px;font-size:50px;transform:rotate(-10deg)}h2{margin:12px 0 0;font:600 38px/1.05 Fredoka}#overlay p{color:#3e5c3d;margin:15px 0 20px;font-size:13px}#start{color:#fffdf6;background:#244936;border:0;border-radius:12px;justify-content:space-between;width:235px;padding:15px 20px;font-weight:700;display:flex;box-shadow:0 4px #163322}#overlay>small{letter-spacing:1.5px;margin-top:18px;font-size:8px}.footer{background:#fffdf6;justify-content:space-between;padding:16px 20px;font-size:12px;font-weight:600;display:flex}#best{letter-spacing:1px;align-self:center;font-size:10px}.note{text-align:center;margin:18px;font-size:11px}.hidden{display:none!important}@media (width<=480px){main{padding:16px}.heading{margin:24px 0 20px}h1{font-size:36px}.heading p{font-size:12px}#field{height:min(440px,52dvh);min-height:330px}.stats{padding:14px 18px}.footer{padding:14px;font-size:11px}}