.wt-d20-block{--wt-d20-color: #9639ee;--wt-d20-num: #ffffff;--wt-d20-crit: #3688ec;--wt-d20-crit-text: #3688ec;--wt-d20-bg: #131316;--wt-d20-ink: #ffffff;--wt-d20-muted: #9a9aa1;--wt-d20-btn-bg: #1688ec;--wt-d20-btn-border: #fa3ec3;--wt-d20-btn-text: #ffffff;--wt-d20-size: clamp(120px, 24vmin, 200px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;overflow-y:auto;box-sizing:border-box;width:100%;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,rgba(150,57,238,.16),transparent 55%),var(--wt-d20-bg);padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));font-family:Assistant,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;color:var(--wt-d20-ink);text-align:center;line-height:1.3}.wt-d20-close{position:absolute;top:max(10px,env(safe-area-inset-top));right:12px;z-index:3;width:44px;height:44px;border:0;background:none;color:var(--wt-d20-muted);font-size:30px;line-height:1;cursor:pointer;transition:color .15s ease}.wt-d20-close:hover{color:var(--wt-d20-ink)}.wt-d20-logo{display:block;height:auto;max-width:70vw;margin:0 0 clamp(16px,3vh,30px)}.wt-d20-title{margin:0 0 4px;max-width:100%;font-size:clamp(22px,5.5vw,40px);font-weight:800;letter-spacing:.01em;text-transform:uppercase}.wt-d20-sub{margin:0 0 clamp(14px,2.5vh,24px);font-size:clamp(18px,2.6vw,26px);color:var(--wt-d20-muted)}.wt-d20{display:inline-block;border:0;padding:6px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease;outline-offset:6px}.wt-d20:not(.wt-rolled):hover,.wt-d20:not(.wt-rolled):focus-visible{transform:scale(1.05) rotate(-3deg)}.wt-d20.wt-rolled{cursor:default}.wt-d20-shape{position:relative;width:var(--wt-d20-size);aspect-ratio:866 / 1000;animation:wt-d20-idle 2.8s ease-in-out infinite;will-change:transform}.wt-d20-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.wt-d20-svg polygon{fill:var(--wt-d20-color)}.wt-d20-svg .wt-f-t{fill:color-mix(in srgb,var(--wt-d20-color),#fff 30%)}.wt-d20-svg .wt-f-f{fill:color-mix(in srgb,var(--wt-d20-color),#fff 8%)}.wt-d20-svg .wt-f-cl{fill:color-mix(in srgb,var(--wt-d20-color),#000 12%)}.wt-d20-svg .wt-f-cr{fill:color-mix(in srgb,var(--wt-d20-color),#000 16%)}.wt-d20-svg .wt-f-sl{fill:color-mix(in srgb,var(--wt-d20-color),#000 6%)}.wt-d20-svg .wt-f-sr{fill:color-mix(in srgb,var(--wt-d20-color),#000 9%)}.wt-d20-svg .wt-f-ll{fill:color-mix(in srgb,var(--wt-d20-color),#000 22%)}.wt-d20-svg .wt-f-lr{fill:color-mix(in srgb,var(--wt-d20-color),#000 25%)}.wt-d20-svg .wt-f-bl{fill:color-mix(in srgb,var(--wt-d20-color),#000 30%)}.wt-d20-svg .wt-f-br{fill:color-mix(in srgb,var(--wt-d20-color),#000 34%)}.wt-d20-num{position:absolute;z-index:2;left:0;right:0;top:50%;transform:translateY(-61%);font-size:calc(var(--wt-d20-size) * .27);font-weight:800;color:var(--wt-d20-num);-webkit-user-select:none;user-select:none}.wt-d20-num.wt-ambiguous{text-decoration:underline;text-underline-offset:.1em;text-decoration-thickness:.06em}.wt-d20-hint{margin-top:clamp(10px,1.8vh,16px);font-size:clamp(12px,1.6vw,14px);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--wt-d20-muted)}.wt-d20.wt-rolled+.wt-d20-hint,.wt-d20-block.wt-done .wt-d20-hint{visibility:hidden}.wt-d20.wt-rolling .wt-d20-shape{animation:wt-d20-tumble var(--wt-d20-roll-ms, 1.45s) cubic-bezier(.3,.6,.35,1) forwards}.wt-d20.wt-rolling .wt-d20-num{animation:wt-d20-numblur .12s linear infinite}.wt-d20.wt-landed .wt-d20-shape{animation:wt-d20-settle .55s cubic-bezier(.22,1.6,.36,1) forwards}.wt-d20.wt-landed.wt-crit{animation:wt-d20-critglow 1.5s ease-out .15s 2}.wt-d20-result{margin:clamp(12px,2.2vh,20px) 0 0;font-size:clamp(18px,2.6vw,26px);font-weight:800;color:var(--wt-d20-crit-text);animation:wt-d20-rise .4s ease-out both}.wt-d20-email{display:block;width:min(320px,86vw);margin:clamp(12px,2vh,18px) auto 0;padding:13px 16px;border:1.5px solid #3a3a41;border-radius:10px;font-family:inherit;font-size:16px;color:#121212;background:#fff;box-sizing:border-box;animation:wt-d20-rise .4s ease-out .1s both}.wt-d20-email:focus{outline:none;border-color:var(--wt-d20-color)}.wt-d20-email.wt-invalid{border-color:#e0402f;animation:wt-d20-shake .3s ease-in-out}.wt-d20-claim{display:inline-block;margin-top:clamp(12px,2vh,18px);padding:14px clamp(28px,5vw,42px);border:2px solid var(--wt-d20-btn-border);border-radius:10px;background:var(--wt-d20-btn-bg);color:var(--wt-d20-btn-text);font-family:inherit;font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;animation:wt-d20-rise .4s ease-out .2s both;transition:transform .15s ease,filter .15s ease}.wt-d20-claim:hover{filter:brightness(1.08);transform:translateY(-1px)}.wt-d20-claim:active{transform:translateY(0)}.wt-d20-claimed{margin:clamp(12px,2.2vh,20px) 0 0;font-size:clamp(15px,2vw,19px);font-weight:700;animation:wt-d20-rise .4s ease-out both}.wt-d20-keep{display:inline-block;margin-top:clamp(14px,2.2vh,20px);padding:12px 30px;border:1.5px solid #3a3a41;border-radius:10px;background:none;color:var(--wt-d20-ink);font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;animation:wt-d20-rise .4s ease-out .1s both;transition:border-color .15s ease,color .15s ease}.wt-d20-keep:hover{border-color:var(--wt-d20-muted)}[hidden]{display:none!important}@keyframes wt-d20-idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4%) rotate(-3deg)}}@keyframes wt-d20-tumble{0%{transform:rotate(0) scale(1) translateY(0)}12%{transform:rotate(-30deg) scale(.92) translateY(2%)}30%{transform:rotate(130deg) scale(1.03) translateY(-16%)}45%{transform:rotate(255deg) scale(.95) translateY(4%)}62%{transform:rotate(400deg) scale(1.06) translateY(-11%)}78%{transform:rotate(505deg) scale(.93) translateY(3%)}90%{transform:rotate(625deg) scale(1.02) translateY(-4%)}to{transform:rotate(720deg) scale(1) translateY(0)}}@keyframes wt-d20-numblur{0%,to{filter:blur(0);opacity:.9}50%{filter:blur(1.5px);opacity:.6}}@keyframes wt-d20-settle{0%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes wt-d20-critglow{0%{filter:drop-shadow(0 0 0 rgba(54,136,236,0))}35%{filter:drop-shadow(0 0 22px rgba(54,136,236,.9))}to{filter:drop-shadow(0 0 0 rgba(54,136,236,0))}}@keyframes wt-d20-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wt-d20-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}[data-testid=klaviyo-form-WV4YZx] [data-testid=form-row],.klaviyo-form-WV4YZx [data-testid=form-row]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}@media(prefers-reduced-motion:reduce){.wt-d20-shape,.wt-d20.wt-rolling .wt-d20-shape,.wt-d20.wt-landed .wt-d20-shape,.wt-d20.wt-landed.wt-crit,.wt-d20.wt-rolling .wt-d20-num,.wt-d20-result,.wt-d20-email,.wt-d20-claim,.wt-d20-claimed,.wt-d20-keep{animation:none!important}.wt-d20{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/d20-roll.css.map */