:root{--font-display: "Bricolage Grotesque", "Manrope", system-ui, sans-serif;--font-body: "Manrope", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--step--1: clamp(.78rem, .75rem + .15vw, .86rem);--step-0: clamp(.94rem, .9rem + .2vw, 1rem);--step-1: clamp(1.12rem, 1.05rem + .4vw, 1.33rem);--step-2: clamp(1.4rem, 1.28rem + .7vw, 1.85rem);--step-3: clamp(1.9rem, 1.6rem + 1.6vw, 2.9rem);--step-4: clamp(2.6rem, 2rem + 3vw, 4.4rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4.5rem;--radius: 14px;--radius-sm: 9px;--radius-lg: 22px;--water-top: #74f4ff;--water-mid: #22c3ec;--water-deep: #0b83bd;--water-glow: #86f7ec;--hi: #ff7a45;--hi-strong: #ffa24b;--hi-glow: #ff8c5a;--gold: #f5c451;--gold-soft: #f8d98a;--good: #4ec9a8;--warn: #f2b45c;--ease-pour: cubic-bezier(.5, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root{--bg: #eaf2f4;--bg-grad-a: #eef6f7;--bg-grad-b: #dbe9ec;--panel: #ffffff;--panel-2: #f2f7f8;--panel-inset: #e7f0f2;--border: #cfe0e4;--border-strong: #b3ccd2;--ink: #0c2430;--ink-soft: #305361;--ink-mute: #6b8b96;--accent: #12889f;--accent-ink: #ffffff;--shadow-color: 200 40% 30%;--glass-stroke: #b9d6dd;--glass-fill: #f4fbfc;--focus: #0d94ad}@media (prefers-color-scheme: dark){:root{--bg: #081520;--bg-grad-a: #0b1e2b;--bg-grad-b: #061019;--panel: #102a38;--panel-2: #0d2432;--panel-inset: #0a1e2a;--border: #1d3c4c;--border-strong: #2c5568;--ink: #e4f1f4;--ink-soft: #a7c6d0;--ink-mute: #6d90a0;--accent: #4fd1e0;--accent-ink: #062029;--shadow-color: 200 60% 3%;--glass-stroke: #2f5566;--glass-fill: #0e2a38;--focus: #5fe0ee}}:root[data-theme=light]{--bg: #eaf2f4;--bg-grad-a: #eef6f7;--bg-grad-b: #dbe9ec;--panel: #ffffff;--panel-2: #f2f7f8;--panel-inset: #e7f0f2;--border: #cfe0e4;--border-strong: #b3ccd2;--ink: #0c2430;--ink-soft: #305361;--ink-mute: #6b8b96;--accent: #12889f;--accent-ink: #ffffff;--shadow-color: 200 40% 30%;--glass-stroke: #b9d6dd;--glass-fill: #f4fbfc;--focus: #0d94ad}:root[data-theme=dark]{--bg: #081520;--bg-grad-a: #0b1e2b;--bg-grad-b: #061019;--panel: #102a38;--panel-2: #0d2432;--panel-inset: #0a1e2a;--border: #1d3c4c;--border-strong: #2c5568;--ink: #e4f1f4;--ink-soft: #a7c6d0;--ink-mute: #6d90a0;--accent: #4fd1e0;--accent-ink: #062029;--shadow-color: 200 60% 3%;--glass-stroke: #2f5566;--glass-fill: #0e2a38;--focus: #5fe0ee}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--step-0);line-height:1.5;color:var(--ink);background:radial-gradient(120% 90% at 50% -10%,var(--bg-grad-a),transparent 60%),linear-gradient(180deg,var(--bg-grad-a),var(--bg-grad-b));background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}.app{height:100%;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.btn{--btn-bg: transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius);padding:.7rem 1.15rem;font-size:var(--step-0);font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;transition:transform .12s var(--ease-out),background .15s,border-color .15s,box-shadow .15s,opacity .15s}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--sm{padding:.5rem .85rem;min-height:38px;font-size:var(--step--1)}.btn--primary{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 82%,#000));color:var(--accent-ink);box-shadow:0 6px 18px -8px color-mix(in srgb,var(--accent) 70%,transparent)}.btn--primary:hover{box-shadow:0 10px 24px -8px color-mix(in srgb,var(--accent) 80%,transparent)}.btn--ghost{background:var(--panel);border-color:var(--border);color:var(--ink-soft)}.btn--ghost:hover{border-color:var(--border-strong);color:var(--ink)}.btn--danger-ghost{background:transparent;border-color:color-mix(in srgb,#e0655a 40%,var(--border));color:#d9645a}.btn--danger-ghost:hover{background:color-mix(in srgb,#e0655a 12%,transparent)}.iconbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--ink-soft);display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .7rem;min-height:44px;min-width:44px;font-weight:600;font-size:var(--step--1);transition:background .15s,color .15s}.iconbtn:hover{background:var(--panel-2);color:var(--ink)}.iconbtn:disabled{opacity:.35;cursor:not-allowed}.iconbtn--round{border-radius:50%;justify-content:center;padding:0}.iconbtn__text{font-size:var(--step--1)}.field{width:100%;font-family:var(--font-body);font-size:var(--step-0);padding:.72rem .9rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--panel-inset);color:var(--ink);min-height:46px}.field:focus-visible{border-color:var(--accent);outline-offset:1px}.stars{display:inline-flex;gap:.12em;line-height:0}.star path{fill:color-mix(in srgb,var(--ink-mute) 34%,transparent);transition:fill .2s}.star--on path{fill:var(--gold)}.star--pop{animation:star-pop .5s var(--ease-out) both;transform-origin:center}@keyframes star-pop{0%{transform:scale(.2) rotate(-24deg);opacity:0}60%{transform:scale(1.22) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0)}}.logo{display:block;width:auto;overflow:visible}.logo__eyebrow{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.42em;fill:var(--ink-mute)}.logo__word{font-family:var(--font-display);font-weight:800;font-size:92px;letter-spacing:-.01em}.logo__word--ghost{fill:color-mix(in srgb,var(--glass-fill) 70%,var(--panel));stroke:var(--glass-stroke);stroke-width:2}.logo__word--stroke{fill:none;stroke:color-mix(in srgb,var(--water-deep) 60%,var(--ink));stroke-width:1.4;opacity:.55}.logo__surface{fill:none;stroke:color-mix(in srgb,#ffffff 70%,var(--water-top));stroke-width:2}.logo__wave{animation:logo-drift 5.5s ease-in-out infinite}@keyframes logo-drift{0%,to{transform:translate(-4px,1px)}50%{transform:translate(-36px,-1px)}}.menu{width:min(760px,100%);margin:0 auto;padding:clamp(1.1rem,4vw,2.2rem) clamp(1rem,4vw,1.75rem) 3rem;display:flex;flex-direction:column;gap:clamp(1.1rem,3vw,1.6rem);flex:1}.menu__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.menu__head-actions{display:flex;gap:.3rem;flex-shrink:0}.menu__brand{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.menu__mark{color:var(--accent);display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid var(--border);flex-shrink:0}.menu__title{font-family:var(--font-display);font-weight:800;font-size:var(--step-3);line-height:1;margin:0;letter-spacing:-.02em}.menu__tag{margin:.3rem 0 0;color:var(--ink-mute);font-size:var(--step--1)}.menu__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px color-mix(in srgb,var(--border) 60%,transparent)}.menu__stats{display:flex;gap:1.4rem;flex-wrap:wrap}.menu__stat{display:inline-flex;align-items:baseline;gap:.35rem}.menu__stat-n{font-family:var(--font-mono);font-weight:600;font-size:var(--step-1);color:var(--ink);font-variant-numeric:tabular-nums}.menu__stat-l{color:var(--ink-mute);font-size:var(--step--1)}.menu__stat-star{align-self:center}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(58px,15vw,78px),1fr));gap:clamp(.5rem,1.6vw,.8rem)}.tile{position:relative;width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink-soft);transition:transform .13s var(--ease-out),border-color .15s,background .15s,box-shadow .15s}.tile:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 8px 20px -12px color-mix(in srgb,var(--shadow-color) 100%,transparent 0%)}.tile__num{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.tile__stars{height:11px}.tile--done{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,var(--panel)),var(--panel));border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.tile--done .tile__num{color:var(--accent)}.tile--locked{background:var(--panel-2);border-style:dashed;border-color:var(--border);color:var(--ink-mute);cursor:not-allowed;opacity:.6}.tile--locked:hover{transform:none;box-shadow:none;border-color:var(--border)}.tile__lock{color:var(--ink-mute);opacity:.8}.grid__more{margin:.25rem 0 0;text-align:center;color:var(--ink-mute);font-size:var(--step--1)}.menu__foot{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;margin-top:.5rem;color:var(--ink-mute);font-size:var(--step--1)}.menu__foot a{color:var(--ink-mute);text-decoration:none}.menu__foot a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.game{width:min(720px,100%);margin:0 auto;flex:1;display:flex;flex-direction:column;padding:clamp(.6rem,2vw,1rem) clamp(.8rem,3vw,1.4rem) clamp(1rem,3vw,1.4rem);min-height:0}.game__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.game__id{display:inline-flex;align-items:center;gap:.5rem}.game__id-label{font-size:var(--step--1);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.12em}.game__id-num{font-family:var(--font-display);font-weight:800;font-size:var(--step-2);line-height:1;font-variant-numeric:tabular-nums}.game__id-stars{margin-left:.1rem}.game__goal{text-align:center;margin:clamp(.6rem,2vw,1.1rem) 0 .2rem}.game__goal-text{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--step-1);letter-spacing:-.01em;text-wrap:balance}.game__meter{margin-top:.35rem;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-mute);font-variant-numeric:tabular-nums}.game__meter-n{color:var(--accent);font-weight:600}.game__meter-dot{opacity:.5}.game__stage-wrap{flex:1;min-height:0;display:flex}.game__controls{display:flex;gap:.7rem;justify-content:center;padding-top:.6rem}.game__controls .btn{flex:1;max-width:190px}.game__controls--solved{flex-direction:column;gap:.6rem;align-items:center;animation:fade-up .3s var(--ease-out) both}.solvedbar__label{font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-mute)}.solvedbar__actions{display:flex;gap:.6rem;width:100%;max-width:400px;justify-content:center}.solvedbar__actions .btn{flex:1;max-width:190px}.stage{position:relative;flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0}.stage__jugs{display:flex;align-items:flex-end;justify-content:center;gap:18px;flex-wrap:wrap;width:100%;padding-bottom:10px}.stage__slot{display:flex;align-items:flex-end}.stage__waterline{width:min(100%,560px);height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 45%,transparent) 20%,color-mix(in srgb,var(--accent) 45%,transparent) 80%,transparent);margin-top:2px;position:relative}.stage__waterline:after{content:"";position:absolute;inset:-14px 0 auto 0;height:28px;background:radial-gradient(60% 100% at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)}.jug{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;border-radius:16px;transition:transform .15s var(--ease-out),filter .2s,opacity .2s}.jug:disabled{cursor:default}.jug__glass-wrap{display:block}.jug__svg{display:block;overflow:visible}.jug__glass{fill:color-mix(in srgb,var(--glass-fill) 82%,transparent);stroke:var(--glass-stroke);stroke-width:3}.jug__handle{fill:none;stroke:var(--glass-stroke);stroke-width:7;stroke-linecap:round;opacity:.92}.jug__spout{fill:color-mix(in srgb,var(--glass-fill) 82%,transparent);stroke:var(--glass-stroke);stroke-width:3;stroke-linejoin:round}.jug__rim{fill:none;stroke:color-mix(in srgb,#ffffff 40%,transparent);stroke-width:1;opacity:.5}.jug__liquid{transition:transform var(--pour-ms, .46s) var(--ease-pour);will-change:transform}.jug__surface{fill:color-mix(in srgb,#ffffff 66%,var(--water-top))}.jug__surface-glow{fill:#fff;opacity:.16}.jug__labels{display:flex;align-items:baseline;gap:.2rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;line-height:1}.jug__vol{font-size:var(--step-1);font-weight:600;color:var(--ink)}.jug__cap{font-size:var(--step--1);color:var(--ink-mute)}.jug--selected .jug__glass,.jug--selected .jug__spout{stroke:var(--hi);stroke-width:3.6;filter:drop-shadow(0 0 14px var(--hi-glow))}.jug--selected .jug__handle{stroke:var(--hi);filter:drop-shadow(0 0 10px var(--hi-glow))}.jug--selected{transform:translateY(-8px);animation:jug-bob 1.8s var(--ease-out) infinite}.jug--selected .jug__vol{color:var(--hi-strong)}.jug--target .jug__glass{stroke:color-mix(in srgb,var(--water-top) 78%,var(--glass-stroke));stroke-width:3.4;stroke-dasharray:6 6;animation:target-dash .8s linear infinite;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--water-top) 45%,transparent))}@keyframes target-dash{to{stroke-dashoffset:-24}}@keyframes jug-bob{0%,to{transform:translateY(-8px)}50%{transform:translateY(-12px)}}.jug--dimmed{opacity:.34;filter:saturate(.6)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1.2rem}.overlay__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-grad-b) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .25s ease both}.overlay__card{position:relative;width:min(400px,100%);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.6rem 1.4rem;text-align:center;box-shadow:0 30px 70px -30px color-mix(in srgb,var(--shadow-color) 100%,transparent 0%);animation:pop-in .4s var(--ease-out) both}.overlay__close{position:absolute;top:.7rem;right:.7rem;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:none;background:var(--panel-2);color:var(--ink-mute);transition:background .15s,color .15s}.overlay__close:hover{background:var(--panel-inset);color:var(--ink)}.overlay__stars{justify-content:center;margin-bottom:.4rem}.overlay__title{font-family:var(--font-display);font-weight:800;font-size:var(--step-2);margin:.2rem 0 .15rem;letter-spacing:-.02em}.overlay__sub{margin:0;color:var(--ink-mute);font-family:var(--font-mono);font-size:var(--step--1)}.overlay__badge{display:inline-block;margin:.7rem 0 0;padding:.2rem .7rem;border-radius:999px;font-size:var(--step--1);font-weight:600;color:var(--accent-ink);background:var(--gold);color:#3a2a05}.overlay__actions{display:flex;gap:.6rem;margin-top:1.3rem}.overlay__actions .btn{flex:1}.overlay__link{margin-top:.9rem;background:none;border:none;color:var(--ink-mute);font-size:var(--step--1);text-decoration:underline;text-underline-offset:3px}.overlay__link:hover{color:var(--ink)}.sheet{position:relative;width:min(440px,100%);max-height:min(88dvh,720px);overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem 1.4rem 1.6rem;box-shadow:0 30px 70px -30px color-mix(in srgb,var(--shadow-color) 100%,transparent 0%);animation:pop-in .35s var(--ease-out) both}.sheet__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.sheet__title{font-family:var(--font-display);font-weight:700;font-size:var(--step-2);margin:0}.sheet__section{padding:1rem 0;border-top:1px solid var(--border)}.sheet__label{margin:0 0 .7rem;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);font-weight:600}.sheet__foot{margin:1rem 0 0;text-align:center;color:var(--ink-mute);font-size:var(--step--1)}.segmented{display:flex;gap:4px;padding:4px;background:var(--panel-inset);border:1px solid var(--border);border-radius:var(--radius)}.segmented__opt{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink-soft);padding:.55rem;border-radius:9px;font-weight:600;font-size:var(--step--1);min-height:40px;transition:background .15s,color .15s}.segmented__opt.is-on{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px color-mix(in srgb,var(--shadow-color) 60%,transparent)}.sheet--board{width:min(460px,100%)}.board__you{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.7rem .8rem;background:color-mix(in srgb,var(--accent) 10%,var(--panel-2));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius);margin-bottom:.9rem}.board__you-label{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);font-weight:600}.board__you-name{font-weight:700;color:var(--ink);flex:1}.board__you-rank{font-family:var(--font-mono);font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.board--pinned{margin-top:6px;padding-top:6px;border-top:1px dashed var(--border)}.board__more{width:100%;margin-top:.8rem}.board__name-edit{display:flex;gap:.5rem;flex:1;min-width:200px}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;max-height:52vh;overflow-y:auto}.board__row{display:grid;grid-template-columns:2ch 1fr auto auto;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:var(--radius-sm);background:var(--panel-2)}.board__row--me{background:color-mix(in srgb,var(--accent) 16%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));outline:none}.board__rank{font-family:var(--font-mono);font-weight:600;color:var(--ink-mute);font-variant-numeric:tabular-nums;text-align:right}.board__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board__far{font-family:var(--font-mono);font-size:var(--step--1);color:var(--accent);font-variant-numeric:tabular-nums}.board__stars{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:var(--step--1);color:var(--gold);font-variant-numeric:tabular-nums}.sync{display:flex;flex-direction:column;gap:.7rem}.sync__note,.sync__status{margin:0;color:var(--ink-soft);font-size:var(--step--1);line-height:1.5}.sync__status{display:flex;align-items:center;gap:.4rem}.sync__dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good)}.sync__err{margin:0;color:#d9645a;font-size:var(--step--1)}.sync__row{display:flex;gap:.6rem}.sync__row .btn{flex:1}.coach{width:min(460px,100%);margin:.7rem auto 0;display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;background:color-mix(in srgb,var(--accent) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:var(--radius);box-shadow:0 18px 40px -20px color-mix(in srgb,var(--shadow-color) 100%,transparent 0%);animation:fade-up .4s var(--ease-out) both}.coach__line{margin:0;font-size:var(--step--1);color:var(--ink);line-height:1.45;flex:1}.coach__skip{flex-shrink:0;background:transparent;border:none;color:var(--accent);font-weight:700;font-size:var(--step--1);padding:.4rem .3rem}.nudge{position:fixed;left:50%;bottom:calc(1.2rem + env(safe-area-inset-bottom));transform:translate(-50%);width:min(460px,calc(100% - 2rem));z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.9rem 1.1rem;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 18px 40px -20px color-mix(in srgb,var(--shadow-color) 100%,transparent 0%);animation:rise .4s var(--ease-out) both}.nudge__title{margin:0;font-weight:700;font-size:var(--step-0)}.nudge__text{margin:.15rem 0 0;font-size:var(--step--1);color:var(--ink-mute)}.nudge__actions{display:flex;gap:.4rem;flex-shrink:0}@keyframes fade{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,14px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}}@media (max-width: 420px){.menu__bar{flex-direction:column;align-items:stretch;gap:.8rem}.menu__bar .btn{width:100%}.nudge{flex-direction:column;align-items:stretch}.nudge__actions .btn{flex:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.jug__liquid{transition:none!important}}