.ss-page{min-height:calc(100dvh - 60px);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--royal) 9%,transparent),transparent 38rem),var(--night)}.ss-shell{--ss-screen-ink: #eef4ff;--ss-screen-dim: #afbdd2;--ss-screen-line: rgba(198, 214, 236, .22);display:grid;gap:18px;width:100%;max-width:1040px;margin:0 auto;padding:26px 24px 40px}.ss-shell .num{font-family:var(--mono);font-variant-numeric:tabular-nums}.ss-intro{display:flex;align-items:end;justify-content:space-between;gap:18px}.ss-intro-main{display:grid;gap:4px;max-width:680px}.ss-kicker{margin:0;color:var(--royal);font:850 var(--type-micro)/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.ss-title{margin:0;color:var(--chalk);font:900 clamp(30px,4vw,42px)/1 var(--sans);letter-spacing:-.035em}.ss-intro-main>p:last-child{margin:3px 0 0;color:var(--dim);font:650 14px/1.45 var(--sans)}.ss-intro-tools{display:flex;flex:none;align-items:center;gap:8px}.ss-mode-switch{display:inline-flex;flex:none;border:1px solid var(--line);border-radius:999px;padding:3px;background:color-mix(in srgb,var(--booth) 88%,transparent)}.ss-mode-switch a,.ss-mode-switch span{border-radius:inherit;padding:7px 11px;color:var(--dim);font:800 11px/1 var(--sans);text-decoration:none}.ss-mode-switch a:hover,.ss-mode-switch a:focus-visible{color:var(--chalk)}.ss-mode-switch span{color:#f7fbff;background:var(--royal)}.ss-sound-toggle{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:50%;padding:0;color:var(--dim);background:color-mix(in srgb,var(--booth) 88%,transparent);cursor:pointer}.ss-sound-toggle[data-enabled]{color:var(--chalk)}.ss-sound-toggle:hover{border-color:color-mix(in srgb,var(--royal) 48%,var(--line));color:var(--chalk)}.ss-sound-toggle:focus-visible{outline:2px solid var(--royal);outline-offset:2px}.ss-sound-toggle svg{width:20px;height:20px;overflow:visible;fill:currentColor}.ss-sound-toggle svg path+path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.ss-game-grid{display:grid;grid-template-columns:minmax(250px,280px) minmax(460px,640px);grid-template-areas:"readout stage";align-items:start;justify-content:center;gap:14px 18px}.ss-load-panel{display:grid;justify-items:center;gap:14px;max-width:520px;min-height:170px;border:1px solid var(--line);border-radius:14px;padding:34px 24px;background:color-mix(in srgb,var(--booth) 82%,transparent)}.ss-load-ladder{display:grid;grid-template-columns:repeat(5,26px);gap:8px}.ss-load-ladder i{height:8px;border-radius:99px;background:color-mix(in srgb,var(--line) 68%,transparent)}.ss-load-ladder i:first-child{background:var(--champ)}.ss-readout,.ss-done{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--booth) 82%,transparent);box-shadow:0 10px 30px #0000001f}.ss-readout{grid-area:readout;display:grid;gap:16px;padding:15px}.ss-run-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ss-run-readout>span{display:grid;align-content:center;gap:7px;min-height:66px;border:1px solid var(--line);border-radius:11px;padding:10px 11px;background:color-mix(in srgb,var(--night) 34%,transparent)}.ss-run-readout small{color:var(--dim);font:800 var(--type-micro)/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}.ss-run-readout strong{color:var(--chalk);font:900 25px/.9 var(--mono)}.ss-run-readout strong em{color:#f0d17a;font:850 10px/1 var(--sans);font-style:normal;letter-spacing:.08em;text-transform:uppercase}.ss-life-row,.ss-progress-lives b{display:inline-flex;align-items:center;gap:6px}.ss-life-row i,.ss-progress-lives i{display:block;width:12px;height:12px;border:1px solid rgba(239,100,105,.45);border-radius:50%;background:#ef646914}.ss-life-row i[data-live],.ss-progress-lives i[data-live]{border-color:#cfdae6;background:#cfdae6;box-shadow:0 0 0 3px #cfdae60f}.ss-attempt-trail{display:flex;align-items:center;gap:4px;min-height:28px;color:var(--dim);font:750 var(--type-micro)/1.2 var(--sans)}.ss-attempt-trail i{display:block;width:25px;height:7px;flex:1 1 25px;border-radius:2px;background:#ef6469b8;box-shadow:inset 0 0 0 1px #ffb8bb21;font-style:normal}.ss-attempt-trail i[data-state=made]{background:#68e398c2;box-shadow:inset 0 0 0 1px #beffd921}.ss-status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--chalk);font-family:var(--sans)}.ss-rung-label{display:grid;gap:3px}.ss-rung-label small{color:var(--dim);font:800 var(--type-label)/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}.ss-rung-label strong{font:900 20px/1 var(--sans)}.ss-hash{justify-self:end;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--dim);font:750 var(--type-micro)/1 var(--sans);white-space:nowrap}.ss-steps{display:grid;gap:8px;margin:0;padding:13px 0 0;border-top:1px solid var(--line);list-style:none;counter-reset:skill-shot-step}.ss-steps li{display:flex;align-items:center;gap:9px;color:var(--dim);font:700 12px/1.2 var(--sans);counter-increment:skill-shot-step}.ss-steps li:before{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;color:var(--chalk);background:color-mix(in srgb,var(--royal) 18%,var(--booth));content:counter(skill-shot-step);font:850 var(--type-label)/1 var(--mono)}.ss-stage{--ss-world-scale: 1;--ss-world-shift-x: 0px;--ss-world-shift-y: 0px;position:relative;grid-area:stage;aspect-ratio:1 / 1;width:100%;max-width:640px;min-width:0;overflow:hidden;border:1px solid var(--ss-screen-line);border-radius:18px;outline:none;background:#102238;box-shadow:0 24px 68px #00000057,0 1px #7daee20f,inset 0 1px #fff1,inset 0 0 0 1px #040c162e;touch-action:none;user-select:none;-webkit-user-select:none;cursor:default}.ss-shell .ss-stage{touch-action:none}.ss-stage:after{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,transparent 45%,rgba(4,16,16,.012) 61%,rgba(1,8,4,.08)),linear-gradient(90deg,rgba(0,5,12,.045),transparent 17% 83%,rgba(0,5,12,.045));box-shadow:inset 0 -58px 82px #0107041c,inset 0 0 74px #00000013,inset 0 0 0 1px #d6e7f906;content:"";pointer-events:none}.ss-stage:before{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,205,170,.032),transparent 14% 86%,rgba(117,184,255,.038)),linear-gradient(180deg,rgba(150,195,244,.018),transparent 34%,transparent 75%,rgba(0,0,0,.06));content:"";pointer-events:none}.ss-stage[data-gesturing],.ss-stage[data-gesturing] .ss-ball-target{cursor:grabbing}.ss-stage[data-phase=flight],.ss-stage[data-phase=done]{cursor:default}.ss-stage:focus-visible{border-color:var(--royal);box-shadow:0 0 0 3px color-mix(in srgb,var(--royal) 36%,transparent),0 20px 54px #00000052}.ss-canvas,.ss-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ss-world{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:linear-gradient(180deg,#03081203 0,#03081203 45%,#020a0a0a 63%,#01080424),url(/skill-shot/stadium-backdrop-flat-v13.webp) center var(--ss-backdrop-offset-y, 0px) / cover no-repeat,#14253a;transform:translate3d(var(--ss-world-shift-x),var(--ss-world-shift-y),0) scale(var(--ss-world-scale));transform-origin:50% 65%;transition:transform .56s cubic-bezier(.16,.78,.22,1);will-change:transform;pointer-events:none}.ss-stage[data-phase=flight] .ss-world{transition-duration:0ms}.ss-canvas{z-index:2;display:block;opacity:0}.ss-turf-preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ss-stage[data-renderer=webgl] .ss-canvas{opacity:1}.ss-fallback{z-index:1;overflow:hidden;visibility:hidden;opacity:0}.ss-stage[data-renderer=fallback] .ss-fallback{visibility:visible;opacity:1}.ss-field-boot{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:14px;color:#eaf3ff;background:linear-gradient(180deg,#08121e6b,#051119b3),url(/skill-shot/stadium-backdrop-flat-v13.webp) center top / cover no-repeat,#14253a;pointer-events:auto}.ss-field-boot>span:last-child{display:grid;justify-items:center;gap:5px}.ss-field-boot small{color:#8fa6bd;font:850 9px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.ss-field-boot strong{font:880 15px/1 var(--sans);letter-spacing:-.01em}.ss-field-boot-mark{position:relative;display:block;width:48px;height:28px;border-bottom:2px solid rgba(143,177,209,.34)}.ss-field-boot-mark:before,.ss-field-boot-mark i,.ss-field-boot-mark b{position:absolute;bottom:-2px;width:2px;border-radius:2px 2px 0 0;background:#d9ae50;content:""}.ss-field-boot-mark:before{left:50%;height:22px;transform:translate(-50%)}.ss-field-boot-mark i{left:10px;height:10px;opacity:.46}.ss-field-boot-mark b{right:10px;height:10px;opacity:.46}.ss-field-boot-mark:after{position:absolute;left:50%;bottom:18px;width:10px;height:10px;border-top:2px solid #d9ae50;border-right:2px solid #d9ae50;transform:translate(-50%) rotate(-45deg);content:""}.ss-ball-target{--ss-cue-opacity: .62;--ss-cue-load: 0;--ss-cue-stretch: .82;--ss-cue-color: hsl(207 78% 72%);position:absolute;z-index:4;left:50%;top:79%;width:96px;height:96px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:auto;touch-action:none;cursor:grab}.ss-control-cue{position:absolute;left:50%;top:96px;bottom:auto;display:grid;justify-items:center;width:72px;height:104px;transform:translate(-50%);color:var(--ss-cue-color);opacity:var(--ss-cue-opacity);filter:drop-shadow(0 4px 7px rgba(0,0,0,.54));pointer-events:none;transition:color 70ms linear,opacity 70ms linear,transform 70ms linear}.ss-control-cue svg{position:absolute;top:0;display:block;width:42px;height:68px;overflow:visible;transform:scaleY(var(--ss-cue-stretch));transform-origin:50% 3px;transition:transform 70ms linear}.ss-control-cue b{position:absolute;top:calc(62px + var(--ss-cue-load) * 9px);left:50%;margin:0;padding:0;transform:translate(-50%);color:#e7f2fbd1;font:860 9px/1 var(--sans);font-style:normal;letter-spacing:.105em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.82)}.ss-control-cue .ss-cue-shape{fill:color-mix(in srgb,currentColor 62%,#071522);stroke:rgba(235,247,255,calc(.34 + var(--ss-cue-load) * .2));stroke-width:1;stroke-linejoin:round;filter:drop-shadow(0 0 calc(1px + var(--ss-cue-load) * 3px) color-mix(in srgb,currentColor 24%,transparent))}.ss-control-cue .ss-cue-spine{fill:none;stroke:rgba(247,252,255,calc(.38 + var(--ss-cue-load) * .18));stroke-width:1;stroke-linecap:round}.ss-stage[data-gesturing] .ss-control-cue{filter:drop-shadow(0 4px 7px rgba(0,0,0,.58)) drop-shadow(0 0 6px rgba(116,196,255,.14))}.ss-stage[data-gesturing] .ss-control-cue b{display:none}.ss-ball-target[data-loaded] .ss-control-cue{opacity:var(--ss-cue-opacity)}.ss-ball-target[data-full] .ss-control-cue{color:#e7bd63;filter:drop-shadow(0 3px 6px rgba(0,0,0,.62)) drop-shadow(0 0 6px rgba(231,189,99,.18))}.ss-stage[data-phase=flight] .ss-ball-target,.ss-stage[data-phase=between] .ss-ball-target,.ss-stage[data-phase=done] .ss-ball-target{opacity:0}.ss-fallback:before{position:absolute;top:43%;right:-18%;bottom:-12%;left:-18%;clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);background:repeating-linear-gradient(to bottom,transparent 0 11.6%,rgba(234,242,234,.56) 11.8% 12.1%),repeating-linear-gradient(to bottom,#185f2d 0,#185f2d 12%,#145526 12%,#145526 24%);content:""}.ss-fallback:after{position:absolute;left:16%;right:16%;top:42.6%;height:1px;background:#c6d8ed3d;box-shadow:0 -8px 28px #7fafdc2e;content:""}.ss-fallback-goal{position:absolute;z-index:2;left:50%;top:37%;width:24%;height:13%;transform:translate(-50%);border:3px solid #f5bd3f;border-top:0;filter:drop-shadow(0 0 8px rgba(245,189,63,.26))}.ss-fallback-goal:after{position:absolute;left:50%;top:100%;width:3px;height:42%;transform:translate(-50%);background:#f5bd3f;content:""}.ss-fallback-ball{position:absolute;z-index:2;left:50%;top:79%;width:34px;height:52px;transform:translate(-50%,-50%);border:1px solid rgba(255,208,169,.3);border-radius:50% 50% 48% 48%/46% 46% 54% 54%;background:radial-gradient(ellipse at 31% 22%,rgba(255,196,148,.26),transparent 24%),radial-gradient(ellipse at 72% 72%,rgba(34,7,2,.3),transparent 46%),linear-gradient(102deg,#55200e,#7e3217 38%,#8d3c1c 54%,#5a200e);box-shadow:0 8px 13px #00000070,inset -4px -8px 11px #19050242,inset 3px 2px 5px #ffac6f14}.ss-fallback-ball:before{position:absolute;top:7px;bottom:7px;left:50%;border-left:1px solid rgba(42,13,7,.72);content:""}.ss-fallback-ball:after{position:absolute;left:11px;top:16px;width:10px;height:17px;border-right:1px solid rgba(240,227,207,.9);border-left:1px solid rgba(240,227,207,.9);background:repeating-linear-gradient(to bottom,#dccdb6 0 1px,transparent 1px 4px);content:""}.ss-stage-hud{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none}.ss-progress-board,.ss-distance-board,.ss-wind-board{border:1px solid rgba(205,222,242,.28);border-radius:13px;color:var(--ss-screen-ink);background:linear-gradient(180deg,rgba(255,255,255,.075),transparent 38%),linear-gradient(180deg,#192e43e0,#050e18eb);box-shadow:0 10px 26px #0000003d,inset 0 1px #ffffff1c,inset 0 -1px #00000057;-webkit-backdrop-filter:blur(10px) saturate(118%);backdrop-filter:blur(10px) saturate(118%)}.ss-progress-board:before,.ss-distance-board:before,.ss-wind-board:before{position:absolute;top:0;right:14px;left:14px;height:1px;background:linear-gradient(90deg,transparent,rgba(235,246,255,.28),transparent);content:"";pointer-events:none}.ss-distance-board,.ss-wind-board{--ss-condition-exit-opacity: .17s;--ss-condition-exit-motion: .19s}.ss-progress-board{position:absolute;top:14px;left:50%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(72px,1.18fr);align-items:stretch;width:min(250px,calc(100% - 152px));min-height:44px;overflow:hidden;padding:3px;transform:translate(-50%)}.ss-progress-board>span{display:grid;place-content:center;justify-items:center;gap:4px;min-width:0;padding:3px 9px}.ss-progress-board>span+span{border-left:1px solid rgba(205,222,242,.17)}.ss-progress-board small{color:#b1c3d7;font:800 9px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}.ss-progress-board strong{color:#fbfdff;font:900 15px/.95 var(--mono);letter-spacing:-.025em;white-space:nowrap}.ss-progress-board strong em{margin-left:1px;color:#a8bbd0;font:800 9px/1 var(--mono);font-style:normal;letter-spacing:0}.ss-progress-board strong[data-has-make]{color:#92e5b1}.ss-stage[data-endless] .ss-progress-board>span:first-child strong{color:#f5dc95}.ss-stage[data-endless] .ss-progress-board>span:first-child strong em{color:#f0c75c;font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase}.ss-progress-lives b{gap:4px}.ss-progress-lives i{width:7px;height:7px;border-color:#e1999c7a;background:#cd646b1f}.ss-progress-lives i[data-live]{border-color:#cfdae6;background:#cfdae6;box-shadow:0 0 0 2px #cfdae60f}.ss-distance-board{position:absolute;top:65%;left:22%;display:flex;align-items:center;justify-content:center;width:104px;min-height:48px;min-width:0;overflow:hidden;padding:9px 13px;isolation:isolate;border-color:#84bbffad;border-radius:17px;background:radial-gradient(90% 125% at 18% -34%,rgba(145,204,255,.28),transparent 62%),linear-gradient(118deg,#204e84f7,#0d2d52f7 54%,#051323fa);box-shadow:0 12px 30px #0000004f,0 0 22px #428bee17,0 0 0 1px #4389e917,inset 0 1px #ffffff29,inset 0 -1px #0000006b;transform:translate(-50%,-50%);transition:none}.ss-distance-board:before{right:11px;left:11px;background:linear-gradient(90deg,transparent,rgba(190,222,255,.78),transparent)}.ss-distance-board>strong{position:relative;z-index:1;display:flex;align-items:baseline;color:#fff;font:920 25px/.92 var(--mono);letter-spacing:-.04em;white-space:nowrap;text-shadow:0 1px 6px rgba(0,6,16,.78),0 0 16px rgba(120,183,255,.16)}.ss-distance-board>strong small{margin-left:3px;color:#cfe4ff;font:850 10px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}.ss-wind-board{position:absolute;top:65%;right:15%;display:flex;align-items:center;gap:4px;width:min(92px,28.5%);min-width:0;transform:translate(50%,-50%);padding:5px 6px 5px 5px;border-color:#85baf766;background:linear-gradient(145deg,#091e34e6,#06101dd1);box-shadow:0 7px 22px #00000047,0 0 0 1px #4d9dff0e,inset 0 1px #ffffff12}.ss-wind-board{right:22%;justify-content:center;gap:7px;width:132px;min-height:48px;overflow:hidden;padding:7px 10px 7px 7px;isolation:isolate;border-color:#6adecf9e;border-radius:17px;background:radial-gradient(92% 128% at 18% -36%,rgba(139,238,224,.24),transparent 62%),linear-gradient(118deg,#124f52f7,#083038f7 54%,#03161dfa);box-shadow:0 12px 30px #0000004f,0 0 22px #36bead14,0 0 0 1px #43beae14,inset 0 1px #ffffff26,inset 0 -1px #0000006b;transition:none}.ss-wind-board:before{right:11px;left:11px;background:linear-gradient(90deg,transparent,rgba(177,246,236,.74),transparent)}.ss-stage[data-phase=flight] .ss-distance-board,.ss-stage[data-phase=flight] .ss-wind-board{visibility:hidden;opacity:0;transition:opacity var(--ss-condition-exit-opacity) cubic-bezier(.4,0,1,1),transform var(--ss-condition-exit-motion) cubic-bezier(.4,0,.6,1),visibility 0ms linear var(--ss-condition-exit-opacity)}.ss-stage[data-phase=flight] .ss-distance-board{transform:translate(-50%,calc(-50% - 6px))}.ss-stage[data-phase=flight] .ss-wind-board{transform:translate(50%,calc(-50% - 6px))}.ss-wind-board[data-force=strong],.ss-wind-board[data-force=heavy]{border-color:#8fefe1c7;box-shadow:0 12px 30px #0000004f,0 0 24px #40ccb81f,inset 0 1px #ffffff2b,inset 0 -1px #0000006b}.ss-wind-board[data-force=heavy]{background:radial-gradient(94% 132% at 18% -38%,rgba(163,255,239,.3),transparent 62%),linear-gradient(118deg,#145c5cfa,#07363dfa 54%,#03181ffc)}.ss-wind-board[data-force=heavy] .ss-wind-arrow{color:#dcfff8;background:linear-gradient(145deg,#5ee4d145,#18676540)}.ss-wind-arrow{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid rgba(151,239,227,.38);border-radius:10px;color:#b8f5ec;background:linear-gradient(145deg,#60daca30,#14565738);box-shadow:inset 0 1px #ffffff17,0 2px 8px #000c0f2e}.ss-wind-arrow svg{display:block;width:19px;height:19px;filter:drop-shadow(0 1px 3px rgba(112,226,210,.2))}.ss-wind-arrow path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ss-wind-arrow circle{fill:currentColor}.ss-wind-effect{position:relative;z-index:1;display:flex;align-items:center;min-width:0}.ss-wind-effect strong{display:flex;align-items:baseline;gap:1px;color:#f5fffd;font:900 17px/.92 var(--mono);letter-spacing:-.025em;white-space:nowrap}.ss-wind-effect strong b{font:inherit}.ss-wind-effect strong em{color:#c2e7e1;font:800 10px/1 var(--sans);font-style:normal;letter-spacing:.02em}.ss-wind-board .ss-wind-arrow{width:30px;height:30px;border-color:#89e6da4d}.ss-wind-board .ss-wind-arrow svg{width:19px;height:19px}.ss-wind-board .ss-wind-effect strong{font-size:17px}.ss-slice-trail{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;contain:strict;opacity:.96;mix-blend-mode:screen;pointer-events:none;transform:translateZ(0)}.ss-kick-mark{position:absolute;z-index:5;left:50%;top:50%;display:grid;place-items:center;width:30px;height:30px;opacity:0;transform:translate(-50%,-50%);color:#f6f1e8;filter:drop-shadow(0 1px 2px rgba(1,7,11,.9)) drop-shadow(0 0 7px rgba(255,247,232,.22));pointer-events:none;transition:opacity .3s cubic-bezier(.16,.72,.28,1)}.ss-kick-mark[data-state=visible]{opacity:.94;transition-duration:0ms}.ss-kick-mark[data-state=fading]{opacity:0}.ss-kick-mark i{position:relative;display:block;width:24px;height:24px}.ss-kick-mark[data-state=visible] i{animation:ss-kick-mark-in .15s cubic-bezier(.2,.9,.28,1.12) both}.ss-kick-mark[data-kind=made] i{box-sizing:border-box;border:1.6px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #0c151b29,0 0 8px #fff8ec24}.ss-kick-mark[data-kind=made] i:after{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:currentColor;box-shadow:0 0 5px #fff8ec38;content:""}.ss-kick-mark[data-kind=miss] i:before,.ss-kick-mark[data-kind=miss] i:after{position:absolute;top:11px;left:2px;width:20px;height:1.8px;border-radius:2px;background:currentColor;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14% 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14% 86%,transparent);box-shadow:0 0 4px #fff8ec29;content:""}.ss-kick-mark[data-kind=miss] i:before{transform:rotate(45deg)}.ss-kick-mark[data-kind=miss] i:after{transform:rotate(-45deg)}@keyframes ss-kick-mark-in{0%{opacity:0;transform:scale(.58)}to{opacity:1;transform:scale(1)}}.ss-success-callout{--ss-callout-rule: rgba(246, 241, 232, .52);--ss-callout-rule-glow: rgba(246, 241, 232, .16);position:absolute;z-index:6;top:32%;left:50%;opacity:0;color:#f6f1e8;filter:blur(1.25px);font:900 clamp(22px,5.2vw,38px)/.9 var(--display);letter-spacing:.14em;paint-order:stroke fill;text-indent:.14em;-webkit-text-stroke-color:#26333c;-webkit-text-stroke-width:.75px;text-shadow:0 2px 7px rgba(1,7,11,.82),0 0 14px rgba(255,247,232,.14);white-space:nowrap;pointer-events:none;transform:translate(-50%,7px) scale(.95)}.ss-success-callout-main,.ss-success-callout-word,.ss-success-callout-level{color:inherit;font:inherit;letter-spacing:inherit}.ss-success-callout-main{white-space:nowrap}.ss-success-callout-level{margin-left:.1em;font-weight:inherit}.ss-success-callout:is([data-tier=good],[data-tier=great]):before,.ss-success-callout:is([data-tier=good],[data-tier=great]):after{position:absolute;top:48%;width:clamp(18px,5vw,34px);height:1px;background:linear-gradient(90deg,transparent,var(--ss-callout-rule));box-shadow:0 0 7px var(--ss-callout-rule-glow);content:"";pointer-events:none}.ss-success-callout:is([data-tier=good],[data-tier=great]):before{right:calc(100% + 11px)}.ss-success-callout:is([data-tier=good],[data-tier=great]):after{left:calc(100% + 11px);background:linear-gradient(90deg,var(--ss-callout-rule),transparent)}.ss-success-callout[data-tier=good]{--ss-callout-rule: rgba(140, 232, 176, .72);--ss-callout-rule-glow: rgba(76, 210, 135, .24);color:#8ce8b0;font-size:clamp(22px,4.9vw,36px);letter-spacing:.13em;text-indent:.13em;-webkit-text-stroke-color:#17452f;-webkit-text-stroke-width:.7px;text-shadow:0 2px 8px rgba(1,7,11,.84),0 0 15px rgba(76,210,135,.2)}.ss-success-callout[data-tier=great]{--ss-callout-rule: rgba(240, 209, 122, .76);--ss-callout-rule-glow: rgba(240, 209, 122, .25);color:#f0d17a;font-size:clamp(25px,5.7vw,42px);letter-spacing:.12em;text-indent:.12em;-webkit-text-stroke-color:#604711;-webkit-text-stroke-width:.85px;text-shadow:0 2px 8px rgba(1,7,11,.84),0 0 17px rgba(240,209,122,.24)}.ss-success-callout[data-tier=level]{isolation:isolate;display:grid;place-items:center;gap:10px;padding:0 24px 12px;color:#f4f7ff;font-size:clamp(42px,10.5vw,68px);letter-spacing:.045em;text-indent:.045em;-webkit-text-stroke-color:#263b68;-webkit-text-stroke-width:1px;text-shadow:0 3px 11px rgba(1,7,18,.92),0 0 18px rgba(104,153,255,.38),0 0 42px rgba(64,117,236,.2)}.ss-success-callout[data-tier=level] .ss-success-callout-level{color:#92baff;-webkit-text-stroke-color:#173f89;text-shadow:0 3px 11px rgba(1,7,18,.92),0 0 20px rgba(104,161,255,.52),0 0 44px rgba(64,117,236,.26)}.ss-success-callout[data-tier=level]:before{border-block:1px solid rgba(164,193,255,.58);padding:5px 11px 4px;color:#b8ceff;content:"LEVEL UP";font:900 10px/1 var(--sans);letter-spacing:.14em;text-indent:.14em;-webkit-text-stroke-width:0;text-shadow:0 1px 8px rgba(4,10,22,.78),0 0 13px rgba(104,153,255,.34)}.ss-success-callout[data-tier=level][data-level-number="1"]:before{content:none}.ss-success-callout[data-tier=level]:after{position:absolute;bottom:0;left:50%;width:84px;height:1px;background:linear-gradient(90deg,transparent,rgba(188,209,255,.9),transparent);box-shadow:0 0 10px #699bff8c;content:"";transform:translate(-50%)}.ss-success-callout[data-tier=level][data-endless]{color:#fff3d3;-webkit-text-stroke-color:#59451d;text-shadow:0 3px 11px rgba(1,7,18,.92),0 0 20px rgba(244,196,72,.38),0 0 44px rgba(205,142,22,.22)}.ss-success-callout[data-tier=level][data-endless] .ss-success-callout-level{color:#f4d47f;-webkit-text-stroke-color:#694b0d;text-shadow:0 3px 11px rgba(1,7,18,.92),0 0 22px rgba(244,196,72,.48),0 0 46px rgba(205,142,22,.26)}.ss-success-callout[data-tier=level][data-endless]:before{border-color:#f4cf74a3;color:#f4d47f;content:"ENDLESS LEVEL";text-shadow:0 1px 8px rgba(4,10,22,.78),0 0 13px rgba(244,196,72,.3)}.ss-success-callout[data-tier=level][data-endless]:after{background:linear-gradient(90deg,transparent,rgba(244,207,116,.94),transparent);box-shadow:0 0 11px #f4c44894}.ss-success-callout[data-state=visible]{animation:ss-success-callout-in .72s cubic-bezier(.2,.76,.22,1) both}.ss-success-callout[data-tier=level][data-state=visible]{animation:ss-level-callout-in 1.8s cubic-bezier(.16,.78,.22,1) both}@keyframes ss-success-callout-in{0%{opacity:0;filter:blur(2px);transform:translate(-50%,8px) scale(.93)}19%{opacity:.97;filter:blur(0);transform:translate(-50%,-1px) scale(1.015)}36%{opacity:.94;filter:blur(0);transform:translate(-50%) scale(1)}65%{opacity:.9;filter:blur(0);transform:translate(-50%,-1px) scale(1)}to{opacity:0;filter:blur(1.25px);transform:translate(-50%,-8px) scale(1.012)}}@keyframes ss-level-callout-in{0%{opacity:0;filter:blur(2px);transform:translate(-50%,13px) scale(.86)}12%{opacity:1;filter:blur(0);transform:translate(-50%,-3px) scale(1.045)}23%{opacity:1;filter:blur(0);transform:translate(-50%) scale(1)}78%{opacity:1;filter:blur(0);transform:translate(-50%,-1px) scale(1)}to{opacity:0;filter:blur(1px);transform:translate(-50%,-12px) scale(1.018)}}.ss-refresh-card{z-index:8;grid-area:stage;place-self:center;display:grid;justify-items:center;gap:8px;width:min(310px,calc(100% - 28px));border:1px solid color-mix(in srgb,var(--royal) 55%,var(--line));border-radius:15px;padding:18px;color:var(--chalk);background:color-mix(in srgb,var(--booth) 96%,var(--royal) 4%);box-shadow:0 18px 48px #0000007a;text-align:center}.ss-refresh-card strong{font:900 19px/1.1 var(--sans)}.ss-refresh-card span{color:var(--dim);font:650 13px/1.4 var(--sans)}.ss-note{margin:0;color:#aebed0;font:700 13px/1.4 var(--sans);text-align:center}.ss-done{--ss-result-accent: #ff8e98;z-index:400;grid-area:stage;place-self:end center;display:grid;gap:8px;justify-items:stretch;width:min(448px,calc(100% - 28px));max-height:min(95dvh,calc(100dvh - 16px));margin:8px;overflow:auto;border-color:color-mix(in srgb,var(--ss-result-accent) 34%,#20354b);border-radius:20px;padding:8px;background:radial-gradient(circle at 50% -8%,color-mix(in srgb,var(--ss-result-accent) 19%,transparent),transparent 42%),radial-gradient(circle at 108% 82%,rgba(41,105,190,.14),transparent 41%),linear-gradient(155deg,#0b1d2f,#071522 52%,#06111c);box-shadow:0 24px 70px #0000009e,0 0 0 1px #040b135c,inset 0 1px #d2e6ff12;outline:none;animation:ss-completion-in .18s cubic-bezier(.2,.8,.2,1) both}.ss-done[data-has-make]{--ss-result-accent: #68e398}.ss-done[data-mastered]{--ss-result-accent: var(--champ)}.ss-done[data-endless]{--ss-result-accent: #f0c75c}@keyframes ss-completion-in{0%{opacity:0}}.ss-result-hero{position:relative;overflow:hidden;display:grid;border:1px solid transparent;border-radius:17px;background:radial-gradient(82% 90% at 50% -24%,color-mix(in srgb,var(--ss-result-accent) 23%,transparent),transparent 68%),linear-gradient(145deg,#0e2335fa,#071420fc 58%,#06101afc);box-shadow:none}.ss-result-hero:before{position:absolute;top:0;right:18px;left:18px;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ss-result-accent) 64%,transparent),transparent);content:""}.ss-result-heading{display:grid;gap:5px;padding:11px 14px 9px;text-align:center}.ss-done h2{margin:0;color:var(--chalk);font:950 clamp(24px,4.2vw,30px)/1 var(--sans);letter-spacing:-.025em;text-align:center}.ss-done h2 span{color:#cbd9e8}.ss-done h2 em{color:var(--ss-result-accent);font-style:normal}.ss-result-heading>p:last-child{margin:0;color:#b9c8d6;font:720 14px/1.35 var(--sans);text-align:center}.ss-result-heading>p:last-child strong{font-weight:880}.ss-result-heading>p:last-child strong[data-tone=made]{color:#8eeab2}.ss-result-heading>p:last-child span{color:#d4dee8}.ss-result-scrim{z-index:7;grid-area:stage;align-self:stretch;justify-self:stretch;display:block;min-width:0;border-radius:18px;background:#03070cb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ss-result-scoreboard{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid rgba(155,186,223,.18);padding:0 14px 9px;background:linear-gradient(180deg,color-mix(in srgb,var(--ss-result-accent) 5%,transparent),#040e172e)}.ss-result-primary-score{display:flex;align-items:baseline;justify-content:center;gap:6px;border-bottom:1px solid rgba(155,186,223,.13);padding:6px 0 8px}.ss-result-primary-score small{color:#c0cedb;font:880 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}.ss-result-primary-score small b{color:var(--ss-result-accent);font:inherit}.ss-result-primary-score strong{order:-1;color:var(--ss-result-accent);font:900 26px/1 var(--mono);letter-spacing:-.025em;text-shadow:0 0 18px color-mix(in srgb,var(--ss-result-accent) 16%,transparent)}.ss-result-scoreboard dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:13px 0 0}.ss-result-scoreboard dl>div{display:grid;justify-items:center;gap:6px;min-width:0;padding:0 8px}.ss-result-scoreboard dl>div+div{border-left:1px solid rgba(191,211,235,.13)}.ss-result-scoreboard dt{grid-row:2;color:#aebed0;font:840 12px/1.15 var(--sans);letter-spacing:.035em;text-align:center;text-transform:uppercase}.ss-result-scoreboard dd{grid-row:1;margin:0;color:#fff;font:950 21px/1 var(--mono);white-space:nowrap}.ss-result-scoreboard dl>div:nth-child(1) dd{color:#b3c8ff}.ss-result-scoreboard dl>div:nth-child(2) dd{color:#8ce8b0}.ss-result-scoreboard dl>div:nth-child(3) dd{color:#f0d17a}.ss-result-receipt{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:34px;border:1px solid rgba(111,167,255,.16);border-radius:11px;padding:7px 9px;background:#3767a714}.ss-result-receipt>strong{display:inline-flex;align-items:center;gap:6px;color:#c9d9ea;font:820 14px/1.2 var(--sans)}.ss-result-receipt-label{border:1px solid rgba(111,167,255,.3);border-radius:999px;padding:5px 8px;color:#a9c4f8;background:#4e8aff17;font:900 9px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.ss-result-receipt[data-state=saved] .ss-result-receipt-label{color:#9bf0bc;border-color:#68e3984d;background:#68e39814}.ss-result-receipt[data-state=saved]{border-color:#68e3982e;background:linear-gradient(90deg,#389a661c,#23547a0e)}.ss-result-daily{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;border-top:1px solid rgba(153,188,218,.13);padding-top:7px;color:#b5c7d9;font:600 12px/1.45 var(--sans)}.ss-result-daily>strong{color:#f0d17a;font-weight:800;font-variant-numeric:tabular-nums}.ss-result-receipt[data-daily-earned]{border-color:#f0d17a4d;background:linear-gradient(110deg,#a47e2929,#389a6612)}.ss-result-receipt[data-daily-earned] .ss-result-receipt-label{border-color:#f0d17a4d;color:#f0d17a;background:#f0d17a14}.ss-result-receipt[data-state=failed] .ss-result-receipt-label{color:#f1bc86;border-color:#efa05b52;background:#efa05b14}.ss-result-receipt[data-state=failed]{border-color:#efa05b33;background:linear-gradient(90deg,#ae5d2d1c,#52363a0e)}.ss-result-receipt[data-state=saving] .ss-result-receipt-label{color:#afc7fb;border-color:#6fa7ff57;background:#4e8aff1c}.ss-result-receipt[data-state=saving]{border-color:#6fa7ff33;background:linear-gradient(90deg,#3667b41f,#2144710e)}.ss-result-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 18px;color:#b8c8d8;font:780 13px/1.2 var(--sans)}.ss-result-meta small{color:#9cafc1;font:inherit}.ss-result-meta b{color:#f0f6ff;font:900 13px/1.2 var(--mono)}.ss-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ss-actions .btn{min-width:0;border-radius:11px}.ss-actions>:only-child{grid-column:1 / -1}.ss-actions .ss-replay-action{grid-column:1 / -1;min-height:44px;padding-block:9px;border-color:#85beff9e;color:#f6fbff;background:linear-gradient(135deg,#5ba0f4,#397ce2,#255ec8);box-shadow:0 10px 24px #1c59be4d,inset 0 1px #e7f6ff57,inset 0 -1px #0a2a694d;font-size:14px;font-weight:920;letter-spacing:.01em}.ss-actions .ss-replay-action:hover{background:linear-gradient(135deg,#61a2f7,#3d80e6 52%,#2d66cf)}.ss-actions .ss-replay-action:active{transform:translateY(1px)}.ss-actions .ss-retry-action{grid-column:1 / -1}.ss-actions .ss-board-action,.ss-actions .ss-copy-action{min-height:44px;border-color:#97b1cf24;padding-block:8px;color:#c6d6e6;background:#7191b80e;font-size:13px;font-weight:820}.ss-actions .ss-board-action{border-color:#7da4f045;color:#bed3f5;background:linear-gradient(145deg,#4470c02b,#2c4a7e1a)}.ss-actions .ss-board-action:hover{border-color:#89aff957;color:#fff;background:#6791de29}.ss-actions .ss-copy-action{border-color:#5bcfbe47;color:#acdcd5;background:linear-gradient(145deg,#2a897c21,#204c5314)}.ss-actions .ss-copy-action:hover{border-color:#64dbc957;color:#d8f5f0;background:#36998b26}@media(max-width:820px){.ss-shell{max-width:620px;gap:13px;padding:16px 16px 28px}.ss-game-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "readout";gap:10px}.ss-stage{aspect-ratio:4 / 5;width:min(100%,400px);max-width:400px;justify-self:center}.ss-readout{gap:10px;padding:11px}.ss-status{grid-template-columns:minmax(0,1fr) auto;gap:8px}.ss-rung-label strong{font-size:17px}.ss-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-top:10px}.ss-steps li{gap:5px;font-size:var(--type-micro)}.ss-steps li:before{width:17px;height:17px;flex-basis:17px;font-size:var(--type-label)}.ss-done{width:calc(100% - 20px);max-height:min(95dvh,calc(100dvh - 12px));margin:6px}}@media(max-width:420px){.ss-shell{gap:10px;padding:10px 12px 20px}.ss-intro{display:grid;align-items:start;gap:9px}.ss-intro-tools{justify-self:stretch;justify-content:space-between}.ss-title{font-size:29px}.ss-intro-main>p:last-child{font-size:12px}.ss-result-receipt{grid-template-columns:auto minmax(0,1fr)}.ss-mode-switch a,.ss-mode-switch span{padding:6px 8px;font-size:10px}.ss-run-readout>span{min-height:58px;padding:8px 9px}.ss-run-readout strong{font-size:22px}.ss-attempt-trail i{width:23px;height:7px}.ss-status{gap:6px}.ss-stage{border-radius:15px}.ss-progress-board{width:min(212px,calc(100% - 108px))}.ss-progress-board>span{padding-inline:6px}.ss-distance-board{width:100px;padding-inline:11px}.ss-distance-board>strong{font-size:24px}.ss-wind-board{width:120px;gap:6px;padding-inline:5px}.ss-wind-arrow{width:28px;height:28px;border-radius:9px}.ss-wind-effect strong em{font-size:9px}.ss-result-hero{border-radius:15px}.ss-result-heading{padding:15px 12px 12px}.ss-result-primary-score strong{font-size:26px}.ss-result-scoreboard{padding-inline:12px}.ss-result-scoreboard dl>div{padding-inline:4px}}@media(prefers-reduced-motion:reduce){.ss-world,.ss-canvas,.ss-fallback{transition:none}.ss-control-cue,.ss-control-cue svg{transition:none}.ss-slice-trail{display:none}.ss-kick-mark{transition:none}.ss-kick-mark i{animation:none}.ss-success-callout[data-state=visible]{opacity:.92;filter:none;animation:none;transform:translate(-50%)}.ss-success-callout[data-tier=level][data-state=visible]:after{animation:none}.ss-done{animation:none}}.ss-done .earned-account[data-variant=live-result]{margin-top:0;border-color:color-mix(in srgb,var(--ss-result-accent) 30%,#20354b);background:radial-gradient(88% 130% at 100% 0%,color-mix(in srgb,var(--ss-result-accent) 13%,transparent),transparent 66%),linear-gradient(150deg,#0e2335fa,#071420fc 62%,#06101afc);box-shadow:inset 0 1px #d2e6ff0f}.ss-done .earned-account[data-variant=live-result] .earned-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.ss-done .earned-account[data-variant=live-result] .earned-account-action-label{grid-column:1 / -1;margin-bottom:0}.ss-done .earned-account[data-variant=live-result] .earned-account-google,.ss-done .earned-account[data-variant=live-result] .earned-account-email{width:100%;min-width:0;gap:6px;padding-inline:8px;font-size:clamp(10.5px,2.8vw,14px)}