*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:'Nunito',Arial,sans-serif;font-weight:800;color:#fff5ff;background:#211039;touch-action:manipulation;overscroll-behavior:none;background-image:radial-gradient(ellipse at 50% 65%,#632c97 0,transparent 65%),radial-gradient(ellipse at 65% 0,#47216c,transparent 60%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.38;cursor:default}button:active:not(:disabled){transform:translateY(2px) scale(.97)}button:focus-visible,a:focus-visible{outline:3px solid #ffe675;outline-offset:4px}svg{display:block}svg path{stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.defs{position:absolute;pointer-events:none}.sky{position:fixed;inset:0;overflow:hidden;pointer-events:none}.sky i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffe1ff66;box-shadow:0 0 14px #ffdfff;animation:twinkle 6s ease-in-out infinite}.sky i:nth-child(1){left:13%;top:19%}.sky i:nth-child(2){left:86%;top:29%;animation-delay:-2s}.sky i:nth-child(3){left:24%;top:73%;width:3px}.sky i:nth-child(4){left:68%;top:12%;width:4px;animation-delay:-4s}.sky i:nth-child(5){left:72%;top:80%;width:3px}.sky i:nth-child(6){left:7%;top:49%;width:4px;animation-delay:-3s}.sky i:nth-child(7){left:91%;top:63%;width:3px}@keyframes twinkle{50%{opacity:.2;transform:scale(.7)}}#col{position:relative;width:100%;height:100dvh;isolation:isolate}.round{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:15px;background:#ffffff13;border:1px solid #ffffff20;color:#fff;text-decoration:none;flex:none;box-shadow:inset 0 1px #ffffff16}.round svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.2}.title-screen{height:100%;padding:calc(14px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;max-width:1040px;margin:auto}.title-header{display:flex;align-items:center;justify-content:space-between;gap:10px;height:44px;flex:none}.chip{font-size:12px;color:#d9c8ed;background:#190c2c77;padding:8px 12px;border:1px solid #ffffff16;border-radius:20px;white-space:nowrap}.best{color:#ffe67a}.title-body{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:15px}.welcome{text-align:center;max-width:410px;width:100%}.logo{width:100%;height:min(19vh,150px);overflow:visible}.tagline{font-size:13px;color:#dfcbee;margin:7px 0 0}.hero{width:min(100%,390px);height:min(26vh,200px);position:relative;display:flex;align-items:flex-end;justify-content:center;gap:0}.hero>svg{width:21%;height:100%;filter:drop-shadow(0 8px 18px #0c032955);transform-origin:50% 100%;animation:float 6s ease-in-out infinite}.hero>svg:nth-child(1){height:85%;transform:rotate(-10deg);animation-delay:-1s}.hero>svg:nth-child(2){height:93%;animation-delay:-3s}.hero>svg:nth-child(3){height:110%;z-index:2;animation-delay:-2s}.hero>svg:nth-child(4){height:96%;animation-delay:-4s}.hero>svg:nth-child(5){height:86%;transform:rotate(10deg);animation-delay:-5s}@keyframes float{50%{translate:0 -7px}}.title-actions{width:min(100%,330px);text-align:center}.gold{border-radius:20px;min-height:57px;width:100%;background:linear-gradient(#fff08e,#ffd146 50%,#ffbe26);color:#492132;font-family:'Baloo 2',Arial,sans-serif;font-weight:900;font-size:24px;box-shadow:inset 0 2px #fff7bd,0 5px 0 #b66b1f,0 10px 30px #17082366;border:2px solid #f5ac32;text-shadow:0 1px #fff19b}.main-btn{font-size:28px;min-height:63px;letter-spacing:.8px}.note{font-size:12px;line-height:1.6;min-height:20px;color:#d3bcdf;margin:14px 0 18px}.menu-tools{display:flex;justify-content:center;gap:24px}.menu-tools button{background:none;min-width:62px;padding:0;display:grid;gap:7px;justify-items:center;font-size:11px;color:#e1cceb}.menu-tools span{display:grid;place-items:center;background:#ffffff13;border:1px solid #ffffff20;border-radius:17px;width:49px;height:49px;box-shadow:inset 0 1px #ffffff16}.menu-tools svg{width:25px;height:25px;stroke:#eadcff;stroke-width:1.8;fill:none}.play-screen{height:100%;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));max-width:1040px;margin:auto}.hud{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:52px;gap:12px}.level{text-align:center}.level strong{font:900 23px/1.1 'Baloo 2',Arial,sans-serif;display:block}.level small{font-size:11px;display:block;color:#cbb3e1;margin-top:5px}.move-counter{min-width:54px;text-align:center}.move-counter b{font:900 23px/1 'Baloo 2',Arial,sans-serif;display:block;color:#fff08e}.move-counter small{font-size:8px;letter-spacing:1px;color:#cbb3e1}.board{position:relative;flex:1;min-height:0;margin-top:12px}.bottle{position:absolute;padding:0;background:none;transition:translate .18s;outline-offset:-3px!important;touch-action:manipulation;display:flex;flex-direction:column;align-items:center}.bottle>svg{width:100%;height:calc(100% - 19px);overflow:visible;filter:drop-shadow(0 10px 10px #17072766)}.bottle small{height:19px;font-size:10px;color:#af94c9;display:grid;place-items:center;min-width:25px;border-radius:10px}.bottle.selected{translate:0 -8px}.bottle.selected small{background:#ffdf6b;color:#4a2542}.bottle.available:after{content:'';position:absolute;top:0;width:6px;height:6px;background:#78f5c5;border-radius:50%;box-shadow:0 0 10px #69ffa9}.bottle.hinted:before{content:'\2193';position:absolute;top:-20px;color:#fff074;font-size:24px;line-height:24px;font-weight:900}.bottle.shake{animation:shake .28s}@keyframes shake{25%,75%{translate:-4px 0}50%{translate:4px 0}}.status{font-size:12px;line-height:1.45;text-align:center;color:#dbc5ed;min-height:40px;flex:none;margin:0;display:flex;justify-content:center;align-items:center}.play-tools{display:flex;gap:10px;justify-content:center;flex:none}.play-tools button{max-width:155px;flex:1;min-height:53px;background:#25123890;border:1px solid #ffffff20;border-radius:17px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;box-shadow:inset 0 1px #ffffff12}.play-tools svg{width:21px;height:21px;stroke:#e8d1ff;stroke-width:1.9;fill:none}.sheet{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:22px 18px;background:#10051ac9;backdrop-filter:blur(9px)}.panel{position:relative;width:min(100%,370px);max-height:100%;overflow-y:auto;background:linear-gradient(150deg,#4b2768,#2b153e);border:1px solid #b279cc66;border-radius:28px;padding:32px 25px 25px;box-shadow:0 25px 90px #05000980;text-align:center}.close{position:absolute;right:13px;top:13px;width:44px;height:44px;border-radius:13px}.panel h1,.panel h2{font:900 29px/1.15 'Baloo 2',Arial,sans-serif;margin:10px 0 13px}.panel p{font-size:13px;line-height:1.7;color:#dac3eb}.panel .gold{margin-top:10px}.secondary{background:#ffffff0e;min-height:48px;width:100%;border:1px solid #b38ac76b;border-radius:16px;margin-top:13px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:14px}.secondary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.text-btn{background:none;width:100%;min-height:44px;font-size:12px;color:#c5abd9;margin-top:10px}.panel .switch-row{width:100%;padding:13px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;font-size:12px;border-bottom:1px solid #ffffff16}.switch-row span{color:#adf3df}.stars{font-size:40px;color:#ffde65;letter-spacing:5px;line-height:1.2;text-shadow:0 3px #915919,0 0 30px #ffde6440}.stars .dim{color:#80678e;text-shadow:none}.result h1{margin-bottom:0}.result #resultNote{margin:5px 0 14px}.score{font:900 57px/1 'Baloo 2',Arial,sans-serif;color:#ffed99;text-shadow:0 4px #633749}.score-caption{font-size:10px;letter-spacing:2px;color:#c5a8db}.best-track{margin:22px auto 17px;max-width:270px}.best-track span{display:block;font-size:11px;color:#f9d98d;text-align:left}.best-track>div{height:6px;background:#1a0a2c99;border-radius:10px;overflow:hidden;margin-top:9px}.best-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#ff85bb,#ffe371);transition:width .6s}.stats{display:flex;justify-content:center;gap:0}.stats>div{flex:1;border-right:1px solid #ffffff17}.stats>div:last-child{border:0}.stats b{font:900 21px 'Baloo 2',Arial,sans-serif;display:block}.stats small{font-size:10px;color:#cab0db}.panel .xp{color:#b8f4dd;font-size:12px;margin:18px 0 14px}.result-actions{width:100%}.pour-clone{position:fixed;z-index:6;pointer-events:none;transform-origin:50% 15%;filter:drop-shadow(0 12px 15px #10051980)}.pour-stream{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}.pour-stream path{fill:none;stroke-linecap:round}.dk-overlay{z-index:30!important;background:#10051add!important;backdrop-filter:blur(9px)}.dk-overlay .dk-panel{box-shadow:0 20px 60px #0009}#uji{position:fixed;inset:5px;z-index:100;overflow:auto;background:#16271c;color:#bfffce;padding:15px;font:12px/1.5 monospace}.cover .title-header,.cover .tagline,.cover .title-actions{display:none}.cover .title-body{display:flex;flex-direction:row;gap:20px}.cover .welcome{width:46%;max-width:none}.cover .logo{height:auto}.cover .hero{width:45%;height:60vh}.cover .hero svg{animation:none}.cover .sky i{animation:none}@media(min-width:760px){.title-body{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px 60px;align-content:center;padding:25px}.welcome{grid-column:1;grid-row:1}.logo{height:min(22vh,160px)}.hero{grid-column:2;grid-row:1/3;height:44vh;max-height:360px;width:100%}.title-actions{grid-column:1;grid-row:2;justify-self:center}.title-header{padding:0 25px}.result .panel{width:650px;display:flex;align-items:center;gap:28px;padding:30px}.result-top{flex:1}.result-actions{width:220px;flex:none}.result .xp{margin-bottom:0}}@media(max-height:590px){.title-body{gap:7px}.logo{height:17vh}.hero{height:24vh}.tagline{font-size:11px;margin:3px}.main-btn{min-height:51px}.note{margin:12px 0 9px;font-size:11px}.menu-tools span{width:43px;height:43px}.menu-tools{gap:22px}.menu-tools button{gap:5px}.title-screen{padding-top:9px;padding-bottom:10px}.play-screen{padding-top:8px;padding-bottom:9px}.hud{min-height:44px}.board{margin-top:5px}.status{min-height:30px;font-size:11px}.play-tools button{min-height:45px}.panel{padding:24px 22px}.result-top .best-track{margin:13px auto}.result-top .score{font-size:44px}.stars{font-size:29px}.result h1{font-size:25px}}@media(min-width:760px) and (max-height:590px){.hero{height:55vh}.logo{height:27vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:759px) and (max-height:700px){.result .panel{padding:23px 22px}.result .stars{font-size:32px}.result h1{font-size:27px;margin:6px 0 0}.result #resultNote{margin:4px 0 10px;font-size:12px}.result .score{font-size:48px}.result .best-track{margin:13px auto 12px}.result .xp{margin:12px 0 8px}.result .gold{min-height:52px}.result .secondary{margin-top:12px}.result .text-btn{margin-top:7px}}
.result-actions .gold{font-size:21px;white-space:nowrap}

.icon .title-header,.icon .welcome,.icon .title-actions{display:none}.icon .title-body{display:flex;align-items:center;justify-content:center}.icon .hero{width:100%;height:78vh;gap:0}.icon .hero>svg{width:32%;animation:none}.icon .hero>svg:nth-child(1){height:85%;transform:rotate(-8deg)}.icon .hero>svg:nth-child(2){height:100%}.icon .hero>svg:nth-child(3){height:85%;transform:rotate(8deg)}

/* Pouring uses one JS clock; OS reduced motion still shows the essential transfer. */
.pour-clone>svg{width:100%;height:100%;overflow:visible}.pour-clone{will-change:transform;filter:drop-shadow(0 8px 14px #16052366)}.pour-stream{filter:drop-shadow(0 0 2px #ffffff22)}.receiving>svg{filter:drop-shadow(0 0 9px #e9a6ff55)}.hud{position:relative;z-index:10}