.sj-scrim{padding:var(--space-4);background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:sj-fade var(--motion-normal) var(--motion-ease) both;overscroll-behavior:contain;place-items:center;display:grid;position:fixed;inset:0}.sj-card{box-sizing:border-box;width:100%;max-width:calc(var(--width-narrow) - var(--space-20) * 2);max-height:calc(100dvh - var(--space-8));padding:var(--space-8) var(--space-8) var(--space-6);border-radius:var(--radius-panel);background:var(--raised);color:var(--ink);box-shadow:var(--shadow-deep);text-align:center;font-family:var(--face-sans);-webkit-font-smoothing:antialiased;animation:sj-rise var(--motion-slow) var(--motion-ease) both;position:relative;overflow-y:auto}.sj-comment{margin:var(--space-5) 0 0;font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);letter-spacing:var(--text-3xl--letter-spacing);text-wrap:balance;min-height:calc(var(--text-3xl) * var(--text-3xl--line-height) * 2);font-weight:800}.sj-again{margin:var(--space-3) auto 0;max-width:32ch;font-size:var(--text-lg);line-height:var(--text-lg--line-height);color:var(--ink-2);text-wrap:pretty}.sj-button{width:100%;min-height:56px;margin-top:var(--space-6);padding:0 var(--space-6);border-radius:var(--radius-pill,999px);background:var(--lime);color:var(--pitch);font:inherit;font-size:var(--text-xl);letter-spacing:var(--text-xl--letter-spacing);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast);box-shadow:0 6px 22px color-mix(in srgb, var(--lime) 30%, transparent);border:0;justify-content:center;align-items:center;font-weight:800;display:flex}.sj-button:hover{box-shadow:0 10px 30px color-mix(in srgb, var(--lime) 46%, transparent)}.sj-button:active{transform:translateY(1px)scale(.98)}.sj-scrim .sj-card .sj-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sj-jar{width:calc(var(--space-20) * 1.9);height:auto;margin:0 auto;display:block;overflow:visible}.sj-floor{fill:color-mix(in srgb, var(--ink) 14%, transparent)}.sj-glass{fill:url(#sj-glass-g)}.sj-gs-edge{stop-color:color-mix(in srgb, var(--blue) 30%, var(--ink));stop-opacity:.32}.sj-gs-mid{stop-color:color-mix(in srgb, var(--blue) 24%, var(--ink));stop-opacity:.12}.sj-gs-clear{stop-color:color-mix(in srgb, var(--blue) 18%, var(--white));stop-opacity:.06}.sj-back{fill:none;stroke:color-mix(in srgb, var(--ink) 16%, transparent);stroke-width:1.5px}.sj-base{fill:color-mix(in srgb, var(--blue) 26%, var(--ink));opacity:.22}.sj-edge{fill:none;stroke:color-mix(in srgb, var(--ink) 34%, transparent);stroke-width:2.2px}.sj-shine{fill:none;stroke:var(--white);stroke-width:5px;stroke-linecap:round;opacity:.75}.sj-shine-soft{stroke-width:2.5px;opacity:.4}.sj-shine-shoulder{stroke-width:3px;opacity:.6}.sj-neck{fill:color-mix(in srgb, var(--blue) 14%, color-mix(in srgb, var(--ink) 16%, transparent));stroke:color-mix(in srgb, var(--ink) 30%, transparent);stroke-width:1.5px}.sj-thread{fill:none;stroke:color-mix(in srgb, var(--white) 55%, transparent);stroke-width:1.4px;stroke-linecap:round}.sj-label{fill:var(--pink)}.sj-label-band{fill:color-mix(in srgb, var(--pink) 70%, var(--pitch))}.sj-label-small{fill:var(--white);font-family:var(--face-sans);letter-spacing:.08em;text-transform:uppercase;font-size:5.2px;font-weight:800}.sj-label-curve{fill:var(--pitch);opacity:.14}.sj-ls-top{stop-color:color-mix(in srgb, var(--lime) 70%, var(--white))}.sj-ls-mid{stop-color:var(--lime)}.sj-ls-low{stop-color:color-mix(in srgb, var(--lime) 72%, var(--pitch))}.sj-lid-ridges{stroke:color-mix(in srgb, var(--pitch) 20%, transparent);stroke-width:1.6px;stroke-linecap:round}.sj-lid-top{fill:color-mix(in srgb, var(--lime) 55%, var(--white))}.sj-slot{fill:var(--pitch)}.sj-slot-lip{fill:var(--white);opacity:.55}.sj-coin-edge{fill:color-mix(in srgb, var(--grey) 60%, var(--pitch))}.sj-coin-face{fill:url(#sj-coin-g);stroke:color-mix(in srgb, var(--grey) 70%, var(--pitch));stroke-width:1px}.sj-cs-hi{stop-color:var(--white)}.sj-cs-mid{stop-color:color-mix(in srgb, var(--grey) 35%, var(--white))}.sj-cs-low{stop-color:color-mix(in srgb, var(--grey) 75%, var(--white))}.sj-coin-rim{fill:none;stroke:color-mix(in srgb, var(--grey) 55%, var(--white));stroke-width:.8px}.sj-coin-50{fill:color-mix(in srgb, var(--grey) 80%, var(--pitch));font-family:var(--face-sans);font-size:13px;font-weight:800}.sj-coin-pence{fill:color-mix(in srgb, var(--grey) 80%, var(--pitch));font-family:var(--face-sans);letter-spacing:.12em;font-size:3.6px;font-weight:800}.sj-body{transform-box:fill-box;transform-origin:50% 100%;animation:sj-drop .52s var(--motion-spring) both, sj-shake .38s var(--motion-ease) .8s both}.sj-coin{animation:.72s linear .38s both sj-coin}.sj-comment,.sj-again,.sj-button{animation:sj-words var(--motion-slow) var(--motion-ease) .16s both}@keyframes sj-fade{0%{opacity:0}}@keyframes sj-rise{0%{opacity:0;transform:translateY(var(--space-6)) scale(.98)}}@keyframes sj-words{0%{opacity:0;transform:translateY(var(--space-2))}}@keyframes sj-drop{0%{opacity:0;transform:translateY(-48px)scale(1)}40%{opacity:1}70%{transform:translateY(0)scale(1.04,.96)}to{transform:translateY(0)scale(1)}}@keyframes sj-coin{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:translateY(-168px)rotate(-14deg)}10%{opacity:1}60%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)rotate(0)}72%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:translateY(-11px)rotate(6deg)}84%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)rotate(0)}92%{transform:translateY(-3px)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes sj-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg)}45%{transform:rotate(2.5deg)}70%{transform:rotate(-1.2deg)}88%{transform:rotate(.5deg)}}.sj-calm,.sj-calm .sj-card,.sj-calm .sj-body,.sj-calm .sj-coin,.sj-calm .sj-comment,.sj-calm .sj-again,.sj-calm .sj-button{animation:none}@media (prefers-reduced-motion:reduce){.sj-scrim,.sj-card,.sj-body,.sj-coin,.sj-comment,.sj-again,.sj-button{animation:none}.sj-button{transition:none}}@media (width<=480px){.sj-card{padding:var(--space-6) var(--space-5) var(--space-5)}.sj-jar{width:calc(var(--space-20) * 1.5)}.sj-comment{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);min-height:calc(var(--text-2xl) * var(--text-2xl--line-height) * 2)}.sj-again{font-size:var(--text-base);line-height:var(--text-base--line-height)}}