.xm-crk{--crk-bg: #0b211b;--crk-cream: #f5eedf;--crk-soft: rgba(245, 238, 223, .72);--crk-brass: #d4b06a;--crk-red: #b3121f;--crk-ink: #24170f;--crk-serif: "Fraunces", Georgia, "Times New Roman", serif;--crk-type: "Courier Prime", "Courier New", monospace;position:relative;color:var(--crk-cream);background:radial-gradient(120% 70% at 50% 62%,#ffd69621,#ffd69600 60%),radial-gradient(90% 60% at 50% 0%,#15362c,#15362c00 70%),var(--crk-bg);padding:clamp(36px,6vw,84px) 0 clamp(40px,6vw,80px);overflow:hidden}.xm-crk:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 4px)}.xm-crk__wrap{position:relative;max-width:1160px;margin:0 auto;padding:0 16px}@media(min-width:760px){.xm-crk__wrap{padding:0 32px}}.xm-crk:not([data-mode=practice]) [data-when=practice],.xm-crk:not([data-mode=live]) [data-when=live],.xm-crk:not([data-demo]) [data-when=demo],.xm-crk[data-mode=practice] [data-when=demo]{display:none!important}.xm-crk__intro{text-align:center;max-width:660px;margin:0 auto clamp(14px,2vw,22px)}.xm-crk__kicker{font:600 12px/1.2 var(--xm-body, sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--crk-brass);margin:0 0 12px}.xm-crk .xm-crk__title{font-family:var(--crk-serif);font-weight:600;font-size:clamp(32px,5.2vw,58px);line-height:1.04;letter-spacing:-.02em;color:var(--crk-cream)}.xm-crk__text{margin:14px auto 0;max-width:52ch;font-size:clamp(15px,1.4vw,17px);line-height:1.55;color:var(--crk-soft)}.xm-crk__ref{color:var(--crk-cream);font-weight:600;white-space:nowrap}.xm-crk__table{position:relative;max-width:1100px;margin:0 auto}.xm-crk__badge{position:relative;z-index:3;width:max-content;max-width:100%;margin:0 auto 4px;padding:7px 14px;border:1px solid rgba(212,176,106,.55);border-radius:999px;font-size:13px;line-height:1.2;color:var(--crk-brass);background:#0b211b99}.xm-crk__badge span{font-size:8px;vertical-align:2px;margin-right:6px}.xm-crk__badge--demo{color:#f0c9a0;border-color:#f0c9a080}.xm-crk__stage{position:relative;height:400px;transition:height .7s cubic-bezier(.2,.7,.2,1);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media(min-width:760px){.xm-crk__stage{height:500px}}.xm-crk.is-open .xm-crk__stage{height:700px}@media(min-width:760px){.xm-crk.is-open .xm-crk__stage{height:640px}}.xm-crk.is-dragging .xm-crk__stage{touch-action:none}.xm-crk__view{position:absolute;top:0;right:0;bottom:0;left:0}.xm-crk__view canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .5s}.xm-crk__view canvas.is-ready{opacity:1}.xm-crk__poster{position:absolute;left:50%;top:47%;width:min(94%,760px);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 26px 22px rgba(0,0,0,.45));transition:opacity .45s;pointer-events:none}.xm-crk.has-3d .xm-crk__poster{opacity:0}.xm-crk__grab{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:grab;border-radius:24px;color:inherit}.xm-crk__grab{touch-action:pan-y}.xm-crk.is-dragging .xm-crk__grab{cursor:grabbing;touch-action:none}.xm-crk__grab:focus-visible{outline:2px solid var(--crk-brass);outline-offset:-6px}.xm-crk.is-snapped .xm-crk__grab,.xm-crk.is-locked .xm-crk__grab{pointer-events:none;outline:none}.xm-crk__hint{position:absolute;left:0;right:0;bottom:14px;z-index:3;margin:0;text-align:center;font-size:14px;line-height:1.4;color:var(--crk-soft);pointer-events:none;transition:opacity .3s}.xm-crk__hint span{display:block}.xm-crk__hint-key,.xm-crk__hint-two{display:none!important}.xm-crk__hint-two{font-size:12.5px;opacity:.75;margin-top:3px}@media(hover:hover)and (pointer:fine){.xm-crk__hint-touch{display:none!important}.xm-crk__hint-key{display:block!important}}@media(hover:none){.xm-crk__hint-two{display:block!important}}.xm-crk.is-dragging .xm-crk__hint,.xm-crk.is-snapped .xm-crk__hint,.xm-crk.is-locked .xm-crk__hint{opacity:0}.xm-crk__out{position:absolute;left:50%;top:8px;z-index:4;width:min(340px,88%);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px}@media(min-width:760px){.xm-crk__out{width:380px;top:16px;gap:14px}}.xm-crk__out>*{opacity:0}.xm-crk.is-still .xm-crk__out>*{opacity:1}.xm-crk__crown{position:relative;width:200px;text-align:center;transform-origin:50% 100%}@media(min-width:760px){.xm-crk__crown{width:230px}}.xm-crk__crown img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.4))}.xm-crk__wear{margin-top:4px;padding:6px 10px;border:0;background:none;color:var(--crk-brass);font:500 13px/1 var(--xm-body, sans-serif);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.xm-crk__slip{position:relative;width:100%;padding:16px 20px 14px;color:var(--crk-ink);font-family:var(--crk-type);text-align:center;transform:rotate(-1.2deg);background:linear-gradient(180deg,#00000006,#0000 30%),#fbf6ea;box-shadow:0 1px #0000000f,0 14px 26px -10px #0000008c}.xm-crk__slip:before,.xm-crk__slip:after{content:"";position:absolute;top:0;bottom:0;width:14px;border-radius:7px;background:linear-gradient(90deg,#d9d0bc,#fffaf0 45%,#cfc5ae);opacity:0}.xm-crk__slip:before{left:-7px}.xm-crk__slip:after{right:-7px}.xm-crk__slip.is-rolling:before,.xm-crk__slip.is-rolling:after{opacity:1}.xm-crk__q{margin:0;font-size:16.5px;line-height:1.4}.xm-crk__a{margin-top:10px;padding:6px 12px;border:1px dashed rgba(36,23,15,.4);border-radius:4px;background:none;color:var(--crk-red);font:700 14px/1.2 var(--crk-type);cursor:pointer}.xm-crk__a[aria-expanded=true]{display:none}.xm-crk__ans{margin:10px 0 0;font-size:17px;font-weight:700;color:var(--crk-red)}.xm-crk__stub{position:relative;width:92%;padding:14px 22px 12px 30px;color:var(--crk-ink);transform:rotate(1.4deg);overflow:hidden;background:radial-gradient(circle at 0 50%,transparent 0 9px,#f2e3c2 9.5px) left / 100% 100% no-repeat;box-shadow:0 16px 26px -12px #0009}.xm-crk__stub:before{content:"";position:absolute;left:14px;top:8px;bottom:8px;border-left:2px dotted rgba(36,23,15,.28)}.xm-crk__stub:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:22px;border:1px solid rgba(179,18,31,.45);pointer-events:none}.xm-crk__stub-top,.xm-crk__stub-foot{display:flex;justify-content:space-between;gap:10px;font:700 10.5px/1.2 var(--crk-type);letter-spacing:.12em;text-transform:uppercase;color:#24170fb3}.xm-crk__stub-n{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:6px 0 4px}.xm-crk__plus{font:600 clamp(52px,13vw,64px)/1 var(--crk-serif);color:var(--crk-red);letter-spacing:-.03em;display:inline-block}.xm-crk__stub-unit{font:400 italic 19px/1.1 var(--crk-serif)}.xm-crk__void{position:absolute;right:16px;top:34px;padding:2px 8px;border:2px solid rgba(179,18,31,.55);border-radius:4px;color:#b3121f9e;font:700 14px/1.1 var(--crk-type);letter-spacing:.16em;text-transform:uppercase;transform:rotate(12deg);mix-blend-mode:multiply;pointer-events:none}.xm-crk__tag{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-top:4px}.xm-crk__share,.xm-crk__again{min-height:44px;padding:0 18px;border-radius:999px;font:600 14px/1 var(--xm-body, sans-serif);cursor:pointer}.xm-crk__share{border:1px solid var(--crk-brass);background:var(--crk-brass);color:#1b130b}.xm-crk__again{border:1px solid rgba(245,238,223,.5);background:transparent;color:var(--crk-cream)}.xm-crk__share:hover{background:#e3c27f}.xm-crk__again:hover{background:#ffffff14}.xm-crk__msg{position:absolute;left:50%;top:50%;z-index:5;width:min(420px,90%);margin:0;padding:18px 20px;transform:translate(-50%,-50%);text-align:center;font-size:16px;line-height:1.5;color:var(--crk-ink);background:#fbf6ea;border-radius:6px;box-shadow:0 20px 40px -14px #0009}.xm-crk__bar{display:flex;justify-content:flex-end;margin-top:6px}.xm-crk__sound{min-height:40px;padding:0 4px 0 26px;border:0;background:none;color:var(--crk-soft);font:500 13px/1 var(--xm-body, sans-serif);cursor:pointer;position:relative}.xm-crk__sound:before{content:"";position:absolute;left:4px;top:50%;width:15px;height:15px;margin-top:-7.5px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 6h3l4-3v10L5 10H2z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 6h3l4-3v10L5 10H2z'/%3E%3C/svg%3E") center / contain no-repeat}.xm-crk__sound[aria-pressed=true]{color:var(--crk-brass)}.xm-crk__about{display:grid;gap:28px;max-width:980px;margin:clamp(26px,4vw,44px) auto 0;padding-top:clamp(22px,3vw,34px);border-top:1px solid rgba(212,176,106,.25)}@media(min-width:760px){.xm-crk__about{grid-template-columns:1fr 1fr;gap:56px}}.xm-crk .xm-crk__about h3{font:600 22px/1.2 var(--crk-serif);letter-spacing:-.01em;color:var(--crk-cream);margin:0 0 14px}.xm-crk__odds{list-style:none;margin:0;padding:0;display:grid;gap:9px}.xm-crk__odds li{display:grid;grid-template-columns:118px 1fr 74px;align-items:center;gap:12px;font-size:14.5px;color:var(--crk-soft)}.xm-crk__odds i{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--crk-brass) var(--w),rgba(255,255,255,.08) var(--w));background-size:250% 100%}.xm-crk__odds b{font-weight:600;color:var(--crk-cream);text-align:right;font-size:13.5px}.xm-crk__small{margin-top:14px;font-size:14px;line-height:1.55;color:var(--crk-soft)}.xm-crk__about--live{display:block;text-align:center;max-width:620px}.xm-crk__small a,.xm-crk__links a{color:var(--crk-brass);text-underline-offset:3px}.xm-crk__how{margin:0;padding-left:20px;display:grid;gap:10px;font-size:15px;line-height:1.5;color:var(--crk-soft)}.xm-crk__how b{color:var(--crk-cream);font-weight:600}.xm-crk__links{display:flex;gap:20px;margin-top:16px;font-weight:600;font-size:15px}.xm-crk__noscript{text-align:center;color:var(--crk-soft)}.xm-crk-worn{position:fixed;z-index:60;width:64px;height:auto;pointer-events:none;transform:rotate(-12deg);filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.xm-crk__2d{position:absolute;left:50%;top:46%;width:min(94%,760px);aspect-ratio:3 / 1;transform:translate(-50%,-50%)}.xm-crk__2d img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 22px rgba(0,0,0,.45));will-change:transform}.xm-crk__2d .l{clip-path:polygon(0 0,50% 0,48.6% 18%,51.2% 30%,48.6% 42%,51.2% 54%,48.6% 66%,51.2% 78%,50% 100%,0 100%)}.xm-crk__2d .r{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%,51.2% 78%,48.6% 66%,51.2% 54%,48.6% 42%,51.2% 30%,48.6% 18%)}.xm-crk.has-2d .xm-crk__poster{opacity:0}.xm-crk__2d{transition:top .7s cubic-bezier(.2,.7,.2,1)}.xm-crk.is-open .xm-crk__2d{top:calc(100% - 70px)}@media(min-width:760px){.xm-crk.is-open .xm-crk__2d{top:62%;width:min(100%,1000px)}}@media(prefers-reduced-motion:reduce){.xm-crk__stage,.xm-crk__view canvas,.xm-crk__poster,.xm-crk__hint{transition:none}}.xm-crk__friend{margin-top:18px;padding:16px 18px;border-radius:10px;border:1px dashed rgba(212,176,106,.6);background:#0b211b73;text-align:center;display:grid;gap:6px;justify-items:center}.xm-crk__friend[hidden]{display:none}.xm-crk__friend-t{margin:0;font-family:var(--crk-serif);font-size:20px;color:var(--crk-cream)}.xm-crk__friend-p{margin:0;font-size:14px;line-height:1.45;color:var(--crk-soft);max-width:42ch}.xm-crk__share--friend{margin-top:6px}.xm-crk.is-open .xm-crk__out>.xm-crk__friend:not([hidden]){animation:xm-crk-friend .6s 1.6s ease-out both}@keyframes xm-crk-friend{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.xm-crk.is-open.has-friend .xm-crk__stage{height:860px}@media(min-width:760px){.xm-crk.is-open.has-friend .xm-crk__stage{height:820px}}@media(prefers-reduced-motion:reduce){.xm-crk.is-open .xm-crk__out>.xm-crk__friend:not([hidden]){animation:none;opacity:1}}.xm-crk__mine{margin:0 0 6px;padding:6px 12px;border-radius:999px;background:#d4b06a2e;color:var(--crk-cream);font-weight:600;font-size:14px}.xm-crk__mine[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/63/assets/xm26-crk.css.map */