.game-touch-controls{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:none}.game-touch-directions{gap:.5rem;display:flex}.game-touch-controls .game-touch-button{border:1px solid var(--color-rule);background:var(--color-paper);width:clamp(3.5rem,15vw,4.75rem);min-width:48px;height:clamp(3.5rem,15vw,4.75rem);min-height:48px;color:var(--color-ink);font:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;box-shadow:0 3px 0 var(--color-rule);border-radius:4px;place-content:center;gap:.1rem;padding:.35rem;font-size:1.75rem;line-height:1;display:grid}.game-touch-controls .game-touch-jump{width:clamp(4.5rem,20vw,6rem)}.game-touch-controls .game-touch-button svg{fill:currentColor;shape-rendering:crispedges;width:1.75rem;height:1.75rem}.game-touch-controls .game-touch-button small{font-size:.68rem;line-height:1.15}.game-touch-controls .game-touch-button[data-held=true]{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink);box-shadow:none;transform:translateY(3px)}.game-touch-controls .game-touch-button:focus-visible{outline:2px solid var(--color-green);outline-offset:4px}.game-touch-controls .game-touch-button:disabled{opacity:.4;cursor:default}.tutorial-touch-hint{display:none}@media (max-width:1359px),(any-pointer:coarse){.game-touch-controls{display:flex}.tutorial-keyboard-hint{display:none!important}.tutorial-touch-hint{display:inline!important}.tutorial-scene .tutorial-touch-controls{bottom:calc(var(--safe-bottom,0px) + 4.5rem);left:max(1rem, var(--safe-left,0px));right:max(1rem, var(--safe-right,0px));pointer-events:none;width:auto;max-width:40rem;margin-inline:auto;position:fixed}.tutorial-scene .tutorial-touch-controls .game-touch-button{pointer-events:auto}.tutorial-scene{box-sizing:border-box;height:100cqh;padding:calc(var(--safe-top,0px) + .75rem) 1rem calc(var(--safe-bottom,0px) + 10.5rem);overscroll-behavior:contain;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:.75rem;overflow:hidden}.tutorial-scene .tutorial-dock{pointer-events:auto;grid-row:1;width:min(100%,40rem);min-width:0;max-width:100%;max-height:min(31cqh,13rem);position:static;overflow-y:auto;transform:none}.tutorial-scene .tutorial-dock .coach-card{width:100%;min-width:0;box-shadow:none;align-items:start;gap:.55rem;padding:.6rem .7rem}.tutorial-scene .tutorial-dock .coach-card>b{white-space:nowrap;padding:.2rem;font-size:.7rem}.tutorial-scene .tutorial-dock .coach-card>span{font-size:clamp(.75rem,2.7cqw,.92rem);line-height:1.6}.tutorial-scene .tutorial-dock .coach-card kbd{font-size:inherit}.tutorial-scene .tutorial-dock .well-tools{height:auto}.tutorial-scene .tutorial-dock .well-tools button{min-width:3rem;padding-inline:.3rem}.tutorial-scene canvas{aspect-ratio:12/8;touch-action:none;grid-row:2;align-self:center;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.tutorial-scene .tutorial-replay,.tutorial-scene .tutorial-sound,.tutorial-scene .tutorial-skip,.tutorial-scene .tutorial-enter{bottom:calc(var(--safe-bottom,0px) + .75rem);min-height:44px}.tutorial-scene .tutorial-replay{left:max(1rem, var(--safe-left,0px));width:44px;height:44px}.tutorial-scene .tutorial-sound{left:calc(max(1rem, var(--safe-left,0px)) + 3.25rem);width:44px;height:44px}.tutorial-scene .tutorial-skip,.tutorial-scene .tutorial-enter{right:max(1rem, var(--safe-right,0px));max-width:calc(100% - 9rem);padding-inline:.4rem;font-size:.73rem}.tutorial-scene .frog-bubble{max-width:min(13rem,60cqw)}}@container game (width<=1359px) and (height<=540px) and (orientation:landscape){.tutorial-scene{--tut-skip-right:max(.75rem, var(--safe-right,0px));--tut-chips-rail:calc(max(.75rem, var(--safe-left,0px)) + 96px + .5rem);--tut-skip-rail:calc(var(--tut-skip-right) + 8.5rem);--tut-control-left:var(--control-left,max(.75rem, var(--safe-left,0px)));--tut-control-right:var(--control-right,max(.75rem, var(--safe-right,0px)));padding:calc(var(--safe-top,0px) + 5.5rem) calc(var(--tut-control-right) + var(--jump-rail,4.5rem)) calc(var(--safe-bottom,0px) + .5rem) calc(var(--tut-control-left) + var(--move-rail,7.5rem));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:stretch;justify-items:center;gap:0}.game-shell.is-portrait .tutorial-scene{--tut-skip-right:calc(env(safe-area-inset-bottom) + 1rem)}.tutorial-scene[data-left-handed=true]{padding-right:calc(var(--tut-control-right) + var(--move-rail,7.5rem));padding-left:calc(var(--tut-control-left) + var(--jump-rail,4.5rem))}.tutorial-scene canvas{grid-area:1/1;justify-self:center}.tutorial-scene .tutorial-dock{top:calc(var(--safe-top,0px) + .5rem);width:max-content;max-width:calc(100cqw - 2 * max(var(--tut-chips-rail), var(--tut-skip-rail)));max-height:40cqh;position:fixed;left:50%;transform:translate(-50%)}.tutorial-scene .tutorial-dock .coach-card>span{font-size:.85rem;line-height:1.55}.tutorial-scene .tutorial-replay,.tutorial-scene .tutorial-sound,.tutorial-scene .tutorial-skip,.tutorial-scene .tutorial-enter{top:calc(var(--safe-top,0px) + .5rem);bottom:auto}.tutorial-scene .tutorial-touch-controls{bottom:calc(var(--safe-bottom,0px) + .75rem);left:var(--tut-control-left);right:var(--tut-control-right);max-width:none}}@container game (width<=899px) or ((width<=1359px) and (height<=540px) and (orientation:landscape)){.game-touch-controls .game-touch-button{width:calc(3.5rem * var(--pad-scale,1));height:calc(3.5rem * var(--pad-scale,1));opacity:.85;border:2px solid color-mix(in oklch, var(--color-ink) 45%, transparent);background:color-mix(in oklch, var(--color-paper) 85%, transparent);min-width:48px;min-height:48px;box-shadow:none;border-radius:50%;padding:0;transition:transform 80ms,background-color 80ms,color 80ms}.game-touch-controls .game-touch-button small{display:none}.game-touch-controls .game-touch-button[data-held=true]{box-shadow:none;opacity:1;transform:scale(.92)}.game-touch-controls .game-touch-jump{width:calc(3.5rem * var(--pad-scale,1));height:calc(3.5rem * var(--pad-scale,1))}.game-touch-controls .game-touch-jump svg{width:2rem;height:2rem}.game-touch-controls .game-touch-directions{border:2px solid color-mix(in oklch, var(--color-ink) 45%, transparent);background:color-mix(in oklch, var(--color-paper) 85%, transparent);opacity:.85;border-radius:999px;gap:0;display:flex;overflow:hidden}.game-touch-controls .game-touch-directions .game-touch-button{width:calc(3.25rem * var(--pad-scale,1));height:calc(3.5rem * var(--pad-scale,1));opacity:1;background:0 0;border:0;border-radius:0;min-width:48px;min-height:48px}.game-touch-controls .game-touch-directions .game-touch-button+.game-touch-button{border-left:1px solid color-mix(in oklch, var(--color-ink) 30%, transparent)}.game-touch-controls .game-touch-directions .game-touch-button svg,.game-touch-controls .game-touch-jump svg{width:1.75rem;height:1.75rem}.game-touch-controls .game-touch-directions .game-touch-button[data-held=true]{background:var(--color-ink);color:var(--color-paper);transform:none}.game-touch-controls .game-touch-button{position:relative}.game-touch-controls .game-touch-button:before{content:"";position:absolute;inset:-8px}.game-touch-controls .game-touch-directions{overflow:visible}.game-touch-controls .game-touch-directions .game-touch-button:first-child{border-start-start-radius:999px;border-end-start-radius:999px}.game-touch-controls .game-touch-directions .game-touch-button:last-child{border-start-end-radius:999px;border-end-end-radius:999px}.game-touch-controls .game-touch-directions .game-touch-button:first-child:before{inset-inline-end:0}.game-touch-controls .game-touch-directions .game-touch-button:last-child:before{inset-inline-start:0}[data-left-handed=true] .game-touch-controls{flex-direction:row-reverse}.tutorial-scene .tutorial-replay,.tutorial-scene .tutorial-sound{left:max(.75rem, var(--safe-left,0px));border:2px solid color-mix(in oklch, var(--color-ink) 45%, transparent);background:color-mix(in oklch, var(--color-paper) 85%, transparent);border-radius:50%}.tutorial-scene .tutorial-replay svg,.tutorial-scene .tutorial-sound svg{shape-rendering:crispedges;width:1.25rem;height:1.25rem}.tutorial-scene .tutorial-sound{left:calc(max(.75rem, var(--safe-left,0px)) + 3.25rem)}.game-shell.is-portrait .tutorial-scene:not([data-left-handed=true]) .tutorial-dock .well-tools{top:calc(var(--safe-top,0px) + .5rem + 44px + .5rem);right:var(--tut-skip-right,max(.75rem, var(--safe-right,0px)));pointer-events:auto;align-self:auto;height:auto;position:fixed}.game-shell.is-portrait .tutorial-scene:not([data-left-handed=true]) .tutorial-dock .well-tools button{width:var(--chip-size,3.5rem);min-width:48px;height:var(--chip-size,3.5rem);border:2px solid color-mix(in oklch, var(--color-ink) 45%, transparent);background:color-mix(in oklch, var(--color-paper) 85%, transparent);border-radius:50%;grid-template-columns:1fr;place-items:center;min-height:48px;padding:0;display:grid;position:relative}.game-shell.is-portrait .tutorial-scene:not([data-left-handed=true]) .tutorial-dock .well-tools button>span{width:1.5rem;height:1.5rem;box-shadow:none;padding:0}.game-shell.is-portrait .tutorial-scene:not([data-left-handed=true]) .tutorial-dock .well-tools button>em{display:none}.game-shell.is-portrait .tutorial-scene:not([data-left-handed=true]) .tutorial-dock .well-tools button>small{border:1.5px solid var(--color-ink);background:var(--color-paper);min-width:1.125rem;height:1.125rem;color:var(--color-ink);border-radius:999px;place-items:center;padding:0 .2rem;font-size:.625rem;line-height:1;display:grid;position:absolute;bottom:-.35rem;right:-.35rem}.tutorial-scene .tutorial-skip,.tutorial-scene .tutorial-enter{right:var(--tut-skip-right,max(.75rem, var(--safe-right,0px)));border:2px solid color-mix(in oklch, var(--color-ink) 45%, transparent);background:color-mix(in oklch, var(--color-paper) 85%, transparent);min-height:44px;color:var(--color-ink);border-radius:999px;padding-inline:.75rem;font-size:.75rem;text-decoration:none}.tutorial-scene .tutorial-enter{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}}
