@layer reset,base;@layer components{.play [hidden]{display:none!important}.play .cta{border:0}.play{row-gap:32px}.play-head{align-content:start}.play-lede{font-size:var(--text-body-large);line-height:var(--text-body-large--line-height);max-width:34rem}.play-noscript{font-weight:600}.play-stage{--jar-w:clamp(280px, min(100%, calc((100svh - 176px) * 106 / 147)), 420px);width:var(--jar-w);justify-self:start;row-gap:12px;display:grid;container-type:inline-size}.play-hud{align-items:center;gap:24px;min-height:52px;display:flex}.hud-stat{justify-items:start;row-gap:2px;display:grid}.hud-num{min-width:4ch;font-size:var(--text-heading);line-height:var(--text-heading--line-height);font-variant-numeric:tabular-nums;font-weight:700}.hud-next-badge{width:32px;height:32px;display:block}.hud-next-badge .badge{width:32px;height:32px}.hud-next-badge .badge-icon{width:16px;height:16px;translate:-.5px -1px}.play-stage[data-state=idle] .hud-live,.play-stage:not([data-has-best])[data-state=idle] .hud-best{display:none}.play-hud>.game-sound{margin-inline-start:auto}.play-hud>.game-sound+.game-btn{margin-inline-start:-12px}.game-btn.game-sound{width:44px;padding:0}.game-btn.game-sound[aria-pressed=true]{background-color:var(--color-lilac)}.game-btn.game-sound .game-sound-icon{width:22px;height:22px}.game-btn.game-sound[aria-pressed=true] .sound-off,.game-btn.game-sound[aria-pressed=false] .sound-on{display:none}@container (width<=359px){.play-hud{gap:10px}.hud-num{font-size:var(--text-body-large)}.play-hud>.game-sound+.game-btn{margin-inline-start:-2px;padding:0 14px}}.jar{aspect-ratio:106/147;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;position:relative}.jar:focus-visible{border-radius:16px}.play-stage[data-state=playing] .jar{touch-action:none;cursor:pointer}.jar-still,.jar-canvas{width:100%;height:100%;position:absolute;inset:0}.play-stage[data-state=idle] .jar-canvas,.play-stage:not([data-state=idle]) .jar-still{display:none}.jar-fill{fill:var(--color-paper)}.jar-rim{fill:none;stroke:var(--color-ink);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;stroke-linecap:butt;stroke-dasharray:6 5}.jar-mark{fill:none;stroke:var(--color-ink);stroke-linecap:round}.jar-glyph .f{fill:var(--color-cream)}.jar-start{place-items:center;height:16.3265%;display:grid;position:absolute;inset:0 0 auto}.play-stage:not([data-state=idle]) .jar-start{display:none}.jar-plate{text-align:center;background-color:var(--color-cream);width:min(84%,18rem);box-shadow:var(--shadow-system);justify-items:center;row-gap:12px;padding:24px;display:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.play-stage[data-state=paused] .jar-paused,.play-stage[data-state=over] .jar-over{display:grid}.jar-over-title{font-size:var(--fs-title);line-height:var(--text-title--line-height);letter-spacing:var(--text-title--letter-spacing);font-weight:500}.jar-over-stats{gap:24px;margin:0;display:flex}.jar-over-stats div{justify-items:center;display:grid}.jar-over-stats dd{font-size:var(--text-heading);line-height:var(--text-heading--line-height);margin:0;font-weight:700}.jar-over-new{text-underline-offset:.28em;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.jar-over-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.play-error{font-weight:600}.game-btn{border-radius:var(--radius-pill);background-color:var(--color-cream);min-height:44px;color:var(--color-ink);font-size:var(--text-label);white-space:nowrap;box-shadow:var(--shadow-system);transition:scale .18s var(--ease-jelly);border:0;justify-content:center;align-items:center;padding:0 20px;font-weight:700;line-height:1;display:inline-flex}.game-btn:active{scale:.94}.game-btn:focus-visible{border-radius:var(--radius-pill)}.play-notes{align-content:start;row-gap:32px;display:grid}.play-howto,.play-ladder{row-gap:12px;display:grid}.howto-list{row-gap:4px;display:grid}.howto-list strong{font-weight:700}.ladder{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;max-width:34rem;display:grid}.ladder-item{grid-template-columns:36px 2ch minmax(0,1fr);align-items:center;column-gap:8px;min-height:36px;display:grid}.ladder-item .badge{width:36px;height:36px}.ladder-item .badge-icon{width:18px;height:18px;translate:-.5px -1.5px}.ladder-label{font-size:var(--text-label);line-height:var(--text-label--line-height);font-weight:500}.ladder-item[data-reached] .ladder-label{text-underline-offset:.28em;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.ladder-note{max-width:34rem}@media (width>=48rem){.play-head{grid-area:1/1/auto/span 6}.play-notes{grid-area:2/1/auto/span 6}.play-stage{grid-area:1/7/span 2/-1;place-self:center}}.scene.contact{padding-block:clamp(32px,5svh,96px)}.contact-globe{--globe-size:clamp(9.5rem, min(28svh, 60vw), 21rem);margin-bottom:-12px}.globe{width:var(--globe-size,15rem);aspect-ratio:1;position:relative;container-type:inline-size}.globe-clay{width:100%;height:100%;position:absolute;inset:0}.globe[data-clay] .globe-flat,.globe[data-clay] .globe-drop{display:none}.globe-pin-clay{z-index:1;width:9.43396cqw;height:14.6226cqw;translate:calc(var(--px) * 1cqw - 50%) calc(var(--py) * 1cqw - 100% * 30 / 31);transform-origin:50% 96.7742%;display:none;position:absolute;top:0;left:0}.globe[data-clay] .globe-pin-clay{display:block}.globe-svg{width:100%;height:100%;display:block;position:relative;overflow:visible}.globe-socket{fill:var(--color-lilac-deep)}.globe-drop,.globe-pulse{transform-box:view-box;transform-origin:0 0}.globe-pulse{fill:none;stroke:var(--color-peach-deep);stroke-width:1.2px;vector-effect:non-scaling-stroke;opacity:0}.globe-label{z-index:2;translate:calc(var(--lx) * 1cqw) calc(var(--ly) * 1cqw - 50%);border-radius:var(--radius-pill);background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-label);line-height:var(--text-label--line-height);font-weight:var(--text-label--font-weight);white-space:nowrap;pointer-events:none;padding:2px 10px;position:absolute;top:0;left:0}@media (width<=22.49rem){.globe-label{white-space:normal;border-radius:14px;width:min-content}}.globe[data-phase=armed] .globe-drop,.globe[data-phase=armed] .globe-pin-clay{transform:scale(0)}.globe[data-phase=armed] .globe-label{clip-path:inset(-2px 100% -2px 0)}.globe[data-phase=land] .globe-drop,.globe[data-phase=land] .globe-pin-clay{animation:.56s both globe-drop}.globe[data-phase=land] .globe-label{animation:globe-label-wipe .42s var(--ease) .26s both}.globe[data-live] .globe-pulse{animation:globe-pulse 2.8s var(--ease) infinite}@keyframes globe-drop{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-18px)scale(.3)}50%{animation-timing-function:cubic-bezier(.22,.61,.36,1);transform:translate(0)scale(1.2,.78)}75%{animation-timing-function:cubic-bezier(.22,.61,.36,1);transform:scale(.94,1.07)}to{transform:scale(1)}}@keyframes globe-label-wipe{0%{clip-path:inset(-2px 100% -2px 0)}to{clip-path:inset(-2px 0)}}@keyframes globe-pulse{0%{opacity:.9;transform:scale(.8)}70%{opacity:0;transform:scale(3.4)}to{opacity:0;transform:scale(3.4)}}}@layer utilities;
