.dg-game-face{opacity:1;transition:opacity .18s ease-out,transform .24s cubic-bezier(.22,1,.36,1),visibility;transform:scale(1)}.dg-game-face[data-hidden=true]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease-out,transform .24s cubic-bezier(.22,1,.36,1),visibility 0s .24s;transform:scale(.985)}.dg-statistics-face{overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;padding:clamp(20px,4vw,40px);transition:opacity .16s ease-out,transform .24s cubic-bezier(.22,1,.36,1),visibility 0s .24s;position:absolute;inset:0;overflow-y:auto;transform:translateY(8px)scale(.99)}.dg-statistics-face[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease-out 40ms,transform .28s cubic-bezier(.22,1,.36,1),visibility;transform:translateY(0)scale(1)}.dg-statistics-header,.dg-statistics-content{max-width:660px;margin-inline:auto}.dg-statistics-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dg-statistics-header p{color:#fff9;margin-bottom:4px;font-size:12px}.dg-statistics-header h2{letter-spacing:-.035em;font-size:clamp(24px,4vw,32px);font-weight:500}.dg-statistics-face button{white-space:nowrap;background:#ffffff1a;border-radius:999px;padding:10px 16px;font-size:12px}.dg-statistics-face button:hover{background:#ffffff2e}.dg-statistics-face button:focus-visible{outline-offset:3px;outline:2px solid #fff}.dg-statistics-table{font-variant-numeric:tabular-nums;width:100%;font-size:14px}.dg-statistics-table tr{border-bottom:1px solid #ffffff1a}.dg-statistics-table th{text-align:left;padding-block:10px;font-weight:500}.dg-statistics-table td{text-align:right;padding-left:20px}.dg-statistics-subheading{color:#fff9;margin-block:16px 10px;font-size:12px;display:block}.dg-statistics-note{color:#ffffffa6;margin-block:12px;font-size:12px;line-height:1.6}.dg-statistics-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-block:20px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){.dg-game-face,.dg-statistics-face{transition:none!important;transform:none!important}}[data-reduced-motion=true] .dg-game-face,[data-reduced-motion=true] .dg-statistics-face{transition:none!important;transform:none!important}.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{z-index:1;width:0;height:0;position:absolute;top:45%;left:69%}.hand-art:before{content:"";opacity:.28;pointer-events:none;z-index:-1;background:radial-gradient(#d4d4ce 0%,#0000 68%);width:850px;height:697px;position:absolute;top:0;left:0;transform:translate(-50%,-44%)}.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{grid-template-columns:repeat(2,122px);gap:10px;display:grid;position:relative}.hand-draw-buttons:before{content:"";z-index:1;pointer-events:none;background:#fff;border-radius:12px;width:122px;transition:transform .28s cubic-bezier(.25,1,.5,1);position:absolute;inset:0 auto 0 0}.hand-draw-buttons[data-draw="3"]:before{transform:translate(132px)}.hand-draw-buttons button{cursor:pointer;background:#191919;border-radius:12px;align-items:center;gap:10px;padding:12px 18px 12px 12px;transition:color .22s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.hand-draw-buttons button>span{z-index:2;position:relative}.hand-draw-buttons button>span:first-child{border:1px solid #666;border-radius:4px;place-items:center;width:28px;height:36px;font-size:18px;transition:border-color .22s cubic-bezier(.25,1,.5,1);display:grid}.hand-draw-buttons button[aria-pressed=true]{color:#000}.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-draw-description{animation:.24s cubic-bezier(.25,1,.5,1) both hand-draw-description-in}@keyframes hand-draw-description-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.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 .26s cubic-bezier(.25,1,.5,1),box-shadow .26s cubic-bezier(.25,1,.5,1);display:flex}@media (hover:hover){.hand-play:enabled:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0005}}.hand-play:enabled:focus-visible{transform:translateY(-5px);box-shadow:0 12px 24px #0005}.hand-play:enabled:active{box-shadow:none;transform:translateY(1px)scale(.96)}.hand-intro.is-leaving .hand-play{animation:.42s cubic-bezier(.25,1,.5,1) hand-play-press}@keyframes hand-play-press{30%{box-shadow:none;transform:translateY(1px)scale(.96)}to{transform:translateY(-5px)}}.hand-intro{isolation:isolate;background:linear-gradient(150deg,#08090b,#202328);padding:38px 38px 82px;overflow:hidden auto}.hand-intro button:focus-visible{outline-offset:5px;outline:2px solid}.hand-intro .hand-play:focus-visible{outline-offset:6px;outline-color:#fff}.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-intro .hand-play,.hand-intro .hand-play:enabled:is(:hover,:focus-visible,:active){animation:none;transform:none}.hand-card{transition:none;animation:none}.hand-play,.hand-intro.is-leaving .hand-art,.hand-draw-buttons button,.hand-draw-buttons button>span:first-child,.hand-draw-buttons:before{transition:none}.hand-draw-description{animation: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}}
