.ht-howto{margin:18px auto;max-width:400px}.ht-scene{position:relative;height:180px;border-radius:14px;background:linear-gradient(180deg,#4aab50,#3d9443);border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(58,80,148,.25);overflow:hidden}.ht-card{position:absolute;width:46px;height:64px;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}.ht-card svg{display:block;width:100%;height:100%}.ht-slot{position:absolute;width:46px;height:64px;border:2px dashed rgba(255,255,255,.6);border-radius:6px}.ht-note{position:absolute;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85);white-space:nowrap}.ht-cursor{position:absolute;width:22px;height:22px;border-radius:50%;border:3px solid #fff;background:rgba(255,255,255,.35);box-shadow:0 2px 6px rgba(0,0,0,.35);z-index:5}.ht-caption{margin-top:10px;font-size:14px;text-align:center;color:inherit}.ht-sol-back{left:48px;top:36px;z-index:2;animation:ht-sol-back 10s infinite}.ht-sol-ace{left:48px;top:36px;animation:ht-sol-ace 10s infinite}.ht-sol-seven{left:48px;top:60px;z-index:3;animation:ht-sol-seven 10s infinite}.ht-sol-eight{left:152px;top:36px}.ht-sol-slot{left:272px;top:36px}.ht-sol-note{left:258px;top:108px}.ht-sol-cursor{animation:ht-sol-cursor 10s infinite}@keyframes ht-sol-cursor{0%{left:30px;top:140px;opacity:0;transform:scale(1)}8%{left:60px;top:81px;opacity:1}12%{transform:scale(.7)}15%{transform:scale(1)}16%{left:60px;top:81px}28%,40%{left:164px;top:81px;opacity:1}48%{left:60px;top:57px}52%{transform:scale(.7)}55%{transform:scale(1)}58%{left:60px;top:57px}72%{left:284px;top:57px;opacity:1}80%,to{left:284px;top:57px;opacity:0}}@keyframes ht-sol-seven{0%,15%{transform:none;opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}16%{filter:drop-shadow(0 0 5px rgba(255,233,122,.95)) drop-shadow(0 3px 3px rgba(20,40,25,.35))}28%{transform:translate(104px)}32%,88%{transform:translate(104px);filter:drop-shadow(0 3px 3px rgba(20,40,25,.35));opacity:1}92%,97%{transform:translate(104px);opacity:0}98%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes ht-sol-back{0%,30%{transform:none;opacity:1}36%{transform:rotateY(88deg);opacity:1}37%,97%{transform:rotateY(88deg);opacity:0}98%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes ht-sol-ace{0%,32%{transform:rotateY(-88deg);opacity:0}38%{transform:none;opacity:1}52%{transform:none;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}54%{filter:drop-shadow(0 0 5px rgba(255,233,122,.95)) drop-shadow(0 3px 3px rgba(20,40,25,.35))}58%{transform:none}72%,88%{transform:translate(224px);opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}92%,99%{transform:translate(224px);opacity:0}to{transform:rotateY(-88deg);opacity:0}}.ht-py .ht-scene{height:170px}.ht-py-king{left:157px;top:24px;animation:ht-py-king 11s infinite}.ht-py-six{left:125px;top:56px;z-index:2;animation:ht-py-six 11s infinite}.ht-py-seven{left:189px;top:56px;z-index:2;animation:ht-py-seven 11s infinite}.ht-py-sum{left:150px;top:142px;animation:ht-py-sum 11s infinite}.ht-py-cursor{animation:ht-py-cursor 11s infinite}@keyframes ht-py-cursor{0%{left:100px;top:150px;opacity:0;transform:scale(1)}8%{left:137px;top:77px;opacity:1}12%{transform:scale(.7)}15%{transform:scale(1)}24%{left:201px;top:77px}27%{transform:scale(.7)}30%{transform:scale(1)}44%{left:201px;top:77px}56%{left:169px;top:45px}62%{transform:scale(.7)}65%{transform:scale(1)}74%{left:169px;top:45px;opacity:1}82%,to{left:169px;top:45px;opacity:0}}@keyframes ht-py-six{0%,14%{transform:none;opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}16%,30%{filter:drop-shadow(0 0 5px rgba(255,233,122,.95)) drop-shadow(0 3px 3px rgba(20,40,25,.35))}32%{transform:translateY(-6px);opacity:1}44%,97%{transform:translate(-50px,-100px) scale(.8);opacity:0}98%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes ht-py-seven{0%,26%{transform:none;opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}28%,30%{filter:drop-shadow(0 0 5px rgba(255,233,122,.95)) drop-shadow(0 3px 3px rgba(20,40,25,.35))}32%{transform:translateY(-6px);opacity:1}44%,97%{transform:translate(50px,-100px) scale(.8);opacity:0}98%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes ht-py-king{0%,48%{transform:none;opacity:1;filter:brightness(.72) saturate(.85) drop-shadow(0 3px 3px rgba(20,40,25,.35))}54%,60%{filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}62%{filter:drop-shadow(0 0 5px rgba(255,233,122,.95)) drop-shadow(0 3px 3px rgba(20,40,25,.35))}66%{transform:translateY(-6px);opacity:1}80%,97%{transform:translateY(-110px) scale(.8);opacity:0}98%{transform:none;opacity:0}to{transform:none;opacity:1;filter:brightness(.72) saturate(.85) drop-shadow(0 3px 3px rgba(20,40,25,.35))}}@keyframes ht-py-sum{0%,30%{opacity:0}36%,52%{opacity:1}58%,to{opacity:0}}.ht-tp-four{left:70px;top:24px;z-index:2;animation:ht-tp-four 10s infinite}.ht-tp-three{left:157px;top:24px;z-index:3;animation:ht-tp-three 10s infinite}.ht-tp-nine{left:244px;top:24px;animation:ht-tp-nine 10s infinite}.ht-tp-five{left:157px;top:100px}.ht-tp-waste{left:210px;top:124px}.ht-tp-no{left:236px;top:96px;animation:ht-tp-no 10s infinite}.ht-tp-cursor{animation:ht-tp-cursor 10s infinite}@keyframes ht-tp-cursor{0%{left:40px;top:160px;opacity:0;transform:scale(1)}8%{left:82px;top:45px;opacity:1}12%{transform:scale(.7)}15%{transform:scale(1)}20%{left:82px;top:45px}36%{left:169px;top:45px}40%{transform:scale(.7)}43%{transform:scale(1)}55%{left:169px;top:45px}62%,72%{left:256px;top:45px;opacity:1}80%,to{left:256px;top:45px;opacity:0}}@keyframes ht-tp-four{0%,14%{transform:none;opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}16%{filter:drop-shadow(0 0 5px rgba(255,233,122,.95)) drop-shadow(0 3px 3px rgba(20,40,25,.35))}18%{transform:none}30%{transform:translate(87px,76px)}34%,88%{transform:translate(87px,76px);opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}92%,97%{transform:translate(87px,76px);opacity:0}98%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes ht-tp-three{0%,40%{transform:none;opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}42%{filter:drop-shadow(0 0 5px rgba(255,233,122,.95)) drop-shadow(0 3px 3px rgba(20,40,25,.35))}44%{transform:none}56%{transform:translateY(76px)}60%,88%{transform:translateY(76px);opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}92%,97%{transform:translateY(76px);opacity:0}98%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes ht-tp-nine{0%,58%{filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}62%,84%{filter:brightness(.75) saturate(.85) drop-shadow(0 3px 3px rgba(20,40,25,.35))}90%,to{filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}}@keyframes ht-tp-no{0%,60%{opacity:0}64%,82%{opacity:1}88%,to{opacity:0}}.ht-sp .ht-scene{height:190px}.ht-sp-left{left:120px;top:60px}.ht-sp-right{left:194px;top:60px}.ht-sp-four{left:84px;top:122px;z-index:2;animation:ht-sp-four 8s infinite}.ht-sp-three{left:157px;top:122px;z-index:3;animation:ht-sp-three 8s infinite}.ht-sp-ten{left:194px;top:-70px;z-index:2;animation:ht-sp-ten 8s infinite}.ht-sp-you{left:20px;top:166px}.ht-sp-opp{left:246px;top:12px}.ht-sp-cursor{animation:ht-sp-cursor 8s infinite}@keyframes ht-sp-cursor{0%{left:60px;top:180px;opacity:0;transform:scale(1)}6%{left:96px;top:143px;opacity:1}10%{transform:scale(.7)}13%{transform:scale(1)}24%{left:132px;top:79px}30%{left:169px;top:143px}34%{transform:scale(.7)}37%{transform:scale(1)}46%,55%{left:132px;top:79px;opacity:1}65%,to{left:132px;top:79px;opacity:0}}@keyframes ht-sp-four{0%,12%{transform:none;opacity:1}24%,80%{transform:translate(36px,-64px);opacity:1}86%,96%{transform:translate(36px,-64px);opacity:0}97%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes ht-sp-three{0%,36%{transform:none;opacity:1}48%,80%{transform:translate(-37px,-64px);opacity:1}86%,96%{transform:translate(-37px,-64px);opacity:0}97%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes ht-sp-ten{0%,8%{transform:none;opacity:1}22%{transform:translateY(136px)}26%,80%{transform:translateY(130px);opacity:1}86%,96%{transform:translateY(130px);opacity:0}97%{transform:none;opacity:0}to{transform:none;opacity:1}}.ht-c8 .ht-scene{height:195px}.ht-c8-draw{left:60px;top:50px}.ht-c8-disc{left:134px;top:50px}.ht-c8-seven{left:160px;top:126px;z-index:2;animation:ht-c8-seven 11s infinite}.ht-c8-king{left:214px;top:126px;animation:ht-c8-king 11s infinite}.ht-c8-eight{left:268px;top:126px;z-index:3;animation:ht-c8-eight 11s infinite}.ht-c8-no{left:208px;top:104px;animation:ht-c8-no 11s infinite}.ht-c8-next{left:186px;top:84px;animation:ht-c8-wild 11s infinite}.ht-c8-cursor{animation:ht-c8-cursor 11s infinite}.ht-c8-badge{position:absolute;left:188px;top:44px;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #ffd94e;box-shadow:0 2px 6px rgba(0,0,0,.3);color:#c92a3a;font-size:18px;line-height:27px;text-align:center;font-weight:700;z-index:4;animation:ht-c8-wild 11s infinite}@keyframes ht-c8-cursor{0%{left:120px;top:185px;opacity:0;transform:scale(1)}7%{left:172px;top:147px;opacity:1}11%{transform:scale(.7)}14%{transform:scale(1)}26%{left:146px;top:71px}34%,46%{left:226px;top:147px}54%{left:280px;top:147px}57%{transform:scale(.7)}60%{transform:scale(1)}70%,76%{left:146px;top:71px;opacity:1}84%,to{left:146px;top:71px;opacity:0}}@keyframes ht-c8-seven{0%,12%{transform:none;opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}13%,15%{filter:drop-shadow(0 0 5px rgba(255,233,122,.95)) drop-shadow(0 3px 3px rgba(20,40,25,.35))}26%,88%{transform:translate(-26px,-76px);opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}92%,97%{transform:translate(-26px,-76px);opacity:0}98%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes ht-c8-king{0%,37%{transform:none;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}39%{transform:translateX(-3px);filter:brightness(.8) drop-shadow(0 3px 3px rgba(20,40,25,.35))}41%{transform:translateX(3px)}43%{transform:translateX(-2px)}45%,50%{transform:none;filter:brightness(.8) drop-shadow(0 3px 3px rgba(20,40,25,.35))}54%,to{transform:none;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}}@keyframes ht-c8-eight{0%,54%{transform:none;opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}55%,57%{filter:drop-shadow(0 0 5px rgba(255,233,122,.95)) drop-shadow(0 3px 3px rgba(20,40,25,.35))}70%,88%{transform:translate(-134px,-76px);opacity:1;filter:drop-shadow(0 3px 3px rgba(20,40,25,.35))}92%,97%{transform:translate(-134px,-76px);opacity:0}98%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes ht-c8-no{0%,36%{opacity:0}40%,52%{opacity:1}56%,to{opacity:0}}@keyframes ht-c8-wild{0%,70%{opacity:0;transform:scale(.4)}74%,88%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(.4)}}@media (prefers-reduced-motion:reduce){.ht-howto *{animation:none!important}.ht-sol-cursor{left:60px;top:81px;opacity:1}.ht-sol-ace{opacity:0}.ht-py-cursor{left:137px;top:77px;opacity:1}.ht-py-king{filter:brightness(.72) saturate(.85) drop-shadow(0 3px 3px rgba(20,40,25,.35))}.ht-py-sum{opacity:1}.ht-tp-cursor{left:82px;top:45px;opacity:1}.ht-tp-no{opacity:0}.ht-sp-cursor{left:96px;top:143px;opacity:1}.ht-sp-ten{transform:translateY(130px)}.ht-c8-cursor{left:172px;top:147px;opacity:1}.ht-c8-badge,.ht-c8-next,.ht-c8-no{opacity:0}}