@font-face{font-family:Fredoka;src:url(/g/stick-scuffle/fonts/fredoka-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{--ink: #2a1e5c;--cream: #fff7e6;--yellow: #ffc21a;--orange: #ff6b1a;--teal: #22c3a6;--muted: #6b6390;--font: "Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--cream);color:var(--ink);font-family:var(--font);overflow:hidden}body{-webkit-tap-highlight-color:transparent}.cg-spacer{flex:1}.cg-select,.cg-btn{font:500 14px/1 var(--font);color:var(--ink);background:#fff;min-height:36px;border:2px solid var(--ink);border-radius:10px;padding:0 10px;cursor:pointer}.cg-btn{box-shadow:0 2px 0 var(--ink)}.cg-btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.cg-btn-primary{background:var(--orange);font-weight:700}.cg-icon{width:38px;padding:0;font-size:17px}.cg-icon.is-off{opacity:.4}.cg-btn:disabled{opacity:.45;cursor:default}.cg-select:focus-visible,.cg-btn:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.cg-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.cg-btns .cg-btn{min-height:42px;padding:0 16px;font-size:16px}[hidden]{display:none!important}.ss-app{height:100vh;height:100dvh;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"bar bar bar" "padl stage padr" "info info info";gap:6px 10px;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));user-select:none;-webkit-user-select:none}.ss-bar{grid-area:bar;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ss-stage{grid-area:stage;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center}.ss-pad-l{grid-area:padl}.ss-pad-r{grid-area:padr}.ss-info{grid-area:info;text-align:center}.ss-status{margin:0;font-size:14px;font-weight:500;color:var(--muted);line-height:1.4;min-height:1.4em}.ss-record{margin:2px 0 0;font-size:13px;color:var(--muted)}.ss-record:empty{display:none}.ss-wrap{position:relative}.ss-canvas{display:block;border-radius:12px;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#f6d7bf;touch-action:none}.ss-overlay{position:absolute;inset:0;z-index:3;border-radius:12px;padding:14px;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:#fff7e6d1;cursor:pointer}.ss-overlay.is-end{cursor:default;background:#fff7e6e6}.ss-ov-title{font-size:34px;font-weight:700;line-height:1.1}.ss-overlay.is-end .ss-ov-title{color:#c2410c;font-size:38px}.ss-ov-sub{max-width:34em;font-size:15px;line-height:1.45}.ss-modes .ss-mode{min-height:38px;font-size:15px}.ss-modes .ss-mode.is-on{background:var(--yellow);font-weight:700}.ss-revive{background:var(--teal)}.ss-stats{display:grid;grid-template-columns:repeat(4,minmax(64px,auto));gap:6px 8px;justify-content:center}.ss-stats:empty{display:none}.ss-stat{display:flex;flex-direction:column;align-items:center;padding:4px 8px;border:2px solid var(--ink);border-radius:10px;background:#fff;line-height:1.2}.ss-stat b{font-size:17px;font-weight:700}.ss-stat span{font-size:12px;color:var(--muted)}.ss-goal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;max-width:34em;font-size:13px;color:var(--muted)}.ss-goal:empty{display:none}.ss-goal-new{font-weight:700;color:#c2410c}.ss-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92%,580px);max-height:94%;z-index:6;overflow:auto;padding:12px 14px;border:3px solid var(--ink);border-radius:14px;background:var(--cream);box-shadow:0 4px 0 var(--ink);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.ss-panel-title{font-size:19px;font-weight:700}.ss-panel table{border-collapse:collapse;font-size:13.5px;line-height:1.45}.ss-panel td{padding:3px 8px;border-bottom:1px dashed rgba(42,30,92,.2)}.ss-panel td:first-child{font-weight:700;white-space:nowrap}.ss-panel td:last-child{color:var(--muted)}.ss-fits{cursor:default;gap:6px}.ss-fits-side{align-self:flex-start;font-size:13px;font-weight:700}.ss-fits-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.ss-fit{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 4px 3px;min-width:70px;border:2px solid rgba(42,30,92,.35);border-radius:10px;background:#fff;color:var(--ink);font:500 12px/1.25 var(--font);cursor:pointer}.ss-fit.is-on{border-color:var(--orange);box-shadow:0 0 0 2px #ff6b1a4d;font-weight:700}.ss-fit.is-locked{background:#f1ece2;color:var(--muted)}.ss-fit.is-locked canvas{opacity:.45;filter:grayscale(1)}.ss-fits-tip{max-width:34em;font-size:12.5px;line-height:1.5;color:var(--muted)}.ss-solo{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:8px;padding:5px 8px 5px 12px;white-space:nowrap;border:2px solid var(--ink);border-radius:999px;background:#fff7e6f2;font-size:13px;font-weight:700}.ss-foes{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:6px auto 0;max-width:60em}.ss-foe{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:2px solid rgba(42,30,92,.3);border-radius:999px;background:#fff;font-size:12px;line-height:1.3}.ss-foe b{font-weight:700;color:#c2410c}.ss-foe-stars{color:#d98a1c;letter-spacing:1px}.ss-foe.is-now{border-color:var(--orange);box-shadow:0 0 0 2px #ff6b1a40}.ss-pad{display:none}@media(pointer:coarse){.ss-pad{display:flex;align-items:center;justify-content:center;gap:10px}}.ss-dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,46px);gap:6px;touch-action:none}.ss-dpad-btn{font:700 22px/1 var(--font);border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);box-shadow:inset 0 -4px #eadfc8,0 3px 0 var(--ink);cursor:pointer;touch-action:none;padding:0;-webkit-touch-callout:none}.ss-dpad-btn.is-up{grid-column:2;grid-row:1}.ss-dpad-btn.is-left{grid-column:1;grid-row:2}.ss-dpad-btn.is-right{grid-column:3;grid-row:2}.ss-dpad-btn.is-down-key{grid-column:2;grid-row:3}.ss-dpad-btn.is-down{transform:translateY(3px);box-shadow:inset 0 -2px #eadfc8,0 0 0 var(--ink);background:var(--yellow)}.ss-dpad.is-p2 .ss-dpad-btn{background:#eef5ff;border-color:#1f3f6a}.ss-keys{display:grid;grid-template-columns:repeat(2,64px);grid-auto-rows:48px;gap:7px}.ss-keys.is-simple,.ss-keys.is-p2{grid-template-columns:70px;grid-auto-rows:58px}.ss-key{width:100%;height:100%;padding:0;border:3px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);font:700 15px/1 var(--font);box-shadow:inset 0 -5px #0000001a,0 4px 0 var(--ink);touch-action:none;-webkit-touch-callout:none}.ss-key.is-punch{background:#ffd9c9}.ss-key.is-kick{background:#ffe7a8}.ss-key.is-block{background:#d6ebff}.ss-key.is-jump{background:#dff5e9}.ss-key.is-grab{background:#ecdcff}.ss-key.is-super{--en: 0%;background:linear-gradient(to top,#ffc978 var(--en),#ddd8d0 var(--en));color:var(--muted)}.ss-key.is-super.is-ready{background:var(--orange);color:#fff;text-shadow:0 1px 0 var(--ink);animation:ss-breathe 1.1s ease-in-out infinite}.ss-key.is-down{transform:translateY(4px);box-shadow:inset 0 -2px #0000001a,0 0 0 var(--ink);filter:brightness(.93)}.ss-keys.is-p2 .ss-key.is-punch{background:#cfe2ff}@keyframes ss-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@media(pointer:coarse)and (orientation:portrait){.ss-app{grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"bar bar" "stage stage" "info info" "padl padr"}.ss-app.is-duo .ss-pad{display:none}.ss-pad-l{justify-content:flex-start}.ss-pad-r{justify-content:flex-end}.ss-stage{align-items:flex-end}}@media(max-width:720px)and (orientation:portrait){.ss-bar{flex-wrap:nowrap;gap:4px}.ss-bar .cg-select{min-width:0;padding:0 3px;font-size:13px}.ss-bar .cg-btn{flex:none;padding:0 7px;font-size:13px}.ss-bar .cg-icon{width:30px;padding:0}}@media(pointer:coarse)and (orientation:landscape)and (max-height:520px){.ss-app{gap:4px 8px;padding-top:4px}.ss-dpad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,42px);gap:5px}.ss-keys{grid-template-columns:repeat(2,58px);grid-auto-rows:44px;gap:6px}.ss-app.is-duo .ss-pad{flex-direction:column;gap:6px}.ss-app.is-duo .ss-keys{grid-template-columns:repeat(2,54px);grid-auto-rows:46px}.ss-app.is-duo .ss-dpad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,38px);gap:4px}.ss-record,.ss-foes{display:none}.ss-status{font-size:12px}}@media(max-width:720px),(max-height:520px){.ss-overlay{gap:6px;padding:8px}.ss-ov-title,.ss-overlay.is-end .ss-ov-title{font-size:24px}.ss-ov-sub{font-size:12.5px;line-height:1.35}.ss-stat:nth-child(n+5){display:none}.ss-stat{padding:2px 6px}.ss-stat b{font-size:14px}.ss-overlay .cg-btns .cg-btn{min-height:34px;font-size:14px;padding:0 10px}.ss-modes .ss-mode{min-height:32px;font-size:13px}.ss-panel{width:96%;padding:8px}.ss-panel table{font-size:12px}.ss-select,.cg-select,.cg-btn{min-height:32px;font-size:13px}.ss-bar .cg-icon{width:32px}}@media(prefers-reduced-motion:reduce){.ss-key.is-down,.ss-dpad-btn.is-down{transform:none}.ss-key.is-super.is-ready{animation:none}}