.hand-copy{z-index:2;pointer-events:none;position:relative}.hand-copy h1{letter-spacing:-.04em;font-size:clamp(64px,8vw,96px);font-weight:500;line-height:1}.hand-copy p{color:#adadad;text-wrap:pretty;max-width:310px;margin-top:22px;font-size:21px;line-height:1.25}.hand-art{width:0;height:0;position:absolute;top:45%;left:69%}.hand-hand{width:0;height:0;position:relative}.hand-card{width:186px;transform:translate(var(--x), var(--y)) rotate(var(--angle));transform-origin:50% 110%;filter:drop-shadow(0 14px 14px #0006);transition:transform .5s cubic-bezier(.16,1,.3,1);animation:.7s cubic-bezier(.16,1,.3,1) both hand-deal;position:absolute;top:-130px;left:-93px}.hand-card:nth-child(2){animation-delay:45ms}.hand-card:nth-child(3){animation-delay:90ms}.hand-card:nth-child(4){animation-delay:.135s}.hand-card:nth-child(5){animation-delay:.18s}@keyframes hand-deal{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0}}@media (hover:hover){.hand-art:hover .hand-card{transform:translate(calc(var(--x) * 1.13), calc(var(--y) - 12px)) rotate(var(--angle))}}.hand-dock{z-index:2;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:auto;padding-top:180px;display:flex;position:relative}.hand-options{border:0;min-width:0}.hand-options legend{color:#adadad;margin-bottom:14px;font-size:14px}.hand-draw-buttons{gap:10px;display:flex}.hand-draw-buttons button{cursor:pointer;background:#191919;border-radius:12px;align-items:center;gap:10px;padding:12px 18px 12px 12px;display:flex}.hand-draw-buttons button>span:first-child{border:1px solid #666;border-radius:4px;place-items:center;width:28px;height:36px;font-size:18px;display:grid}.hand-draw-buttons button[aria-pressed=true]{color:#000;background:#fff}.hand-draw-buttons button[aria-pressed=true]>span:first-child{border-color:#bbb}.hand-options p{color:#adadad;margin-top:14px;font-size:13px}.hand-start{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.hand-start>span{color:#adadad;font-size:13px}.hand-play{color:#000;cursor:pointer;background:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:32px;padding:22px 26px;font-size:21px;transition:transform .18s ease-out;display:flex}.hand-play:hover{transform:translateY(-3px)}.hand-play:active{transform:scale(.97)}.hand-intro{background:#000;padding:38px 38px 82px;overflow:auto}.hand-intro button:focus-visible{outline-offset:5px;outline:2px solid}.hand-intro.is-leaving .hand-art{opacity:0;transition:opacity .24s ease-out}.dg-device.has-hand-intro:not(.is-locked){height:740px;min-height:740px}.hand-intro .dg-frame{position:absolute;bottom:20px;right:30px}@media (width<=800px){.dg-device.has-hand-intro:not(.is-locked){height:790px;min-height:790px}.hand-intro{padding:26px 26px 72px}.hand-copy p{max-width:290px;margin-top:16px;font-size:18px}.hand-art{top:43%;left:50%;transform:scale(.6)}.hand-dock{flex-direction:column;align-items:stretch;gap:24px;padding-top:240px}.hand-start{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.hand-start>span{max-width:100px}.hand-play{white-space:nowrap;gap:20px;padding:18px 22px;font-size:18px}}@media (width<=380px){.hand-art{transform:scale(.5)}.hand-intro{padding-inline:20px}.hand-draw-buttons button{padding-right:12px}}@media (height<=650px) and (width>=801px){.is-locked .hand-art{transform:scale(.7)}.is-locked .hand-dock{padding-top:100px}}@media (prefers-reduced-motion:reduce){.hand-card{transition:none;animation:none}.hand-play,.hand-intro.is-leaving .hand-art{transition:none}}.hand-copy h1{overflow-wrap:anywhere;text-wrap:balance;max-width:100%}.hand-mode{max-width:350px}.hand-mode p:first-child{margin-bottom:12px;font-size:20px}.hand-mode p+p{color:#adadad;text-wrap:pretty;font-size:15px;line-height:1.4}.hand-chess{justify-content:center;align-items:flex-end;gap:12px;width:440px;height:270px;display:flex;position:absolute;top:-120px;left:-220px}.hand-chess-piece{color:#fff;border-bottom:2px solid #666;padding-bottom:20px;animation:.7s cubic-bezier(.16,1,.3,1) both hand-deal;transform:rotate(-8deg)}.hand-chess-piece:nth-child(2){transform:translateY(-36px)}.hand-chess-piece:nth-child(3){transform:rotate(8deg)}@media (width<=800px){.hand-copy h1{font-size:clamp(40px,9vw,64px)}.hand-mode{max-width:100%}.hand-start:has(>button:only-child){justify-content:flex-end}.hand-art{top:340px}}@media (prefers-reduced-motion:reduce){.hand-chess-piece{animation:none}}