.wj346-page{max-width:1120px}.wj346-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.wj346-hero h1 small{font-size:.42em;font-weight:600;color:var(--muted,#667085)}.wj346-hero-actions,.wj346-actions,.wj346-modebar,.wj346-subbar,.wj346-context,.wj346-result-actions{display:flex;gap:8px;flex-wrap:wrap}.wj346-hero-actions button,.wj346-actions button,.wj346-modebar button,.wj346-subbar button,.wj346-context button,.wj346-result-actions button{min-height:42px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:9px 13px;font:inherit;cursor:pointer}.wj346-modebar button.active,.wj346-subbar button.active,.wj346-actions button.primary,.wj346-result-actions .primary{background:#111827;color:#fff;border-color:#111827}.wj346-game{position:relative;padding:20px}.wj346-modebar{margin-bottom:12px}.wj346-modebar button{flex:1 1 140px;font-weight:750}.wj346-subbar{min-height:42px;margin-bottom:14px}.wj346-goalrow{display:flex;justify-content:space-between;gap:16px;align-items:end;border-top:1px solid #e5e7eb;padding-top:16px}.wj346-goalrow>div:first-child{display:grid;gap:4px}.wj346-goalrow strong{font-size:clamp(1.25rem,3vw,1.75rem)}.wj346-goalrow span,.wj346-goalrow small{color:#667085}.wj346-truth{text-align:right;display:grid;gap:2px}.wj346-truth strong{font-size:.96rem}.wj346-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.wj346-hud>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.wj346-hud small{display:block;color:#64748b}.wj346-hud strong{font-size:1.35rem}.wj346-stage{position:relative;min-height:280px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#f8fafc);border:1px solid #dbe5ef;padding:20px}.wj346-jugs{width:100%;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(12px,4vw,32px);align-items:end;max-width:760px}.wj346-jugbox{text-align:center}.wj346-jugname{font-weight:750;margin-bottom:8px}.wj346-vessel{width:min(150px,100%);height:220px;margin:auto;position:relative;overflow:hidden;border:4px solid #475569;border-top-width:2px;border-radius:8px 8px 24px 24px;background:#fff;cursor:pointer}.wj346-vessel.selected{outline:4px solid #2563eb;outline-offset:3px}.wj346-vessel.hint-source{box-shadow:0 0 0 5px rgba(245,158,11,.35)}.wj346-vessel.hint-target{box-shadow:0 0 0 5px rgba(34,197,94,.35)}.wj346-water{position:absolute;left:0;right:0;bottom:0;height:var(--fill);background:linear-gradient(180deg,#7dd3fc,#38bdf8);transition:height .18s ease}.wj346-cap,.wj346-amount{position:absolute;z-index:2;left:50%;transform:translateX(-50%);font-weight:800;text-shadow:0 1px 2px white}.wj346-cap{top:10px}.wj346-amount{bottom:12px;font-size:1.2rem}.wj346-pause-mask{position:absolute;inset:0;z-index:8;border-radius:18px;background:rgba(15,23,42,.9);color:white;display:grid;place-content:center;text-align:center;gap:10px}.wj346-pause-mask[hidden]{display:none}.wj346-pause-mask strong{font-size:2rem}.wj346-pause-mask button{justify-self:center;min-height:44px;padding:9px 18px;border:0;border-radius:12px}.wj346-context{justify-content:center;margin-top:12px}.wj346-status{min-height:50px;padding:12px 0;color:#475569;text-align:center}.wj346-actions{justify-content:center}.wj346-actions button:disabled{opacity:.45;cursor:not-allowed}.wj346-result{margin-top:18px;border-radius:16px;background:#f0fdf4;border:1px solid #bbf7d0;padding:18px}.wj346-result h2{margin-top:0}.wj346-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.wj346-result-grid div{background:#fff;border-radius:12px;padding:10px}.wj346-result-grid small{display:block;color:#64748b}.wj346-result-grid strong{font-size:1.15rem}.wj346-review-body{padding-top:12px}.wj346-route{display:grid;gap:8px;counter-reset:steps}.wj346-route div{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #e5e7eb;padding:9px 0}.wj346-route div:before{counter-increment:steps;content:counter(steps);width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#eef2ff;font-weight:800}.wj346-route code{font-size:.86rem}.wj346-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:12px}.wj346-progress-row,.wj346-recent-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e5e7eb;padding:8px 0}.wj346-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:12px}.wj346-focus .preview-note,.wj346-focus .topbar,.wj346-focus .mobile-dock,.wj346-focus .wj346-help,.wj346-focus .wj346-progress-fold,.wj346-focus .wj346-lab-fold{display:none!important}.wj346-focus .wj346-page{max-width:900px}.wj346-focus .wj346-game{margin-top:10px}.wj216-lab{padding-top:12px}
@media(max-width:700px){.wj346-page{padding-left:12px;padding-right:12px}.wj346-hero{display:block}.wj346-hero-actions{margin-top:12px}.wj346-hero-actions button{flex:1}.wj346-game{padding:14px}.wj346-modebar{display:grid;grid-template-columns:1fr 1fr}.wj346-modebar button{min-width:0}.wj346-goalrow{align-items:start}.wj346-truth{font-size:.82rem}.wj346-hud{grid-template-columns:1fr 1fr;margin:12px 0}.wj346-hud>div{padding:9px}.wj346-stage{min-height:230px;padding:14px 8px}.wj346-jugs{gap:8px}.wj346-vessel{height:170px;border-width:3px}.wj346-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.wj346-actions button{padding:8px 5px;min-width:0;font-size:.86rem}.wj346-result-grid{grid-template-columns:1fr 1fr}.wj346-progress-grid,.wj346-help-grid{grid-template-columns:1fr}.wj346-route div{grid-template-columns:36px 1fr}.wj346-route code{grid-column:2}.wj346-hero h1{margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){.wj346-water{transition:none}}/* V0.346 final product-first polish */
.wj346-hero h1 small{margin-left:.35em;letter-spacing:-.025em}
@media(max-width:700px){
  .wj346-page{padding-top:18px}
  .wj346-hero{margin-bottom:10px}
  .wj346-hero h1{font-size:40px;line-height:1;margin-top:6px}
  .wj346-hero h1 small{display:block;margin:3px 0 0;font-size:.36em;line-height:1.15}
  .wj346-hero p{font-size:.94rem;line-height:1.35}
  .wj346-hero-actions{margin-top:9px}
  .wj346-hero-actions button{min-height:38px;padding:7px 9px}
  .wj346-game{padding-top:12px}
  .wj346-modebar{margin-bottom:8px}
  .wj346-subbar{margin-bottom:9px;min-height:38px}
  .wj346-goalrow{padding-top:10px}
  .wj346-hud{gap:6px;margin:8px 0}
  .wj346-hud>div{padding:7px 8px}
  .wj346-stage{min-height:220px;padding-top:10px}
}