html,body,#root{background:#0e1320;height:100%;margin:0;overflow:hidden}body{color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}canvas{touch-action:none}.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.press{transition:transform 80ms}.press:active,.press.held{transform:scale(.9)}.pop{animation:.35s pop}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.fade-in{pointer-events:none;z-index:20;background:#0e1320;animation:.7s forwards fadeOut;position:absolute;inset:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.win-in{animation:.45s cubic-bezier(.2,1.4,.4,1) winIn}@keyframes winIn{0%{opacity:0;transform:translateY(30px)scale(.8)}to{opacity:1;transform:none}}.star{filter:grayscale()opacity(.35);margin:0 4px;font-size:38px;display:inline-block}.star.on{filter:none;animation:.5s cubic-bezier(.2,1.6,.4,1) both starIn}@keyframes starIn{0%{transform:scale(0)rotate(-90deg)}to{transform:none}}.level-title{text-align:center;pointer-events:none;z-index:5;text-shadow:0 3px 12px #0009;font-size:34px;font-weight:900;animation:2.6s forwards titleFade;position:absolute;top:28%;left:0;right:0}.level-title small{opacity:.85;margin-top:4px;font-size:16px;font-weight:600;display:block}@keyframes titleFade{0%{opacity:0;transform:translateY(10px)}15%,75%{opacity:1;transform:none}to{opacity:0}}@media (height<=500px){.hud-help{display:none}}