body.p-climb{touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1rem;display:flex;overflow:hidden}body.p-climb #stage{aspect-ratio:1;border:3px solid var(--line);background:#141040;border-radius:18px;width:min(512px,92vw,62vh);position:relative;overflow:hidden}body.p-climb canvas{width:100%;height:100%;display:block}body.p-climb .sound{position:absolute;top:.6rem;right:.6rem}body.p-climb .controls{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:min(512px,92vw);display:none}body.p-climb.touch .controls{display:flex}body.p-climb .stick{aspect-ratio:1;border:3px solid var(--line);background:var(--card);width:9.4rem;color:var(--ink);touch-action:none;cursor:pointer;border-radius:50%;position:relative}body.p-climb .stick>svg{opacity:.35;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}body.p-climb .stick-nub{aspect-ratio:1;border:3px solid var(--line);background:var(--card);pointer-events:none;border-radius:50%;width:42%;margin:auto;transition:transform 60ms linear;position:absolute;inset:0}body.p-climb .stick-nub.live{background:var(--yolk);border-color:var(--plum)}body.p-climb .acts{gap:.7rem;display:flex}body.p-climb .acts button{border:3px solid var(--line);background:var(--card);width:3.6rem;height:3.6rem;color:var(--ink);touch-action:none;cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}body.p-climb .acts button svg{width:1.5rem;height:1.5rem;display:block}body.p-climb .acts button:active,body.p-climb .acts button.held{background:var(--yolk);color:var(--plum)}