@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-Variable.woff2)format("woff2");font-weight:300 700;font-display:swap}:root,.hud,.tq{--hud-white:#fff;--hud-orange:#ff8a3d;--hud-yellow:#ffd23f;--hud-green:#4cd964;--hud-red:#ff4d5e;--hud-ink:#2e2e2e;--hud-pad:14px}.hud{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--hud-white);padding:max(var(--hud-pad), env(safe-area-inset-top)) max(var(--hud-pad), env(safe-area-inset-right)) max(var(--hud-pad), env(safe-area-inset-bottom)) max(var(--hud-pad), env(safe-area-inset-left));box-sizing:border-box;font-family:Fredoka,"Baloo 2",system-ui,sans-serif;font-weight:600;transition:opacity .25s;position:absolute;inset:0}.hud.hidden{opacity:0;visibility:hidden}.hud *{pointer-events:none;box-sizing:border-box}.hud .outlined{-webkit-text-stroke:8px var(--hud-white);paint-order:stroke fill;stroke-linejoin:round;filter:drop-shadow(0 3px #00000040)}.hud-top{left:max(var(--hud-pad), env(safe-area-inset-left));right:max(var(--hud-pad), env(safe-area-inset-right));top:max(var(--hud-pad), env(safe-area-inset-top));grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid;position:absolute}.hud-left{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.hud-right{justify-content:flex-end;display:flex}.hud-hearts{gap:6px;display:flex}.heart{width:44px;height:40px;display:block;position:relative}.heart svg{width:100%;height:100%;display:block;overflow:visible}.heart .h-empty{opacity:.55;position:absolute;inset:0}.heart .half{opacity:0;position:absolute;inset:0}.heart .half.l{clip-path:inset(-20% 50% -20% -20%)}.heart .half.r{clip-path:inset(-20% -20% -20% 50%)}.heart.full .half{opacity:1}.heart.full .h-empty{opacity:0}.hud-coins{transform-origin:0;align-items:center;gap:8px;font-size:32px;line-height:1;display:inline-flex}.hud-coins .coin-ico{flex:none;width:40px;height:40px}.hud-coins .num{min-width:1.2em;color:var(--hud-ink);font-weight:700}.hud-center{text-align:center;flex-direction:column;align-items:center;display:flex}.hud-score{color:var(--hud-orange);font-variant-numeric:tabular-nums;transform-origin:bottom;font-size:clamp(44px,8vmin,84px);font-weight:700;line-height:1}.hud-timer{opacity:.85;color:var(--hud-ink);font-variant-numeric:tabular-nums;-webkit-text-stroke:6px var(--hud-white);paint-order:stroke fill;margin-top:6px;font-size:28px;line-height:1}.hud-combo{color:var(--hud-yellow);transform-origin:100% 0;opacity:0;padding:4px 6px;font-size:clamp(36px,6vmin,64px);font-weight:700;line-height:1;transition:opacity .15s,transform .25s cubic-bezier(.34,1.56,.64,1);transform:scale(.4)}.hud-combo.on{opacity:1;animation:.9s ease-in-out .3s infinite combo-pulse;transform:scale(1)}@keyframes combo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.hud-gestures{left:50%;bottom:max(var(--hud-pad), env(safe-area-inset-bottom));gap:14px;display:flex;position:absolute;transform:translate(-50%)}.g-icon{border:5px solid var(--hud-white);width:84px;height:84px;color:var(--hud-white);opacity:.8;background:#2e2e2e73;border-radius:28px;place-items:center;transition:background .15s,opacity .15s;display:grid;position:relative;box-shadow:0 6px #00000040}.g-icon svg{width:62%;height:62%;overflow:visible}.g-icon.active{background:var(--hud-orange);opacity:1;animation:.26s cubic-bezier(.34,1.56,.64,1) g-flash}.g-icon.success{background:var(--hud-green);opacity:1;animation:.42s cubic-bezier(.34,1.56,.64,1) g-success}.g-icon.pulse{background:var(--hud-orange);opacity:1;animation:.6s ease-in-out infinite g-pulse}@keyframes g-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.g-icon.soft{background:#ff8a3db3}@keyframes g-flash{0%{transform:scale(.85)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes g-success{0%{transform:scale(1.2);box-shadow:0 0 #4cd964e6,0 6px #00000040}to{transform:scale(1);box-shadow:0 0 0 22px #4cd96400,0 6px #00000040}}.hud-hint{opacity:0;text-align:center;max-width:90%;color:var(--hud-ink);background:var(--hud-yellow);border:6px solid var(--hud-white);border-radius:32px;padding:10px 28px;font-size:clamp(36px,7vmin,64px);font-weight:700;line-height:1.1;transition:opacity .2s,transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:30%;left:50%;transform:translate(-50%,20px)scale(.8);box-shadow:0 8px #00000040}.hud-hint.on{opacity:1;transform:translate(-50%)scale(1)}.coin-fly{z-index:20;pointer-events:none;will-change:transform;width:40px;height:40px;position:fixed;top:0;left:0}.coin-fly svg{width:100%;height:100%;display:block}.tq{left:calc(max(var(--hud-pad), env(safe-area-inset-left)) + 180px);bottom:max(var(--hud-pad), env(safe-area-inset-bottom));align-items:center;gap:10px;display:flex;position:absolute}.tq-dot{background:var(--hud-green,#4cd964);border:4px solid #fff;border-radius:50%;flex:none;width:28px;height:28px;transition:background .3s;box-shadow:0 3px #00000040}.tq-dot.green{background:#4cd964}.tq-dot.yellow{background:#ffd23f}.tq-dot.red{background:#ff4d5e}.tq-tip{color:#2e2e2e;opacity:0;background:#ffd23f;border:4px solid #fff;border-radius:24px;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 220px);padding:4px 16px 4px 10px;font-size:28px;font-weight:600;line-height:1.1;transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:98px;left:0;transform:translate(-12px)scale(.9);box-shadow:0 5px #00000040}.tq-tip.on{opacity:1;transform:none}.tq-tip svg{flex:none;width:32px;height:32px}@media (max-width:640px),(orientation:portrait) and (max-width:820px){.hud-top{grid-template-columns:auto 1fr auto}.hud-score{font-size:clamp(40px,11vw,60px)}.heart{width:34px;height:31px}.hud-coins{font-size:28px}.hud-coins .coin-ico{width:32px;height:32px}.g-icon{border-width:4px;border-radius:22px;width:64px;height:64px}.hud-gestures{gap:10px}.hud-hint{padding:8px 18px;top:26%}.hud-gestures{bottom:calc(max(var(--hud-pad), env(safe-area-inset-bottom)) + 150px)}.tq{left:max(var(--hud-pad), env(safe-area-inset-left));bottom:calc(max(var(--hud-pad), env(safe-area-inset-bottom)) + 150px + 64px + 14px);right:max(var(--hud-pad), env(safe-area-inset-right))}.tq-tip{max-width:none;position:static;transform:translate(-12px)scale(.9)}.tq-tip.on{transform:none}}@media (prefers-reduced-motion:reduce){.hud-combo.on{animation:none}}
