:root{color-scheme:light;--paper: #f4f6f2;--surface: #ffffff;--ink: #18221d;--muted: #68736d;--line: #c8d0ca;--field: #dfe9e2;--green: #176d58;--coral: #e94e5c;--yellow: #f2b72c;--blue: #456bd6;--shadow: 0 12px 28px rgba(30, 54, 43, .13)}*{box-sizing:border-box;letter-spacing:0;-webkit-tap-highlight-color:transparent}html,body{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.32}.topbar{min-height:66px;padding:8px max(14px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);background:var(--surface)}.brand{min-width:0;display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.brand-mark{width:48px;height:40px;flex:0 0 auto}.glass-line{fill:none;stroke:#26332d;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.brand span{min-width:0;display:grid;gap:1px}.brand b{overflow-wrap:anywhere;font-size:18px;line-height:1.1}.brand small{color:var(--green);font-size:9px;font-weight:900}.icon-button{width:42px;height:42px;flex:0 0 42px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#f8faf8}.icon-button svg{width:20px;height:20px}.game-shell{width:min(980px,100%);min-height:calc(100dvh - 66px);margin:0 auto;padding:16px 16px max(18px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(430px,1fr) auto;gap:12px}.stage-bar{min-width:0;display:grid;grid-template-columns:minmax(104px,1.25fr) repeat(2,minmax(70px,.8fr)) minmax(98px,1fr);border:1px solid var(--line);background:var(--surface)}.level-button,.stat,.status-badge{min-width:0;min-height:58px;padding:8px 12px}.level-button,.stat{border:0;border-right:1px solid var(--line);background:transparent}.level-button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;text-align:left}.level-button span,.stat span{color:var(--muted);font-size:9px;font-weight:850}.level-button strong{color:var(--coral);font-size:24px;font-variant-numeric:tabular-nums}.level-button svg{width:16px}.stat{display:grid;place-items:center;gap:2px;text-align:center}.stat strong{font-size:18px;font-variant-numeric:tabular-nums}.status-badge{display:flex;align-items:center;justify-content:center;gap:7px}.status-badge span{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--green)}.status-badge b{overflow-wrap:anywhere;font-size:12px}.status-badge[data-tone=warn] span{background:var(--coral)}.status-badge[data-tone=active] span{background:var(--blue)}.status-badge[data-tone=hint] span{background:var(--yellow)}.status-badge[data-tone=win] span{background:#2db7a3;box-shadow:0 0 0 4px #d9f3ed}.play-field{position:relative;min-width:0;min-height:430px;overflow:hidden;display:grid;place-items:center;padding:34px 22px 28px;border:1px solid #b7c8bd;border-radius:8px;background:var(--field);box-shadow:inset 0 -8px #176d580f}.lab-stripe{position:absolute;top:0;right:0;left:0;height:8px;display:grid;grid-template-columns:repeat(5,1fr)}.lab-stripe span:nth-child(1){background:#ef5b67}.lab-stripe span:nth-child(2){background:#f6bd3f}.lab-stripe span:nth-child(3){background:#2db7a3}.lab-stripe span:nth-child(4){background:#5277e6}.lab-stripe span:nth-child(5){background:#9a63d5}.tube-board{width:min(100%,690px);display:grid;grid-template-columns:repeat(var(--desktop-cols),minmax(66px,84px));justify-content:center;align-items:end;gap:28px 22px}.tube{position:relative;width:76px;height:194px;padding:0;border:0;background:transparent;transform-origin:50% 100%;transition:transform .16s ease,filter .16s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}.tube:hover{transform:translateY(-3px)}.tube.selected{transform:translateY(-14px)}.tube.complete{filter:drop-shadow(0 6px 8px rgba(23,109,88,.2))}.tube.hint-from{animation:hint-source .65s ease-in-out infinite alternate}.tube.hint-to{animation:hint-target .65s ease-in-out infinite alternate}.tube.pour-source{animation:pour-source .26s ease}.tube.pour-target{animation:pour-target .26s ease}@keyframes hint-source{to{transform:translateY(-12px);filter:drop-shadow(0 0 6px rgba(69,107,214,.65))}}@keyframes hint-target{to{filter:drop-shadow(0 0 8px rgba(242,183,44,.9))}}@keyframes pour-source{45%{transform:translate(16px,-14px) rotate(10deg)}}@keyframes pour-target{50%{transform:scale(1.035)}}.tube-rim{position:absolute;z-index:4;top:5px;left:8px;width:60px;height:15px;border:3px solid #45534c;border-radius:50%;background:#ffffffdb;box-shadow:inset 0 -3px #45534c2e}.tube-glass{position:absolute;z-index:1;inset:11px 11px 24px;overflow:hidden;border:3px solid #45534c;border-top:0;border-radius:0 0 25px 25px;background:#ffffff7a;box-shadow:inset 5px 0 #ffffff7a,inset -4px 0 #4a5b520f}.liquid{position:absolute;right:2px;bottom:calc(var(--slot) * 25%);left:2px;height:calc(25% + 1px);background:var(--fill);border-bottom:2px solid var(--dark);transition:bottom .22s ease}.liquid:before{content:"";position:absolute;top:-3px;right:0;left:0;height:7px;border-radius:50%;background:var(--fill);box-shadow:inset 0 2px #ffffff5c}.liquid:last-child:after{content:"";position:absolute;top:8px;left:8px;width:5px;height:5px;border-radius:50%;background:#ffffff85;box-shadow:9px 15px 0 -1px #ffffff57}.tube-shine{position:absolute;z-index:3;top:34px;left:20px;width:5px;height:58px;border-radius:5px;background:#ffffff9e;pointer-events:none}.tube-number{position:absolute;right:0;bottom:0;left:0;color:#68766e;font-size:10px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums}.tube.complete .tube-number{color:var(--green)}.action-bar{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));border:1px solid var(--line);background:var(--surface)}.action-button{min-width:0;min-height:56px;padding:7px 8px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-right:1px solid var(--line);background:transparent;font-size:11px;font-weight:850}.action-button:last-child{border-right:0}.action-button svg{width:18px;height:18px}.action-button:hover:not(:disabled){background:#eef4ef}.action-button.accent{color:#8a6100;background:#fff4cf}dialog{max-width:calc(100vw - 24px);padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 24px 60px #18221d4d}dialog::backdrop{background:#18221d9e}.level-dialog{width:min(520px,calc(100vw - 24px))}.dialog-head{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.dialog-head span{color:var(--green);font-size:9px;font-weight:900}.dialog-head h2{margin:2px 0 0;font-size:19px}.level-grid{max-height:min(520px,65dvh);overflow:auto;padding:16px;display:grid;grid-template-columns:repeat(10,minmax(34px,1fr));gap:7px}.level-grid button{position:relative;aspect-ratio:1;min-width:0;padding:0;border:1px solid var(--line);border-radius:5px;background:#f7f9f7;font-size:11px;font-weight:800}.level-grid button.cleared:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-radius:50%;background:#2db7a3}.level-grid button.current{border-color:var(--coral);background:#ffe8eb;color:#a92f3a}.win-dialog{width:min(390px,calc(100vw - 24px));padding:28px;text-align:center}.win-art{height:76px;display:flex;align-items:end;justify-content:center;gap:9px}.win-art span{width:25px;height:62px;border:3px solid #45534c;border-top:0;border-radius:0 0 12px 12px;background:linear-gradient(to top,var(--c) 72%,rgba(255,255,255,.5) 72%)}.win-art span:nth-child(2),.win-art span:nth-child(4){height:70px}.win-dialog>p{margin:16px 0 3px;color:var(--green);font-size:11px;font-weight:900}.win-dialog h2{margin:0 0 18px;font-size:28px}.win-stats{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line)}.win-stats span{padding:11px;display:grid;gap:3px}.win-stats span+span{border-left:1px solid var(--line)}.win-stats small{color:var(--muted);font-size:9px;font-weight:800}.win-stats b{font-size:19px}.continue-button{width:100%;min-height:48px;margin-top:14px;padding:9px 18px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:6px;background:var(--green);color:#fff;font-weight:850}.continue-button svg{width:18px}@media(max-width:640px){.topbar{min-height:58px;padding-block:6px}.brand-mark{width:43px;height:36px}.brand b{font-size:16px}.game-shell{min-height:calc(100dvh - 58px);padding:8px 8px max(10px,env(safe-area-inset-bottom));grid-template-rows:auto minmax(455px,1fr) auto;gap:8px}.stage-bar{grid-template-columns:minmax(94px,1.2fr) repeat(2,minmax(58px,.7fr)) minmax(74px,.9fr)}.level-button,.stat,.status-badge{min-height:51px;padding:6px 8px}.level-button{gap:5px}.level-button strong{font-size:21px}.status-badge{gap:5px}.status-badge b{font-size:10px}.play-field{min-height:455px;padding:30px 8px 20px}.tube-board{grid-template-columns:repeat(var(--mobile-cols),minmax(52px,64px));gap:17px 9px}.tube{width:58px;height:157px}.tube-rim{left:6px;width:46px;height:13px;border-width:2.5px}.tube-glass{right:8px;bottom:20px;left:8px;border-width:2.5px;border-top:0;border-radius:0 0 20px 20px}.tube-shine{top:30px;left:15px;width:4px;height:42px}.tube-number{font-size:9px}.action-button{min-height:50px;padding:5px;flex-direction:column;gap:2px;font-size:9px}.action-button svg{width:17px;height:17px}.level-grid{grid-template-columns:repeat(5,minmax(42px,1fr))}}@media(max-width:360px){.brand small,.status-badge span{display:none}.tube-board{grid-template-columns:repeat(var(--mobile-cols),minmax(48px,57px));gap-inline:5px}.tube{width:54px}}@media(min-width:700px)and (max-height:610px)and (orientation:landscape){.topbar{min-height:52px}.game-shell{width:min(1100px,100%);min-height:calc(100dvh - 52px);padding:8px;grid-template-columns:150px minmax(0,1fr) 90px;grid-template-rows:1fr;gap:8px}.stage-bar{grid-template-columns:1fr;align-self:stretch}.level-button,.stat{border-right:0;border-bottom:1px solid var(--line)}.status-badge{min-height:44px}.play-field{min-height:0;padding:18px 12px 12px}.tube-board{grid-template-columns:repeat(var(--desktop-cols),minmax(54px,64px));gap:12px}.tube{width:58px;height:min(42dvh,142px)}.tube-rim{left:6px;width:46px}.tube-glass{right:8px;bottom:18px;left:8px}.tube-shine{left:15px;height:38px}.action-bar{grid-template-columns:1fr}.action-button{min-height:20%;border-right:0;border-bottom:1px solid var(--line);flex-direction:column;gap:1px;font-size:9px}.action-button:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}