@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.jar:disabled{opacity:1;cursor:default}.jar:disabled:hover{background:none}.jar:disabled:active{cursor:default}
.celebration{position:absolute;left:50%;top:-68px;z-index:5;pointer-events:none;display:flex;align-items:center;flex-direction:column;white-space:nowrap;color:#99670a;font-size:15px;font-weight:800;text-shadow:0 2px 9px #fff;background:#fff8deee;border:1px solid #edce76;border-radius:16px;padding:9px 20px;box-shadow:0 5px 25px #d9a63633;animation:well-done 4s ease both}.gold-star{font-size:36px;line-height:1.1;color:#eeb52c;filter:drop-shadow(0 2px 2px #ab740733);animation:star-turn 1.2s ease-in-out 3}@keyframes well-done{0%{opacity:0;transform:translate(-50%,18px) scale(.5)}12%,85%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-25px) scale(.9)}}@keyframes star-turn{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg) scale(1.15)}}
:root{font-family:'DM Sans',sans-serif;color:#233e43;background:#f7f8f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.landscape{position:fixed;inset:0;z-index:-1;background:linear-gradient(#f8f9f4dd,#f8f9f480),url('assets/landscape.png') center/cover}main{max-width:1280px;margin:auto;padding:34px 44px}header{display:flex;align-items:center;justify-content:space-between}.brand{font:800 29px Manrope,sans-serif;letter-spacing:-1.3px;text-decoration:none;color:#25444a}.brand>span:last-child{font-weight:400}.brand-icon{display:inline-grid;place-items:center;background:#2d8c98;color:white;width:38px;height:38px;border-radius:13px;margin-right:10px;font-size:32px}.tagline{font-size:10px;letter-spacing:2.5px;color:#73868a}.intro{text-align:center;padding:42px 0 30px}.eyebrow{font-size:10px;letter-spacing:3px;color:#368994;font-weight:700}h1{font:600 clamp(28px,4vw,46px) Manrope,sans-serif;letter-spacing:-1.8px;margin:12px 0}.intro p{color:#7a898a;font-size:15px;margin:10px}.game{position:relative;border:1px solid #fff;background:#ffffffc9;border-radius:25px;box-shadow:0 18px 60px #26494e0d;padding:25px 34px 20px;backdrop-filter:blur(12px)}.game-top{display:flex;align-items:center;justify-content:space-between}.level-button{border:0;background:transparent;padding:5px 0;font-weight:700}.level-button>span:last-child{margin:0 12px;color:#6e878c}.pill{font-size:10px;background:#edf4ec;color:#61816a;padding:6px 11px;border-radius:20px}.stats{display:flex;gap:25px;font-size:12px;color:#7d8d90}.stats b{color:#304f55}.goal{margin:24px auto 12px;background:#edf7f6;border:1px solid #d9ebea;border-radius:14px;max-width:470px;padding:16px 22px;display:flex;align-items:center;gap:16px;font-size:11px;color:#66858b}.target-icon{color:#36959d;font-size:32px}h2{font:500 19px Manrope,sans-serif;margin:4px 0;color:#33545a}h2 strong{color:#158894;font-weight:800}.goal-note{margin-left:auto;font-size:10px}.jars{display:flex;align-items:flex-end;justify-content:center;gap:clamp(12px,4vw,66px);height:305px;padding:20px 20px 0}.jar{position:relative;width:158px;text-align:center;border:0;background:none;padding:0;touch-action:none;cursor:grab;user-select:none;flex-shrink:1;min-width:0}.jar:active{cursor:grabbing}.quantity{display:block;font-size:25px;font-weight:700;margin-bottom:8px;color:#257d8d}.quantity small{font-size:12px;font-weight:400;margin-left:3px;color:#779195}.jar svg{width:100%;height:var(--jar-height);overflow:visible;filter:drop-shadow(0 10px 6px #38677913);transition:transform .45s}.jar.selected svg{filter:drop-shadow(0 0 9px #5fbac0);transform:translateY(-9px)}.jar.drop-target svg{filter:drop-shadow(0 0 12px #40b7a2)}.jar.pouring svg{transform:translateY(-30px) rotate(var(--tilt))}.capacity{display:block;font-size:11px;color:#6e858b;margin:8px 0 10px}.capacity b{color:#41656e}.water{transition:y .75s ease,height .75s ease}.shelf{height:15px;background:linear-gradient(#e2c5a0,#d4b68e);border-radius:5px;box-shadow:0 8px 12px #694b2210;margin:0 20px}.status{text-align:center;font-size:12px;color:#73888c;min-height:42px;padding:18px 0 9px}.controls{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0ee;padding-top:18px}.control-spacer{flex:1}button{font:600 12px 'DM Sans',sans-serif;color:#46626a;background:#fff;border:1px solid #dbe5e4;border-radius:9px;padding:11px 17px;cursor:pointer;transition:background .2s,box-shadow .2s}button:hover{background:#edf6f5}button:focus-visible{outline:3px solid #4da9b4;outline-offset:4px}button:disabled{opacity:.4;cursor:default}.quiet{border-color:transparent;background:transparent}.primary{background:#268994;border-color:#268994;color:#fff;padding:12px 23px}.primary:hover{background:#196f7a}footer{display:flex;justify-content:space-between;margin:23px 8px;font-size:11px;color:#7c9191}.stream{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none;overflow:visible}.stream path{fill:none;stroke:#54bfd6;stroke-width:8;stroke-linecap:round;stroke-dasharray:12 7;animation:flow .4s linear infinite}@keyframes flow{to{stroke-dashoffset:-38}}dialog{border:0;border-radius:20px;padding:28px;width:min(670px,94vw);box-shadow:0 20px 100px #17383c33}dialog::backdrop{background:#183d4d55;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog p{font-size:12px;color:#73888c}#level-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;max-height:60vh;overflow:auto;padding:5px}#level-grid button{padding:10px 0}.completed{background:#e6f5ed;color:#2b865c}.current{outline:2px solid #278a95}.win{color:#27865f;font-weight:700}.hinted{outline:2px dashed #3ea0a9;outline-offset:4px;border-radius:15px}.dragging{opacity:.6}.drag-ghost{position:fixed;pointer-events:none;z-index:20;width:85px;opacity:.8;transform:translate(-50%,-50%)}@media(max-width:700px){main{padding:20px 14px}.tagline{display:none}.intro{padding:28px 0 22px}.game{padding:20px 14px}.stats{gap:10px;font-size:10px}.pill{display:none}.goal{padding:12px;gap:10px}.goal-note{display:none}.jars{gap:8px;height:270px;padding:20px 0 0}.quantity{font-size:20px}.jar svg{height:calc(var(--jar-height)*.83)}.capacity{font-size:9px}.controls{flex-wrap:wrap;justify-content:center;gap:4px}.control-spacer{display:none}button{padding:10px 12px}footer{justify-content:center;text-align:center}footer span:last-child{display:none}#level-grid{grid-template-columns:repeat(5,1fr)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.legal-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 24px;margin:20px 8px 0;font-size:11px;color:#637c80}.legal-footer a{color:#346e78;text-underline-offset:3px}.terms-page{max-width:850px}.terms-card{margin-top:32px;background:#ffffffec;border:1px solid white;border-radius:24px;padding:32px;box-shadow:0 18px 60px #26494e0d}.terms-card h1{font-size:34px;letter-spacing:-1px}.terms-card h2{margin-top:26px;font-weight:700}.terms-card p{font-size:14px;line-height:1.75;color:#4d686e}.terms-card .updated{font-size:12px;color:#70868a}@media(max-width:700px){.terms-card{padding:22px}.terms-card h1{font-size:28px}}