@layer components{.hk-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#4d7d39;padding:0;overflow:hidden}.hk-stage:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0c140e9e,#0c140e00);height:96px;position:absolute;inset:0 0 auto}.hk-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hk-left{color:#fffc;text-shadow:0 1px 2px #00000080;font-size:14px;font-weight:600}.hk-left b{color:#fff;font-size:20px;font-weight:750}.hk-left.is-low b{color:#ffb199}.hk-cars{z-index:2;pointer-events:none;position:absolute;inset:0}.hk-car{opacity:0;background:0 0;border-radius:12px;position:absolute;translate:-50% -50%}.hk-car:focus-visible{outline:none}.hk-locked{z-index:4;color:#1a1205;white-space:nowrap;animation:pop .32s var(--ease-pop) both;background:#ffc83a;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:650;position:absolute;top:66px;left:50%;translate:-50%;box-shadow:0 6px 18px -6px #00000080}.hk-pop{z-index:4;color:#15151a;pointer-events:none;animation:hk-pop .7s var(--ease-pop) both;background:#fff;border-radius:999px;padding:4px 11px 5px;font-size:17px;font-weight:800;position:absolute;translate:-50% -130%;box-shadow:0 4px 12px -4px #00000073}.hk-pop.is-soft{background:#ffe8a8;font-size:14px}@keyframes hk-pop{0%{opacity:0;scale:.4}18%{opacity:1;scale:1.12}30%{scale:1}80%{opacity:1;translate:-50% -150%}to{opacity:0;translate:-50% -190%}}.hk-clear{z-index:4;text-align:center;letter-spacing:-.04em;color:#ccff3d;-webkit-text-stroke:7px #15151a;paint-order:stroke fill;pointer-events:none;animation:hk-clear .9s var(--ease-pop) both;font-size:clamp(40px,11vw,76px);font-weight:850;position:absolute;top:42%;left:0;right:0}@keyframes hk-clear{0%{opacity:0;scale:.3}40%{opacity:1;scale:1.15}60%{scale:1}}@media (prefers-reduced-motion:reduce){.hk-pop,.hk-clear,.hk-locked{animation:none}}}