.c4{position:relative;z-index:1;--hole: #00013a;--chrome: linear-gradient(160deg, #f1f3ff 0%, #b9c0e2 16%, #fbfcff 29%, #8790bd 47%, #e2e6fc 61%, #6c75a4 79%, #cfd4f3 100%);--silver: radial-gradient(circle at 32% 26%, #ffffff 0 7%, #eef1ff 15%, #b4bbdf 40%, #646d99 66%, #cdd2f2 84%, #8890bb 100%);--gold: radial-gradient(circle at 32% 26%, #fffbea 0 7%, #ffe7a3 15%, #e9b23b 40%, #8c5a0c 66%, #f6cd63 84%, #b47d1a 100%)}.c4 div:empty{display:block}.c4-label{font-size:12.48px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:14.4px}.c4-label:after{content:"";height:1px;flex:1;background:var(--line)}.c4-head{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.6vw,18px)}.c4-head h2{margin:0;font-family:var(--serif);font-weight:400;color:var(--ink);text-transform:none;font-size:clamp(41.6px,19.2px + 5vw,83.2px);line-height:.95;letter-spacing:-.02em}.c4-head h2 em{font-style:italic}.c4-head p{margin:0;font-family:var(--serif);max-width:40ch;color:var(--muted);font-size:17.28px}.c4-play{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;padding-top:clamp(4px,1vw,12px)}.c4-stage{position:relative;width:min(100%,620px);justify-self:center;display:grid;touch-action:manipulation;user-select:none;-webkit-user-select:none;--rx: 0deg;--ry: 0deg;--bump: 0px}.c4-rail{position:relative;margin-inline:3.4%;aspect-ratio:7 / 1}.c4-ghost{position:absolute;top:0;left:calc(var(--col, 3) * 100% / 7);width:calc(100% / 7);height:100%;display:grid;place-items:center;transition:left .16s cubic-bezier(.2,.7,.2,1),opacity .2s}.c4-ghost .c4-disc{width:84%;animation:c4-bob 1.8s ease-in-out infinite}.c4-ghost[data-hidden=true]{opacity:0}@keyframes c4-bob{50%{transform:translateY(-6%)}}.c4-board{position:relative;padding:3.4%;border-radius:clamp(18px,3vw,30px);background:var(--chrome);box-shadow:inset 0 2px #fffffff2,inset 0 -3px 8px #1216508c,inset 0 0 0 1px #ffffff80,0 40px 80px -36px #00011ee6,0 10px 24px -12px #00012899}.c4-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 46%,transparent 58%) no-repeat;background-size:260% 100%;mix-blend-mode:soft-light;animation:c4-sheen 9s ease-in-out infinite}.c4-grid{position:relative;aspect-ratio:7 / 6;max-width:100%;border-radius:clamp(10px,1.6vw,16px);overflow:hidden}.c4-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 90% at 30% 20%,#0a0f8a,var(--hole) 70%)}.c4-tokens{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.c4-plate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle closest-side,transparent 79%,rgba(8,10,60,.65) 80.5%,rgba(255,255,255,.85) 86%,rgba(255,255,255,0) 93%) 0 0 / calc(100% / 7) calc(100% / 6),var(--chrome);-webkit-mask:radial-gradient(circle closest-side,transparent 80%,#000 81%) 0 0 / calc(100% / 7) calc(100% / 6);mask:radial-gradient(circle closest-side,transparent 80%,#000 81%) 0 0 / calc(100% / 7) calc(100% / 6)}.c4-plate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.6) 46%,transparent 58%) no-repeat;background-size:260% 100%;mix-blend-mode:soft-light;animation:c4-sheen 9s ease-in-out infinite}@keyframes c4-sheen{0%{background-position:130% 0}55%,to{background-position:-30% 0}}.c4-line{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;pointer-events:none;overflow:visible}.c4-line line{stroke:#fff;stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,255,255,.9));stroke-dasharray:1;stroke-dashoffset:1;opacity:.9}.c4-line.is-on line{animation:c4-draw .6s .15s cubic-bezier(.2,.7,.2,1) forwards}@keyframes c4-draw{to{stroke-dashoffset:0}}.c4-cols{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:repeat(7,1fr)}.c4-col{-webkit-appearance:none;appearance:none;border:0;margin:0;padding:0;background:transparent;cursor:pointer;border-radius:10px;-webkit-tap-highlight-color:transparent}.c4-col:hover,.c4-col.is-aim{background:linear-gradient(to bottom,#ffffff1a,#ffffff05)}.c4-col:focus-visible{outline:2px solid #fff;outline-offset:-3px}.c4-col.is-off{cursor:default;background:transparent}.c4-board{transform:perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--bump));transform-style:preserve-3d;will-change:transform;box-shadow:inset 0 2px #fffffff2,inset 0 -3px 8px #1216508c,0 1px #c3c9ee,0 2px #a9b0dc,0 3px #9099c9,0 4px #7a83b5,0 5px #69729f,0 6px #5a6390,0 7px 1px #4a5280,0 44px 80px -34px #00011ef2,0 14px 26px -12px #00012899}.c4-liquid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;border-radius:inherit;pointer-events:none;display:block}.c4-board.is-gl{background:#8a93c4}.c4-board.is-gl:after,.c4-board.is-gl .c4-plate{display:none}.c4-board:not(.is-gl) .c4-liquid{display:none}.c4-shadow{position:absolute;left:8%;right:8%;bottom:-6%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,1,30,.55),transparent);filter:blur(8px);transform:translate(calc(var(--ry) * -1.4));pointer-events:none;z-index:-1}.c4-cell{position:absolute;width:calc(100% / 7);height:calc(100% / 6);left:calc(var(--c) * 100% / 7);top:calc(var(--r) * 100% / 6);display:grid;place-items:center}.c4-disc{position:relative;width:84%;aspect-ratio:1;border-radius:50%;overflow:hidden;isolation:isolate;box-shadow:inset 0 -4px 8px #00000059,inset 0 3px 5px #ffffffb3,0 3px 8px #00001e73}.c4-disc.is-silver{background:radial-gradient(circle,transparent 55%,rgba(0,0,0,.2) 57%,rgba(255,255,255,.45) 60%,transparent 63%),var(--silver)}.c4-disc.is-gold{background:radial-gradient(circle,transparent 55%,rgba(80,40,0,.25) 57%,rgba(255,245,200,.5) 60%,transparent 63%),var(--gold)}.c4-disc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#ffffff8c,#00000040 18%,#fff6 34%,#0000004d,#ffffff80 70%,#0003 86%,#ffffff8c);mix-blend-mode:overlay;animation:c4-swirl 7s linear infinite}.c4-disc.is-gold:before{animation-duration:8.5s;animation-direction:reverse}.c4-disc:after{content:"";position:absolute;top:26%;right:26%;bottom:26%;left:26%;background:linear-gradient(160deg,#00001e80,#00001e33 55%,#ffffff73);-webkit-mask:var(--mark) no-repeat 50% 55% / 100% auto;mask:var(--mark) no-repeat 50% 55% / 100% auto}.c4-disc.is-gold:after{background:linear-gradient(160deg,#4623008c,#46230038 55%,#fffadc80)}@keyframes c4-swirl{to{transform:rotate(1turn)}}.c4-tokens.is-over .c4-cell:not(.is-win) .c4-disc{filter:saturate(.5) brightness(.6);transition:filter .5s}.c4-cell.is-win .c4-disc{animation:c4-pulse 1.1s ease-in-out infinite;outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 26px 8px #fff9,inset 0 -4px 8px #00000059,inset 0 3px 5px #ffffffb3}@keyframes c4-pulse{50%{transform:scale(1.06)}}.c4-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){.c4-board{transform:none}.c4-board:after,.c4-plate:after,.c4-disc:before,.c4-ghost .c4-disc,.c4-cell.is-win .c4-disc{animation:none}.c4-line line{stroke-dashoffset:0}}.c4-prize{position:absolute;top:0;right:0;bottom:-2%;left:0;z-index:6;display:none;place-items:center;padding:3%;border-radius:clamp(18px,3vw,30px);background:radial-gradient(ellipse at 50% 45%,#00013c80,#00011ecc);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.c4-prize.is-on{display:grid;animation:c4-prize-in .5s cubic-bezier(.2,.7,.2,1)}@keyframes c4-prize-in{0%{opacity:0;transform:scale(.97)}}.c4-prize-card{width:min(100%,440px);display:grid;justify-items:center;gap:11px;text-align:center;padding:clamp(18px,4vw,32px);border-radius:22px;border:1px solid rgba(255,255,255,.45);background:linear-gradient(160deg,#ffffff29,#ffffff0a);box-shadow:0 30px 70px -30px #00011ee6,inset 0 1px #ffffff80;color:#fff}.c4-prize-kicker{font-size:11.84px;letter-spacing:.2em;text-transform:uppercase;color:#fffc}.c4-prize-h{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(48px,32px + 5vw,83px);line-height:.9;letter-spacing:-.02em;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.45)}.c4-prize-text{margin:0;font-family:var(--serif);font-size:16.8px;line-height:1.4;color:#ffffffeb}.c4-prize-text a{color:#fff;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.c4-prize-code{margin:0;font-size:11.84px;letter-spacing:.08em;color:#ffffffb8;overflow-wrap:anywhere}.c4-prize-code b{font-weight:400;letter-spacing:.12em;color:#fff}.c4-prize-again{margin-top:5px;-webkit-appearance:none;appearance:none;border:0;border-radius:999px;padding:11px 22px;background:#fff;color:#0003ff;font:inherit;font-family:var(--serif);font-size:16px;cursor:pointer;box-shadow:0 14px 34px -14px #000132b3}.c4-prize-again:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.c4-prize.is-on{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/magix-four.css.map */