.draw{background:var(--bordo-deep);--res-h:min(calc(100vh - var(--head-h) - 16px),560px);overflow:hidden}@supports (height:100svh){.draw{--res-h:min(calc(100svh - var(--head-h) - 16px),560px)}}@media (min-width:960px){.draw{--res-h:520px}}.draw:before{content:"";pointer-events:none;background:radial-gradient(70% 60% at 50% 62%,color-mix(in srgb,var(--bordo) 70%,transparent),transparent 72%);position:absolute;top:0;bottom:0;left:0;right:0}.draw .sh{border-color:color-mix(in srgb,var(--bone) 18%,transparent)}.draw__stage{gap:var(--s5);--W:calc(100vw - 2*var(--gut));--c:min(calc(var(--W)*.31091),131.27px);--slot-h:max(calc(136px + 1.3*var(--c)),calc(60px + var(--c) + .1375*var(--W)),calc(34px + 2*var(--c)));--hint-y:calc(50px + 1.3*var(--c) + (var(--slot-h) - 136px - 1.3*var(--c))/2);display:grid;position:relative}@media (min-width:960px){.draw__stage{--slot-h:470px;--hint-y:342.75px}}.draw__slot{height:var(--slot-h);position:relative}.draw__cards{z-index:2;width:0;height:0;position:absolute;top:0;left:0}.draw__cue{left:0;right:0;top:var(--hint-y);z-index:3;align-items:center;gap:var(--s2);pointer-events:none;flex-direction:column;transition:opacity .3s;display:flex;position:absolute}.draw__cue .btn{pointer-events:auto;background:color-mix(in srgb,var(--ink) 35%,transparent)}.draw__hint{font-size:var(--t-s);color:var(--bone-2);text-align:center;font-style:italic}.draw__again{pointer-events:auto;font-size:var(--t-ui-s);color:var(--bone-2);margin-top:-6px}.draw[data-state=shuffle] .draw__cue,.draw[data-state=pick] .draw__cue,.draw[data-state=done] .draw__cue{opacity:0;visibility:hidden}.draw:not([data-geo]) .dc,.draw[data-kd] .draw__cue{visibility:hidden}.draw[data-kd] .draw__stage{min-height:var(--res-h)}.dc{width:var(--cw);height:var(--ch);perspective:2200px;transform:translate3d(var(--x,0px),calc(var(--y,0px) - var(--lift,0px)),0) rotate(var(--r,0deg)) scale(var(--s,1));transition:transform var(--d,.6s) var(--e,var(--ease)) var(--dl,0s),opacity .5s;cursor:pointer;border-radius:4.5%/2.6%;padding:0;position:absolute;top:0;left:0}.dc__in{transform-style:preserve-3d;transition:transform .95s cubic-bezier(.35,.6,.15,1);position:absolute;top:0;bottom:0;left:0;right:0}.dc__back,.dc__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:4.5%/2.6%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.dc__back{background:var(--bordo);box-shadow:0 8px 18px var(--shadow)}.dc__back img,.dc__face img{object-fit:cover;width:100%;height:100%}.dc__face{background:var(--paper);box-shadow:0 22px 48px var(--shadow);transform:rotateY(180deg)}.dc__shine{background:linear-gradient(105deg,transparent 40%,var(--shine) 50%,transparent 60%);opacity:0;position:absolute;top:-10%;bottom:-10%;left:-60%;right:-60%;transform:translate(-70%)}.dc__glow{background:radial-gradient(closest-side,var(--glow),transparent);opacity:0;pointer-events:none;transition:opacity 1.4s;position:absolute;top:-22%;bottom:-22%;left:-30%;right:-30%;transform:translateZ(-1px)}.dc.is-flipped .dc__in{transform:rotateY(180deg)}.dc.is-lit .dc__glow{opacity:1}.dc.is-lit .dc__shine{opacity:1;transition:transform 1.3s cubic-bezier(.4,.1,.2,1) 50ms,opacity .2s;transform:translate(70%)}@media (hover:hover){.draw[data-state=fan] .dc:hover{--lift:22px}.draw[data-state=rest] .dc:hover{--lift:4px}}.draw[data-state=fan] .dc:focus-visible{--lift:22px}.draw[data-state=done] .dc,.draw[data-state=pick] .dc,.draw[data-state=shuffle] .dc{cursor:default}.draw[data-state=done] .dc.is-flipped{cursor:zoom-in}.draw[data-state=rest] .dc__back,.draw[data-state=shuffle] .dc__back{box-shadow:0 1px 1px var(--shadow),inset 0 0 0 1px color-mix(in srgb,var(--bone) 10%,transparent)}.draw[data-state=rest] .dc.is-rest-bottom .dc__back{box-shadow:0 26px 50px var(--shadow)}.dc.is-rest-top:after{content:"";border-radius:inherit;box-shadow:0 0 0 1px color-mix(in srgb,var(--bone) 22%,transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.dc.is-chosen .dc__back{box-shadow:0 0 0 2px var(--red-t),0 0 26px var(--glow)}.draw[data-instant] .dc,.draw[data-instant] .dc__in{transition:none!important}.draw[data-state=rest][data-vis] .dc.is-rest-top .dc__in{animation:4.8s ease-in-out 1.2s infinite nudge}@keyframes nudge{0%,78%,to{transform:none}86%{transform:translate(2px,-9px)rotate(-1.5deg)}92%{transform:translateY(-2px)}}.dc.is-gone{opacity:0;transition:opacity .35s,transform var(--d,.6s) var(--e,var(--ease))}.draw__res{min-width:0;scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.draw[data-state=done] .draw__res:empty,.res__fail{min-height:var(--res-h)}.res__retry{margin-top:var(--s3)}.draw__res.is-in{animation:resIn .7s var(--ease) both}@keyframes resIn{0%{opacity:.001;transform:translateY(10px)}}.res__sp{display:none}.res__k{font:500 var(--t-xs)/1.2 var(--f-ui);letter-spacing:.02em;color:var(--red-t)}.res__t{margin-top:var(--s2);font-size:var(--t-h2);letter-spacing:-.02em}.res__t:focus{outline:none}.res__short{margin-top:var(--s1);font:italic 400 var(--t-b)/1.4 var(--f-serif);color:var(--bone-2)}.res__msg{margin-top:var(--s3);font-size:var(--t-l);max-width:44ch;line-height:1.55}.res__adv{margin-top:var(--s4);padding-left:var(--s4);border-left:1px solid var(--red-t);font-size:var(--t-b);max-width:46ch;line-height:1.5}.res__adv small{font:500 var(--t-xs)/1.3 var(--f-ui);color:var(--red-t);margin-bottom:2px;display:block}.res__row{margin-top:var(--s4);align-items:center;gap:var(--s2) var(--s5);flex-wrap:wrap;display:flex}.res__row .btn{white-space:normal;line-height:1.2}.res__deep{margin-top:var(--s1);max-width:520px}.res__deep .link{font-size:var(--t-ui-s);color:var(--bone-2);text-align:left}.res__more{margin-top:var(--s3);align-items:center;gap:var(--s2) var(--s4);font:500 var(--t-xs)/1.4 var(--f-ui);color:var(--mute);flex-wrap:wrap;display:flex}.res__more b{color:var(--bone-2);font-weight:500}@media (min-width:960px){.draw__stage{column-gap:var(--gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}.draw__res{padding-right:4%}.res__fail{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}}@media (max-width:959px){.draw.is-compact .draw__res{margin-top:calc(-1*var(--slot-h) - var(--s5))}.draw.is-compact .res__sp{float:left;width:var(--dw);height:var(--dh);margin:0 14px 4px 0;display:block}.draw.is-compact .dc__face{box-shadow:none}.draw.is-compact .res__sp{box-shadow:0 calc(22px*var(--ds) + 1px) calc(48px*var(--ds)) var(--shadow);border-radius:4.5%/2.6%}.draw.is-compact .res__t{margin-top:2px;font-size:max(23px,min(6.6vw,30px))}.draw.is-compact .res__short{font-size:var(--t-s)}.draw.is-compact .res__msg{margin-top:var(--s2);font-size:15px;line-height:1.5}.draw.is-compact .res__adv{clear:left;margin-top:var(--s3);padding-left:var(--s3);font-size:14px;line-height:1.45}.draw.is-compact .res__row{gap:var(--s2);margin-top:var(--s3);grid-template-columns:1fr 1fr;display:grid}.draw.is-compact .res__row .btn{min-height:46px;font-size:var(--t-ui-s);padding:6px 10px}.draw.is-compact .res__deep{margin-top:var(--s2)}.draw.is-compact .res__deep .link{min-height:36px;margin-block-start:-3px;margin-block-end:-3px;padding-block-start:15px;padding-block-end:15px}.draw.is-compact .res__more{margin-top:var(--s1)}}@media (max-width:959px) and (max-height:700px){.draw.is-compact .res__msg{font-size:14px;line-height:1.45}.draw.is-compact .res__adv{margin-top:var(--s2);font-size:13px}.draw.is-compact .res__adv small{margin-bottom:0}.draw.is-compact .res__row{margin-top:var(--s2)}.draw.is-compact .res__deep .link{min-height:32px;margin-block-start:-3px;margin-block-end:-3px;padding-block-start:15px;padding-block-end:15px;font-size:12px}.draw.is-compact .res__deep{margin-top:0}}@media (prefers-reduced-motion:reduce){.draw[data-state=fan] .dc:hover{--lift:0px}.draw[data-state=fan] .dc:focus-visible{--lift:0px}.draw[data-state=fan] .dc:hover .dc__back{box-shadow:0 0 0 2px var(--red-t)}.draw[data-state=fan] .dc:focus-visible .dc__back{box-shadow:0 0 0 2px var(--red-t)}.draw .dc__face{opacity:0;transition:opacity 1s!important}.draw .dc.is-flipped .dc__face{opacity:1}}