.jc-root{--m-lo:#082b1a;--m-mid:#007f3d;--m-hi:#00fd78;--m-text:#affec4;--m-label:#98d9ae}@supports (color:lab(0% 0 0)){.jc-root{--m-lo:lab(14.8432% -17.0316 7.49824);--m-mid:lab(46.1415% -45.3388 27.4408);--m-hi:lab(87.8908% -72.8905 48.7105);--m-text:lab(93.3235% -33.52 19.8085);--m-label:lab(81.4751% -28.1988 14.4791)}}.jc-root[data-tier=bronze]{--m-lo:#351e07;--m-mid:#8f5300;--m-hi:#ffbf66;--m-text:#ffdaae;--m-label:#e9bd8e}@supports (color:lab(0% 0 0)){.jc-root[data-tier=bronze]{--m-lo:lab(13.9817% 9.90278 17.9453);--m-mid:lab(41.5858% 22.5217 51.7729);--m-hi:lab(82.2988% 26.6036 79.5635);--m-text:lab(89.4829% 13.2625 36.5064);--m-label:lab(79.6081% 11.8686 30.1235)}}.jc-root[data-tier=silver]{--m-lo:#042930;--m-mid:#007688;--m-hi:#46f1ff;--m-text:#b1f6ff;--m-label:#96d7e3}@supports (color:lab(0% 0 0)){.jc-root[data-tier=silver]{--m-lo:lab(14.4364% -10.8812 -8.67376);--m-mid:lab(45.0409% -27.5924 -20.4322);--m-hi:lab(87.4149% -45.7462 -24.3705);--m-text:lab(92.5427% -23.2778 -14.1884);--m-label:lab(81.9764% -19.342 -12.8352)}}.jc-root[data-tier=gold]{--m-lo:#082b1a;--m-mid:#007f3d;--m-hi:#00fd78;--m-text:#affec4;--m-label:#98d9ae}@supports (color:lab(0% 0 0)){.jc-root[data-tier=gold]{--m-lo:lab(14.8432% -17.0316 7.49824);--m-mid:lab(46.1415% -45.3388 27.4408);--m-hi:lab(87.8908% -72.8905 48.7105);--m-text:lab(93.3235% -33.52 19.8085);--m-label:lab(81.4751% -28.1988 14.4791)}}.jc-root{--jc-lo:var(--m-lo);--jc-mid:var(--m-mid);--jc-hi:var(--m-hi)}.jc-veil{background:radial-gradient(circle at 50% 42%, color-mix(in oklab, var(--m-hi) 12%, transparent) 0%, transparent 46%), radial-gradient(circle at 50% 42%, transparent 18%, #00000075 78%, #000000b8 100%);animation:.42s cubic-bezier(.16,1,.3,1) both jc-veil-in}@keyframes jc-veil-in{0%{opacity:0}}[data-phase=exit] .jc-veil{animation:.56s cubic-bezier(.16,1,.3,1) both jc-fade-out}.jc-rays{background:repeating-conic-gradient(from var(--jc-spin) at 50% 42%, color-mix(in oklab, var(--m-hi) 22%, transparent) 0deg 3deg, transparent 3deg 15deg);opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) .18s both jc-rays-in,42s linear infinite jc-spin;-webkit-mask:radial-gradient(circle at 50% 42%,#0000 8%,#000 26%,#0000 74%);mask:radial-gradient(circle at 50% 42%,#0000 8%,#000 26%,#0000 74%)}@keyframes jc-rays-in{0%{opacity:0;transform:scale(.7)}to{opacity:.85;transform:scale(1)}}@keyframes jc-spin{to{--jc-spin:360deg}}[data-phase=exit] .jc-rays{animation:.56s cubic-bezier(.16,1,.3,1) both jc-fade-out}.jc-medallion{isolation:isolate;background:linear-gradient(168deg, color-mix(in oklab, var(--m-lo) 92%, white) 0%, var(--m-lo) 44%, color-mix(in oklab, var(--m-lo) 70%, black) 100%);inline-size:min(34rem,100vw - 2rem);box-shadow:inset 0 2px 0 color-mix(in oklab, var(--m-hi) 26%, transparent), inset 0 -2px 10px #0000006b, 0 2px 6px #0006, 0 0 0 1px color-mix(in oklab, var(--m-hi) 30%, transparent), 0 0 44px -4px color-mix(in oklab, var(--m-hi) 52%, transparent), 0 28px 80px -20px color-mix(in oklab, var(--m-hi) 66%, transparent), 0 60px 120px -50px #000c;border-radius:1.75rem;flex-direction:column;align-items:center;gap:.5rem;padding:clamp(1.5rem,5vw,2.5rem) clamp(1.25rem,5vw,2.75rem);animation:.62s cubic-bezier(.16,1,.3,1) both jc-medallion-in,5.2s ease-in-out .9s infinite jc-breathe;display:flex;position:relative}@keyframes jc-medallion-in{0%{opacity:0;filter:blur(14px);transform:scale(.62)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes jc-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.006)}}[data-phase=exit] .jc-medallion{animation:.56s cubic-bezier(.16,1,.3,1) both jc-medallion-out}@keyframes jc-medallion-out{to{opacity:0;filter:blur(8px);transform:scale(.88)translateY(14px)}}.jc-medallion:before{content:"";z-index:2;border-radius:inherit;background:conic-gradient(from var(--jc-bezel), color-mix(in oklab, var(--m-mid) 40%, transparent) 0deg, var(--m-hi) 38deg, color-mix(in oklab, var(--m-mid) 34%, transparent) 118deg, color-mix(in oklab, var(--m-mid) 46%, transparent) 190deg, var(--m-hi) 262deg, color-mix(in oklab, var(--m-mid) 40%, transparent) 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:14s linear infinite jc-bezel;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes jc-bezel{to{--jc-bezel:360deg}}.jc-shock{z-index:0;border-radius:inherit;border:2px solid color-mix(in oklab, var(--m-hi) 70%, transparent);opacity:0;pointer-events:none;animation:.9s cubic-bezier(.16,1,.3,1) both jc-shock;position:absolute;inset:0}@keyframes jc-shock{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.jc-headline{color:var(--m-label);letter-spacing:.01em;text-align:center;text-wrap:balance;font-size:clamp(.9375rem,3.4vw,1.125rem);font-weight:600;line-height:1.25}.jc-amount{color:var(--m-text);letter-spacing:-.035em;font-variant-numeric:tabular-nums lining-nums;text-shadow:0 2px 10px #00000080;font-size:clamp(2.25rem,10.5vw,4.75rem);font-weight:800;line-height:1;animation:.42s cubic-bezier(.16,1,.3,1) both jc-punch;display:block}@keyframes jc-punch{0%{color:color-mix(in oklab, var(--m-hi) 80%, white);transform:scale(1.11)}70%{transform:scale(1)}to{color:var(--m-text);transform:scale(1)}}.jc-game{color:var(--m-label);opacity:.86;text-align:center;font-size:clamp(.75rem,2.8vw,.875rem);font-weight:500}.jc-sheen{z-index:1;background:linear-gradient(100deg, transparent 41%, color-mix(in oklab, var(--m-hi) 18%, transparent) 47%, color-mix(in oklab, var(--m-hi) 34%, transparent) 50%, color-mix(in oklab, var(--m-hi) 18%, transparent) 53%, transparent 59%);pointer-events:none;animation:5.4s cubic-bezier(.33,0,.25,1) 1.2s infinite jc-sheen;position:absolute;inset:-50% -70%;transform:translate(-72%)}@keyframes jc-sheen{0%,82%{transform:translate(-72%)}to{transform:translate(72%)}}.jc-controls{animation:.52s cubic-bezier(.16,1,.3,1) .52s both jc-controls-in}@keyframes jc-controls-in{0%{opacity:0;transform:translateY(10px)}}[data-phase=exit] .jc-controls{animation:.4s cubic-bezier(.16,1,.3,1) both jc-fade-out}.jc-dismiss,.jc-sound{background:linear-gradient(168deg, color-mix(in oklab, var(--m-lo) 88%, white) 0%, var(--m-lo) 52%, color-mix(in oklab, var(--m-lo) 72%, black) 100%);color:var(--m-text);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--m-hi) 22%, transparent), 0 1px 2px #0006, 0 10px 26px -12px #000000b3;border-radius:999px;justify-content:center;align-items:center;transition:transform .14s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);display:inline-flex}.jc-dismiss{letter-spacing:.01em;block-size:2.75rem;padding-inline:1.5rem;font-size:.9375rem;font-weight:650}.jc-sound{block-size:2.75rem;inline-size:2.75rem}.jc-dismiss:hover,.jc-sound:hover{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--m-hi) 34%, transparent), 0 2px 4px #0006, 0 14px 30px -12px color-mix(in oklab, var(--m-hi) 46%, transparent);transform:translateY(-1px)}.jc-dismiss:active,.jc-sound:active{transform:translateY(0)}.jc-dismiss:focus-visible,.jc-sound:focus-visible{outline:2px solid var(--m-hi);outline-offset:3px}.jc-sound[data-on=false]{color:var(--m-label)}.jc-sound[data-blocked=true]{opacity:.5}@keyframes jc-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.jc-medallion,.jc-medallion:before,.jc-sheen,.jc-shock,.jc-rays,.jc-veil,.jc-controls,.jc-amount{animation:none}.jc-medallion:before{--jc-bezel:128deg}.jc-rays{opacity:.5}.jc-shock{opacity:0}.jc-sheen{opacity:.35;transform:translate(-10%)}.jc-dismiss:hover,.jc-sound:hover{transform:none}}.jc-medallion:before{filter:drop-shadow(0 0 6px color-mix(in oklab, var(--m-hi) 60%, transparent))}.jc-amount{text-shadow:0 0 18px color-mix(in oklab, var(--m-hi) 45%, transparent), 0 2px 10px #00000080}.jc-shock{box-shadow:0 0 24px color-mix(in oklab, var(--m-hi) 40%, transparent), inset 0 0 24px color-mix(in oklab, var(--m-hi) 22%, transparent)}@media (prefers-reduced-motion:reduce){.jc-medallion:before{filter:drop-shadow(0 0 5px color-mix(in oklab, var(--m-hi) 50%, transparent))}}
