.st{background:radial-gradient(80% 70% at 50% 20%,#7c6cf233,#0000 70%),#07060c;position:absolute;inset:0;overflow:hidden}.st__canvas{transform-origin:0 0;color:#f5f3ff;width:480px;height:360px;font-family:Satoshi,system-ui,sans-serif;position:absolute;top:0;left:0}.st--fill .ab{border:0;border-radius:0;height:100%;min-height:0}.st .keycap{cursor:default}.st .keycap:hover{transform:rotate(var(--r))}.sk__head{flex-direction:column;gap:4px;display:flex;position:absolute;top:28px;left:28px}.sk__head .sk__label{letter-spacing:.12em;text-transform:uppercase;color:#6c687d;font:600 11px/1 Satoshi,system-ui}.sk__head b{font:700 42px/1 Clash Display,system-ui;animation:.35s cubic-bezier(.3,1.5,.5,1) sk-tick}.sk__head em{color:#c4b8ff;font-size:12px;font-style:normal}@keyframes sk-tick{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}.sk__svg{position:absolute;inset:0}.sk__axis{stroke:#ffffff14;stroke-width:1px}.sk__curve{fill:none;stroke:#9d7bff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;filter:drop-shadow(0 0 8px #9d7bffcc);transition:stroke-dashoffset .5s}.sk__key{opacity:0;flex-direction:column;align-items:center;gap:6px;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .25s;display:flex;position:absolute;transform:translate(-50%,-100%)scale(.4)}.sk__key.is-on{opacity:1;transform:translate(-50%,-100%)scale(1)}.sk__price{white-space:nowrap;background:#9d7bff26;border:1px solid #c4b8ff59;border-radius:7px;padding:4px 7px;font:700 12px/1 Clash Display,system-ui}.sk__n{color:#6c687d;font-size:11px}.sf__coin{background:radial-gradient(circle at 35% 30%,#2a2540,#0c0b12 70%);border:2px solid #0000;border-radius:50%;place-items:center;width:76px;height:76px;font-size:30px;animation:2.2s ease-in-out infinite sf-coin;display:grid;position:absolute;top:52px;left:240px;translate:-50% -50%;box-shadow:0 0 0 2px #c4b8ff80,0 0 30px #7c6cf299}.sf__coinlbl{white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;color:#8f8aa8;font:600 11px/1 Satoshi,system-ui;position:absolute;top:88px}@keyframes sf-coin{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 0 2px #c4b8ffb3,0 0 44px #7c6cf2cc}}.sf__svg{position:absolute;inset:0}.sf__guide{fill:none;stroke-width:1.5px;stroke-dasharray:3 5;opacity:.35}.sf__drop{offset-rotate:0deg;border-radius:50%;width:9px;height:9px;margin:-4.5px;animation:2.2s cubic-bezier(.5,0,.6,1) infinite sf-drop;position:absolute;top:0;left:0}@keyframes sf-drop{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}.sf__tube{border:1.5px solid var(--c);background:color-mix(in oklab, var(--c) 10%, #07060c);height:118px;box-shadow:0 0 18px -2px color-mix(in oklab, var(--c) 70%, transparent), inset 0 0 18px -6px var(--c);border-radius:14px;flex-direction:column;justify-content:flex-end;padding:10px 12px;display:flex;position:absolute;top:205px;overflow:hidden}.sf__liquid{background:linear-gradient(180deg, color-mix(in oklab, var(--c) 70%, transparent), color-mix(in oklab, var(--c) 30%, transparent));height:0;box-shadow:0 -2px 12px var(--c);animation:6.6s cubic-bezier(.4,0,.2,1) infinite sf-fill;animation-delay:inherit;position:absolute;bottom:0;left:0;right:0}@keyframes sf-fill{0%{height:4%}70%{height:var(--fill)}88%{height:var(--fill)}to{height:4%}}.sf__tube b{text-shadow:0 0 12px var(--c);font:700 26px/1 Clash Display,system-ui;position:relative}.sf__tube small{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab, var(--c) 40%, white);margin-top:4px;font:600 10px/1.1 Satoshi,system-ui;position:relative}.sr__frame{width:360px;height:150px;animation:7s infinite sr-frame;position:absolute;top:70px;left:60px}.sr__frame i{opacity:.8;border:2px solid #f5f3ff;width:22px;height:22px;position:absolute}.sr__frame i:first-child{border-bottom:0;border-right:0;top:0;left:0}.sr__frame i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.sr__frame i:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.sr__frame i:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.sr__frame span{letter-spacing:.1em;text-transform:uppercase;color:#c4b8ff;font:600 11px/1 Satoshi,system-ui;position:absolute;top:-22px;left:0}@keyframes sr-frame{0%,6%{opacity:0;transform:scale(1.08)}12%,30%{opacity:1;transform:none}40%,to{opacity:0}}.sr__flash{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#fff,#fff0 60%);animation:7s infinite sr-flash;position:absolute;inset:0}@keyframes sr-flash{0%,13%{opacity:0}14%{opacity:.85}22%,to{opacity:0}}.sr__keys{justify-content:center;gap:30px;display:flex;position:absolute;top:104px;left:0;right:0}.sr__key{flex-direction:column;align-items:center;animation:7s infinite sr-glow;display:flex;position:relative}@keyframes sr-glow{0%,60%{filter:none}66%,90%{filter:drop-shadow(0 0 14px #5ee6a899)}to{filter:none}}.sr__plus{color:#5ee6a8;opacity:0;gap:3px;font:700 13px/1 Clash Display,system-ui;animation:7s infinite sr-plus;display:inline-flex;position:absolute;top:-28px}@keyframes sr-plus{0%,62%{opacity:0;transform:translateY(8px)}68%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(-8px)}}.sr__ring{width:74px;height:74px;position:absolute;bottom:26px;left:40px;transform:rotate(-90deg)}.sr__track{fill:none;stroke:#ffffff14;stroke-width:8px}.sr__fill{fill:none;stroke:#5ee6a8;stroke-width:8px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px #5ee6a8b3);animation:7s infinite sr-ring}@keyframes sr-ring{0%,28%{stroke-dashoffset:1px}60%,94%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}.sr__time{font:600 14px/1 Satoshi,system-ui;display:grid;position:absolute;bottom:50px;left:128px}.sr__time>span{grid-area:1/1}.sr__locked{color:#f5c26b;animation:7s infinite sr-a}.sr__open{color:#5ee6a8;opacity:0;animation:7s infinite sr-b}@keyframes sr-a{0%,58%{opacity:1}62%,96%{opacity:0}to{opacity:1}}@keyframes sr-b{0%,60%{opacity:0}64%,94%{opacity:1}to{opacity:0}}.sr__claim{color:#0b1a12;filter:grayscale()brightness(.6);background:linear-gradient(#8ff2c5,#3fcf8e);border-radius:999px;align-items:center;gap:6px;padding:11px 18px;font:700 14px/1 Clash Display,system-ui;animation:7s infinite sr-claim;display:inline-flex;position:absolute;bottom:44px;right:36px;box-shadow:0 0 20px #5ee6a880}@keyframes sr-claim{0%,62%{filter:grayscale()brightness(.6);transform:none}66%{filter:none}76%{transform:scale(.92)}80%,94%{filter:none;transform:none}to{filter:grayscale()brightness(.6)}}.sc__head{flex-direction:column;gap:4px;display:flex;position:absolute;top:26px;left:30px}.sc__head>span{letter-spacing:.12em;text-transform:uppercase;color:#6c687d;font:600 11px/1 Satoshi,system-ui}.sc__head b{font:700 34px/1 Clash Display,system-ui}.sc__head em{color:#6c687d;font-size:18px;font-style:normal}.sc__bar{background:#ffffff12;border-radius:999px;height:6px;position:absolute;top:92px;left:30px;right:30px;overflow:hidden}.sc__bar span{background:linear-gradient(90deg,#7c6cf2,#c4b8ff);height:100%;transition:width .15s linear;display:block;box-shadow:0 0 12px #7c6cf2cc}.sc__kb{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:128px;left:0;right:0}.sc__row{gap:7px;display:flex}.sc__k{transition:transform .12s}.sc__k.is-new{transform:translateY(2px)scale(.92)}.sc__k.is-new .keycap{filter:drop-shadow(0 0 10px #ffffff80)}.sc__k:not(.is-on) .keycap__legend{color:#6c687d;text-shadow:none}.sc__prize{opacity:0;background:#0c0b12eb;border:1.5px solid #f5c26b;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:20px 34px;transition:opacity .3s,transform .45s cubic-bezier(.3,1.6,.5,1);display:flex;position:absolute;top:50%;left:50%;transform:scale(.6);box-shadow:0 0 50px #f5c26b73}.sc__prize span{letter-spacing:.14em;text-transform:uppercase;color:#f5c26b;font:600 12px/1 Satoshi,system-ui}.sc__prize b{font:700 44px/1 Clash Display,system-ui}.sc--done .sc__prize{opacity:1;transform:scale(1)}.sc--done .sc__kb{filter:blur(1.5px)brightness(.6);transition:filter .3s}.sfa__svg{position:absolute;inset:0}.sfa__hex{fill:#2de8d00d;stroke:#2de8d0;stroke-width:2px;filter:drop-shadow(0 0 10px #2de8d0cc)}.sfa__hex--pulse{fill:none;transform-origin:240px 174px;animation:2.4s ease-out infinite sfa-pulse}@keyframes sfa-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.sfa__key{animation:4s ease-in-out infinite sfa-float;position:absolute;top:174px;left:240px;translate:-50% -50%}@keyframes sfa-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sfa__bot{opacity:0;background:#ff6b81;border-radius:50%;width:10px;height:10px;margin:-5px;animation:3.8s cubic-bezier(.5,0,.8,.4) infinite sfa-bot;position:absolute;top:174px;left:240px;box-shadow:0 0 12px #ff6b81}@keyframes sfa-bot{0%{transform:translate(var(--x0), var(--y0)) scale(1);opacity:0}10%{opacity:1}45%{transform:translate(var(--x1), var(--y1)) scale(1);opacity:1}52%{transform:translate(calc(var(--x1) * 1.25), calc(var(--y1) * 1.25)) scale(1.8);opacity:.8;background:#fff}70%,to{transform:translate(calc(var(--x1) * 1.6), calc(var(--y1) * 1.6)) scale(.2);opacity:0}}.sfa__lock{white-space:nowrap;color:#2de8d0;background:#2de8d014;border:1px solid #2de8d073;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font:600 13px/1 Satoshi,system-ui;display:inline-flex;position:absolute;top:300px;left:240px;translate:-50%}.sfa__tags{flex-direction:column;gap:8px;display:flex;position:absolute;top:20px;left:20px}.sfa__tags span{color:#8f8aa8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:6px 10px;font-size:12px}.sfa__tags b{color:#f5f3ff}@media (prefers-reduced-motion:reduce){.st *,.st :before,.st :after{transition:none!important;animation:none!important}.sf__liquid{height:var(--fill)}.sr__fill{stroke-dashoffset:0}.sfa__bot{display:none}}