*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#ffe9c9;height:100%;font-family:Avenir Next,Trebuchet MS,system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{top:calc(18px + env(safe-area-inset-top,0px));left:calc(22px + env(safe-area-inset-left,0px));color:#3a2f28;-webkit-user-select:none;user-select:none;pointer-events:none;position:fixed}#hud .label{letter-spacing:3px;opacity:.6;font-size:11px;font-weight:700}#score{color:#f25c54;text-shadow:0 3px #3a2f2826;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800}#sub{align-items:center;gap:14px;font-size:15px;font-weight:700;display:flex}#sub .coin-dot{background:#ffc94a;border:2px solid #e0a52e;border-radius:50%;width:13px;height:13px;display:inline-block}#badges{top:calc(18px + env(safe-area-inset-top,0px));right:calc(22px + env(safe-area-inset-right,0px));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}.badge{letter-spacing:1px;color:#fff;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:800;box-shadow:0 3px #3a2f282e}#mult{background:#3d8b8d}#magnet{background:#f25c54}[hidden]{display:none!important}#panel{color:#ffe9c9;text-align:center;background:#3a2f28eb;border-radius:22px;min-width:340px;padding:34px 46px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 40px #3a2f2859}#panel-title{letter-spacing:2px;color:#ffc94a;margin-bottom:14px;font-size:34px;font-weight:800}#panel .final{color:#ffc94a;margin:6px 0;font-size:54px;font-weight:800}#panel .keys{flex-direction:column;gap:7px;margin-bottom:12px;font-size:15px;display:flex}#panel .hint{opacity:.85;margin:8px 0;font-size:14px}#panel .go{margin-top:12px;font-size:16px;font-weight:700}#panel .best-line{opacity:.7;margin-top:8px;font-size:14px}kbd{color:#3a2f28;background:#ffe9c9;border-radius:5px;margin:0 2px;padding:2px 7px;font-family:inherit;font-size:12px;font-weight:800}#flash{opacity:0;pointer-events:none;background:#f25c54;position:fixed;inset:0}#flash.on{animation:.45s ease-out flash}@keyframes flash{0%{opacity:.55}to{opacity:0}}#fps{bottom:calc(12px + env(safe-area-inset-bottom,0px));left:calc(14px + env(safe-area-inset-left,0px));color:#3a2f28;opacity:.55;-webkit-user-select:none;user-select:none;pointer-events:none;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;position:fixed}#shield{background:#4ecdc4}#jet{background:#50597a}#popups{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:56%;left:50%}.popup{white-space:nowrap;color:#fff;text-shadow:0 2px #3a2f2859;font-size:22px;font-weight:800;animation:.9s ease-out forwards floatUp;position:absolute;transform:translate(-50%)}.popup.gold{color:#ffc94a}.popup.teal{color:#4ecdc4}@keyframes floatUp{0%{opacity:0;margin-top:0}15%{opacity:1}to{opacity:0;margin-top:-90px}}@media (width<=600px){#hud{top:calc(12px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px))}#badges{top:calc(12px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px))}#score{font-size:32px}.badge{padding:5px 11px;font-size:12px}#panel{width:min(90vw,340px);min-width:0;padding:24px 22px}#panel-title{font-size:26px}#panel .final{font-size:42px}.popup{font-size:18px}}