.fpsc{--split: 50;position:relative;display:block;width:100%;max-width:920px;margin-inline:auto}.fpsc__frame{position:relative;overflow:hidden;background:var(--night-950);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);box-shadow:0 10px 0 var(--ink),0 30px 64px #05021480}.fpsc__bar{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 8px 6px 14px;background:var(--night-950);border-bottom:var(--bw) solid var(--ink)}.fpsc__dots{display:flex;flex:none;gap:6px}.fpsc__dots i{width:12px;height:12px;background:var(--red);border:2px solid var(--ink);border-radius:4px;box-shadow:inset 0 2px #ffffff59}.fpsc__dots i:nth-child(2){background:var(--sun)}.fpsc__dots i:nth-child(3){background:var(--green)}.fpsc__title{min-width:0;overflow:hidden;font:400 .95rem/1.1 var(--font-display);letter-spacing:.05em;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis}.fpsc__title b{font-weight:400;color:var(--text)}.fpsc__pause{display:inline-flex;flex:none;align-items:center;gap:6px;height:34px;margin-left:auto;padding:0 12px 0 10px;font:800 .82rem/1 var(--font-body);color:var(--text);background:var(--night-700);border:2px solid var(--ink);border-radius:10px;box-shadow:0 3px 0 var(--ink);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),background .2s}.fpsc__pause:hover{background:var(--night-600);transform:translateY(-1px);box-shadow:0 4px 0 var(--ink)}.fpsc__pause:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.fpsc__pause .i{width:18px;height:18px;color:var(--sun)}.fpsc--static .fpsc__pause{display:none}.fpsc__stage{position:relative;overflow:hidden;aspect-ratio:16 / 9;container-type:inline-size;background:#2c1766;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.fpsc__bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}.fpsc__layer{position:absolute;inset:0;pointer-events:none}.fpsc__layer--low{clip-path:inset(0 calc(100% - var(--split) * 1%) 0 0)}.fpsc__layer--high{clip-path:inset(0 0 0 calc(var(--split) * 1%))}.fpsc__cloud{position:absolute;left:0;right:0;top:var(--y, 10%);height:0;animation:fpsc-drift var(--dur, 48s) linear var(--delay, 0s) infinite}.fpsc__cloud svg{width:var(--w, 16cqw);max-width:none;height:auto}.fpsc__cloud--a{--y: 7%;--w: 17cqw;--dur: 46s;--delay: -14s;--st: 368}.fpsc__cloud--b{--y: 21%;--w: 11cqw;--dur: 62s;--delay: -40s;--st: 496;opacity:.92}.fpsc__cloud--c{--y: 13%;--w: 13cqw;--dur: 54s;--delay: -3s;--st: 432}.fpsc__plat{position:absolute;left:var(--x);top:var(--y);width:17cqw;animation:fpsc-bob 3.2s ease-in-out var(--delay, 0s) infinite}.fpsc__plat>svg{width:100%;height:auto}.fpsc__plat--a{--x: 9%;--y: 34%;--delay: -.6s}.fpsc__plat--b{--x: 70%;--y: 30%;--delay: -2s}.fpsc__coin{position:absolute;left:50%;bottom:104%;width:4.6cqw;margin-left:-2.3cqw;animation:fpsc-spin 1.5s ease-in-out infinite}.fpsc__coin svg{width:100%;height:auto}.fpsc__runner,.fpsc__ghost{--w: calc(15.5cqw / 1.4);position:absolute;left:0;right:0;bottom:20.5%;height:15.5cqw}.fpsc__runner{animation:fpsc-run 5.6s linear infinite}.fpsc__runner:after{content:"";position:absolute;left:1.2cqw;bottom:-.7cqw;z-index:-1;width:8cqw;height:1.6cqw;background:#160f3361;border-radius:50%}.fpsc__layer--high .fpsc__runner:before{content:"";position:absolute;left:-7.5cqw;top:30%;width:8cqw;height:36%;background:repeating-linear-gradient(180deg,transparent 0 16%,rgba(255,255,255,.7) 16% 27%,transparent 27% 38%);-webkit-mask:linear-gradient(90deg,transparent,#000 85%);mask:linear-gradient(90deg,transparent,#000 85%);opacity:.75}.fpsc__ghost{display:none}.fpsc__layer--low .fpsc__runner{animation-timing-function:steps(45,end)}.fpsc__layer--low .rig i{animation-timing-function:steps(4,end)}.fpsc__layer--low .fpsc__cloud{animation-timing-function:steps(var(--st, 360),end)}.fpsc__layer--low .fpsc__plat{animation-timing-function:steps(12,end)}.fpsc__layer--low .fpsc__coin{animation-timing-function:steps(5,end)}.fpsc.is-paused .fpsc__layer *,.fpsc.is-offscreen .fpsc__layer *{animation-play-state:paused!important}@keyframes fpsc-drift{0%{transform:translate(104%)}to{transform:translate(-20%)}}@keyframes fpsc-run{0%{transform:translate(-12%)}to{transform:translate(102%)}}@keyframes fpsc-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-22%)}}@keyframes fpsc-spin{0%,to{transform:scaleX(1)}50%{transform:scaleX(.1)}}.fpsc__label{position:absolute;top:clamp(8px,2.2cqw,16px);display:inline-flex;align-items:center;gap:clamp(6px,1.2cqw,10px);padding:clamp(5px,1cqw,8px) clamp(8px,1.6cqw,13px);color:#fff;background:#0b0720d1;border:2px solid var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fpsc__label--low{left:clamp(8px,2.2cqw,16px)}.fpsc__label--high{right:clamp(8px,2.2cqw,16px);flex-direction:row-reverse;text-align:right}.fpsc__label-text{display:grid;gap:2px}.fpsc__label b{font:400 clamp(.95rem,2.6cqw,1.45rem)/1 var(--font-display);letter-spacing:.03em}.fpsc__label small{font:700 clamp(.62rem,1.4cqw,.78rem)/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}.fpsc__label--low b{color:#ffb36b}.fpsc__label--high b{color:var(--mint)}.fpsc__meter{display:inline-flex;align-items:flex-end;gap:2px;height:clamp(14px,3cqw,22px)}.fpsc__meter i{width:clamp(3px,.7cqw,5px);background:#ffffff2e;border-radius:1.5px}.fpsc__meter i:nth-child(1){height:30%}.fpsc__meter i:nth-child(2){height:48%}.fpsc__meter i:nth-child(3){height:64%}.fpsc__meter i:nth-child(4){height:82%}.fpsc__meter i:nth-child(5){height:100%}.fpsc__label--low .fpsc__meter i:nth-child(-n+2){background:var(--orange)}.fpsc__label--high .fpsc__meter i{background:var(--mint);box-shadow:0 0 6px #3dffb099}.fpsc__handle{position:absolute;top:0;bottom:0;left:0;translate:calc(var(--split) * 1cqw) 0;z-index:3;display:grid;place-items:center;width:56px;margin-left:-28px;cursor:ew-resize;touch-action:none}.fpsc__handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background:#fff;box-shadow:0 0 0 2.5px var(--ink),0 0 22px 2px #2ee6ff8c}.fpsc__handle:focus{outline:none}.fpsc__knob{position:relative;display:grid;place-items:center;width:clamp(44px,7cqw,58px);height:clamp(44px,7cqw,58px);color:var(--ink);background:var(--grad-gold);border:var(--bw) solid var(--ink);border-radius:14px;box-shadow:0 5px 0 var(--ink),inset 0 3px #ffffff8c,0 10px 22px #08041873;transition:transform .25s var(--ease-bounce)}.fpsc__knob svg{width:62%;height:auto}.fpsc__handle:hover .fpsc__knob,.fpsc.is-dragging .fpsc__knob{transform:scale(1.1) rotate(-3deg)}.fpsc__handle:focus-visible .fpsc__knob{outline:3px solid var(--cyan);outline-offset:4px}.fpsc__hint{position:absolute;top:calc(50% - (clamp(44px,7cqw,58px)/2) - 44px);left:50%;padding:6px 11px;font:400 .85rem/1 var(--font-display);letter-spacing:.05em;white-space:nowrap;color:var(--ink);background:var(--sand-l);border:2px solid var(--ink);border-radius:10px;box-shadow:0 3px 0 var(--ink);transform:translate(-50%);transition:opacity .3s,transform .35s var(--ease-bounce);pointer-events:none}.fpsc__hint:after{content:"";position:absolute;left:50%;top:100%;width:10px;height:10px;margin:-4px 0 0 -5px;background:var(--sand-l);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}.fpsc.is-touched .fpsc__hint{opacity:0;transform:translate(-50%,8px) scale(.9)}@container (max-width: 300px){.fpsc__hint{display:none}}.fpsc__caption{margin:22px auto 0;max-width:62ch;font-size:.9rem;line-height:1.45;text-align:center;text-wrap:balance;color:var(--text-3)}.fpsc__caption .i{margin-right:6px;vertical-align:-.24em;color:var(--cyan)}.fpsc--static .fpsc__layer *{animation:none!important}.fpsc--static .fpsc__cloud--a{transform:translate(25%)}.fpsc--static .fpsc__cloud--b{transform:translate(3%)}.fpsc--static .fpsc__cloud--c{transform:translate(57%)}.fpsc--static .fpsc__layer--low .fpsc__runner{transform:translate(27%)}.fpsc--static .fpsc__layer--high .fpsc__runner{transform:translate(71%)}.fpsc--static .fpsc__ghost{display:block}.fpsc--static .rig__an,.fpsc--static .rig__lf{transform:rotate(-38deg)}.fpsc--static .rig__af,.fpsc--static .rig__ln{transform:rotate(38deg)}.fpsc--static .fpsc__layer--low .fpsc__ghost--1{transform:translate(16.5%);opacity:.45}.fpsc--static .fpsc__layer--low .fpsc__ghost--2{transform:translate(6%);opacity:.2}.fpsc--static .fpsc__layer--high .fpsc__ghost--1{transform:translate(69.2%);opacity:.3}.fpsc--static .fpsc__layer--high .fpsc__ghost--2{transform:translate(67.4%);opacity:.14}@media(max-width:520px){.fpsc__frame{border-radius:var(--r-md);box-shadow:0 7px 0 var(--ink),0 20px 40px #05021473}.fpsc__bar{min-height:42px;gap:8px;padding-left:10px}.fpsc__dots i{width:10px;height:10px}.fpsc__title{font-size:.82rem}.fpsc__pause{height:30px;padding:0 9px}.fpsc__pause span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.fpsc__label small{display:none}.fpsc__hint{font-size:.75rem;padding:5px 8px}}@media print,(forced-colors:active){.fpsc__layer .rig{display:block!important}}@media(forced-colors:active){.fpsc__stage{forced-color-adjust:none}.fpsc__handle:before{background:Highlight;box-shadow:0 0 0 2px Canvas}.fpsc__knob{color:ButtonText;background:ButtonFace;border-color:ButtonText;box-shadow:none}.fpsc__handle:focus-visible .fpsc__knob{outline:3px solid Highlight;outline-offset:4px}}@media print{.fpsc{break-inside:avoid}.fpsc__frame{--text: #f6f1ff;--text-2: #c9bdf0;--text-3: #9a8fcc;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.fpsc__pause,.fpsc__hint{display:none}.fpsc__caption{color:#4a3a6e}.fpsc__layer *{animation:none!important}.fpsc__cloud--a{transform:translate(25%)}.fpsc__cloud--b{transform:translate(3%)}.fpsc__cloud--c{transform:translate(57%)}.fpsc__layer--low .fpsc__runner{transform:translate(27%)}.fpsc__layer--high .fpsc__runner{transform:translate(71%)}.fpsc__ghost{display:block}.fpsc__layer .rig__an,.fpsc__layer .rig__lf{transform:rotate(-38deg)}.fpsc__layer .rig__af,.fpsc__layer .rig__ln{transform:rotate(38deg)}.fpsc__layer--low .fpsc__ghost--1{transform:translate(16.5%);opacity:.45}.fpsc__layer--low .fpsc__ghost--2{transform:translate(6%);opacity:.2}.fpsc__layer--high .fpsc__ghost--1{transform:translate(69.2%);opacity:.3}.fpsc__layer--high .fpsc__ghost--2{transform:translate(67.4%);opacity:.14}}