@import "https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Nunito:wght@700;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;background:#1a1024;width:100%;height:100%;font-family:Nunito,system-ui,sans-serif;overflow:hidden}canvas{display:block}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}.label{letter-spacing:2px;opacity:.7;font-size:11px;display:block}#objective{color:#fff;text-shadow:2px 2px #00000080;background:#140a1eb3;border:3px solid #ffd84d;border-radius:14px;max-width:46vw;padding:10px 16px;position:absolute;top:18px;left:18px}#objective-text{letter-spacing:.5px;color:#ffd84d;font-family:Luckiest Guy,cursive;font-size:22px}#stats{text-align:right;color:#fff;position:absolute;top:18px;right:18px}#timer{text-shadow:3px 3px #00000080;font-family:Luckiest Guy,cursive;font-size:30px}.meter{width:180px;margin-top:6px}.meter-bar{background:#00000080;border:3px solid #fff;border-radius:10px;height:16px;overflow:hidden}#fuss-fill{background:linear-gradient(90deg,#6ee7ff,#ffd84d 55%,#ff4d6d);width:0%;height:100%;transition:width .12s linear}#popup{color:#fff;-webkit-text-stroke:5px #16091f;paint-order:stroke fill;text-align:center;opacity:0;white-space:nowrap;font-family:Luckiest Guy,cursive;font-size:68px;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)}#popup.show{animation:1.1s ease-out forwards pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-12deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.25)rotate(6deg)}32%{transform:translate(-50%,-50%)scale(1)rotate(-3deg)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(2deg)}to{opacity:0;transform:translate(-50%,-55%)scale(.9)rotate(0)}}#state-banner{color:#ff4d6d;-webkit-text-stroke:3px #16091f;paint-order:stroke fill;opacity:0;font-family:Luckiest Guy,cursive;font-size:26px;transition:opacity .15s;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}#state-banner.show{opacity:1;animation:.28s infinite shake}@keyframes shake{0%,to{transform:translate(-50%)rotate(-2deg)}50%{transform:translate(-50%)rotate(2deg)}}#start-screen,#win-screen{z-index:20;color:#fff;text-align:center;background:radial-gradient(circle at 50% 40%,#3a1d4d,#150a1f 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}#start-screen h1,#win-screen h1{color:#ffd84d;-webkit-text-stroke:6px #16091f;paint-order:stroke fill;font-family:Luckiest Guy,cursive;font-size:clamp(44px,9vw,104px);line-height:1;transform:rotate(-3deg)}.tag{opacity:.85;font-size:18px;font-style:italic}.controls{opacity:.9;margin-top:8px;line-height:1.9;list-style:none}.controls b{color:#6ee7ff}.warn{color:#ff8fa3;letter-spacing:1px;margin-top:4px;font-size:13px}button{letter-spacing:2px;color:#16091f;cursor:pointer;background:#ffd84d;border:5px solid #16091f;border-radius:999px;margin-top:18px;padding:12px 44px;font-family:Luckiest Guy,cursive;font-size:30px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 8px #16091f}button:hover{transform:translateY(-2px);box-shadow:0 10px #16091f}button:active{transform:translateY(6px);box-shadow:0 2px #16091f}#win-stats{font-size:20px;line-height:1.7}.hidden{display:none!important}