.cup-wrapper.pouring-from .cup[data-v-2453f2d0]{animation:pour-shake-2453f2d0 .6s ease}.cup-wrapper.pouring-to .cup[data-v-2453f2d0]{animation:pour-receive-2453f2d0 .6s ease}@keyframes pour-shake-2453f2d0{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(-3deg)}}@keyframes pour-receive-2453f2d0{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pour-source-effect[data-v-2453f2d0]{animation:source-glow-2453f2d0 .6s ease;background:radial-gradient(circle,rgba(59,130,246,.8),transparent);height:20px;top:-10px;width:20px}.pour-source-effect[data-v-2453f2d0],.pour-target-effect[data-v-2453f2d0]{border-radius:50%;left:50%;position:absolute;transform:translate(-50%)}.pour-target-effect[data-v-2453f2d0]{animation:target-glow-2453f2d0 .6s ease;background:radial-gradient(ellipse,rgba(34,197,94,.6),transparent);bottom:-5px;height:10px;width:30px}@keyframes source-glow-2453f2d0{0%,to{opacity:0;transform:translate(-50%) scale(.5)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}@keyframes target-glow-2453f2d0{0%,to{opacity:0;transform:translate(-50%) scale(.8)}50%{opacity:1;transform:translate(-50%) scale(1.3)}}.water-splash[data-v-2453f2d0]{animation:splash-2453f2d0 .6s ease;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.8),transparent 70%);height:20px;left:50%;pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:40px}@keyframes splash-2453f2d0{0%{opacity:0;transform:translate(-50%) scale(.5) translateY(10px)}30%{opacity:1;transform:translate(-50%) scale(1.2) translateY(-5px)}to{opacity:0;transform:translate(-50%) scale(1) translateY(-15px)}}.pour-stream-container[data-v-2453f2d0]{height:calc(100% - 60px);pointer-events:none;position:absolute;top:20px;z-index:5}.pour-stream[data-v-2453f2d0]{animation:stream-flow-2453f2d0 .6s ease;background:linear-gradient(180deg,#3b82f600,#3b82f6cc 10%,#3b82f6e6 90%,#3b82f600);border-radius:3px;width:6px}.pour-droplets[data-v-2453f2d0],.pour-stream[data-v-2453f2d0]{height:100%;left:0;position:absolute;top:0}.pour-droplets[data-v-2453f2d0]{width:100%}.droplet[data-v-2453f2d0]{animation:droplet-fall-2453f2d0 .4s ease infinite;background:#3b82f6b3;border-radius:50%;height:8px;position:absolute;width:4px}.droplet[data-v-2453f2d0]:first-child{animation-delay:0s;left:-6px}.droplet[data-v-2453f2d0]:nth-child(2){animation-delay:.1s;left:3px}.droplet[data-v-2453f2d0]:nth-child(3){animation-delay:.2s;left:8px}@keyframes stream-flow-2453f2d0{0%{opacity:0;transform:scaleY(0)}20%{opacity:1;transform:scaleY(1)}80%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.8)}}@keyframes droplet-fall-2453f2d0{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.5)}}.toggle-switch[data-v-2453f2d0]{align-items:center;cursor:pointer;display:flex;gap:12px}.toggle-switch input[data-v-2453f2d0]{display:none}.toggle-slider[data-v-2453f2d0]{background:var(--bg-tertiary);border-radius:12px;height:24px;position:relative;transition:background .3s;width:48px}.toggle-slider[data-v-2453f2d0]:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.toggle-switch input:checked+.toggle-slider[data-v-2453f2d0]{background:var(--primary)}.toggle-switch input:checked+.toggle-slider[data-v-2453f2d0]:before{transform:translate(24px)}.toggle-label[data-v-2453f2d0]{color:var(--text-primary);font-size:14px}.water-game-container[data-v-2453f2d0]{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:20px;width:100%}.game-area[data-v-2453f2d0]{flex:1;padding:20px 0;position:relative;width:100%}.cups-container[data-v-2453f2d0],.game-area[data-v-2453f2d0]{align-items:flex-end;display:flex;justify-content:center}.cups-container[data-v-2453f2d0]{flex-wrap:wrap;gap:40px}.cup-wrapper[data-v-2453f2d0]{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px;position:relative;transition:all .3s ease}.cup-wrapper[data-v-2453f2d0]:hover:not(.selected){transform:translateY(-4px)}.cup-wrapper.selected[data-v-2453f2d0]{transform:scale(1.05)}.cup-wrapper.target[data-v-2453f2d0]:before{align-items:center;animation:target-pulse-2453f2d0 2s ease-in-out infinite;background:linear-gradient(135deg,var(--success),#16a34a);border-radius:50%;box-shadow:0 0 20px #22c55e80;content:"";display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:-30px;transform:translate(-50%);width:40px}@keyframes target-pulse-2453f2d0{0%,to{box-shadow:0 0 20px #22c55e80}50%{box-shadow:0 0 30px #22c55ecc}}.cup[data-v-2453f2d0]{background:#ffffff0d;border:3px solid;border-radius:0 0 12px 12px;box-shadow:inset 0 0 20px #0003,0 4px 15px #0000004d;position:relative;width:70px}.cup[data-v-2453f2d0],.water[data-v-2453f2d0]{overflow:hidden}.water[data-v-2453f2d0]{bottom:0;left:0;position:absolute;right:0;transition:height .5s ease}.water-surface[data-v-2453f2d0]{animation:wave-2453f2d0 3s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);height:10px;left:-50%;position:absolute;right:-50%;top:0}@keyframes wave-2453f2d0{0%{transform:translate(0)}to{transform:translate(50%)}}.water-ripples[data-v-2453f2d0]{inset:0;overflow:hidden;position:absolute}.ripple[data-v-2453f2d0]{animation:ripple-2453f2d0 4s ease-out infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;position:absolute}.ripple[data-v-2453f2d0]:nth-child(2){animation-delay:2s}@keyframes ripple-2453f2d0{0%{height:20px;left:50%;margin-left:-10px;margin-top:-10px;opacity:1;top:50%;width:20px}to{height:100px;left:50%;margin-left:-50px;margin-top:-50px;opacity:0;top:50%;width:100px}}.cup-markings[data-v-2453f2d0]{inset:0;pointer-events:none;position:absolute}.mark[data-v-2453f2d0]{background:#fff3;height:1px;left:0;position:absolute;right:0}.mark.main[data-v-2453f2d0]{background:#fff6}.mark-label[data-v-2453f2d0]{color:var(--text-secondary);font-size:9px;position:absolute;right:4px;top:-6px}.water-amount[data-v-2453f2d0]{color:var(--text-primary);font-size:18px;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 3px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%);z-index:2}.cup-label[data-v-2453f2d0]{align-items:center;display:flex;flex-direction:column;gap:2px}.cup-name[data-v-2453f2d0]{color:var(--text-primary);font-size:14px;font-weight:600}.cup-capacity[data-v-2453f2d0]{color:var(--text-secondary);font-size:11px}.selection-indicator[data-v-2453f2d0]{align-items:center;animation:bounce-2453f2d0 1s ease-in-out infinite;color:var(--primary);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:2px;left:50%;position:absolute;top:-50px;transform:translate(-50%)}.selection-indicator .icon[data-v-2453f2d0]{font-size:24px}@keyframes bounce-2453f2d0{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.target-indicator[data-v-2453f2d0]{background:var(--success);border-radius:20px;color:#fff;font-size:11px;font-weight:600;gap:4px;left:50%;padding:4px 10px;position:absolute;top:-45px;transform:translate(-50%)}.action-hint[data-v-2453f2d0],.target-indicator[data-v-2453f2d0]{align-items:center;display:flex}.action-hint[data-v-2453f2d0]{background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:14px;gap:8px;justify-content:center;padding:12px 24px}.cancel-btn[data-v-2453f2d0]{align-items:center;background:var(--error);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;margin-left:8px;padding:4px 10px}.history-bar[data-v-2453f2d0]{background:var(--bg-secondary);border-radius:12px;max-width:600px;padding:12px 16px;width:100%}.history-title[data-v-2453f2d0]{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;margin-bottom:8px}.history-list[data-v-2453f2d0]{display:flex;flex-wrap:wrap;gap:8px}.history-item[data-v-2453f2d0]{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;font-size:12px;gap:4px;padding:4px 10px}.history-item .from[data-v-2453f2d0],.history-item .to[data-v-2453f2d0]{color:var(--text-secondary)}.history-item .amount[data-v-2453f2d0]{color:var(--primary);font-weight:600}.game-overlay[data-v-2453f2d0]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae6;border-radius:16px;display:flex;inset:0;justify-content:center;position:absolute;z-index:20}.overlay-content[data-v-2453f2d0]{max-width:400px;padding:40px;text-align:center}.success-icon[data-v-2453f2d0]{animation:pop-in-2453f2d0 .5s ease;font-size:64px;margin-bottom:16px}@keyframes pop-in-2453f2d0{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.overlay-content h2[data-v-2453f2d0]{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:20px}.stars[data-v-2453f2d0]{display:flex;font-size:36px;gap:8px;justify-content:center;margin-bottom:24px}.star-filled[data-v-2453f2d0]{animation:star-pop-2453f2d0 .4s ease;color:#fbbf24}.star-empty[data-v-2453f2d0]{color:var(--text-secondary);opacity:.3}@keyframes star-pop-2453f2d0{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.result-info[data-v-2453f2d0]{display:flex;gap:32px;justify-content:center;margin-bottom:28px}.result-info .info-item[data-v-2453f2d0]{display:flex;flex-direction:column;gap:4px}.result-info .info-item span[data-v-2453f2d0]{color:var(--text-secondary);font-size:12px}.result-info .info-item strong[data-v-2453f2d0]{color:var(--text-primary);font-size:24px}.btn-group[data-v-2453f2d0]{display:flex;flex-direction:column;gap:10px}.primary-btn[data-v-2453f2d0],.secondary-btn[data-v-2453f2d0]{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:14px 28px;transition:all .2s}.primary-btn[data-v-2453f2d0]{background:var(--primary);color:#fff}.primary-btn[data-v-2453f2d0]:hover{background:var(--primary-dark);transform:translateY(-2px)}.secondary-btn[data-v-2453f2d0]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.secondary-btn[data-v-2453f2d0]:hover{background:var(--border-color)}.setting-group[data-v-2453f2d0]{margin-bottom:24px}.setting-group h4[data-v-2453f2d0]{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.theme-options[data-v-2453f2d0]{display:flex;gap:12px}.theme-card[data-v-2453f2d0]{align-items:center;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:8px;padding:12px;transition:all .2s}.theme-card[data-v-2453f2d0]:hover{border-color:var(--border-color)}.theme-card.active[data-v-2453f2d0]{border-color:var(--primary)}.theme-preview[data-v-2453f2d0]{border:2px solid var(--border-color);border-radius:8px;height:40px;width:40px}.theme-preview.classic[data-v-2453f2d0]{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.theme-preview.modern[data-v-2453f2d0]{background:linear-gradient(135deg,#1e293b,#334155)}.theme-preview.neon[data-v-2453f2d0]{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);box-shadow:0 0 10px #0f8}.theme-card span[data-v-2453f2d0]{color:var(--text-primary);font-size:12px}.apply-btn[data-v-2453f2d0]{align-items:center;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.apply-btn[data-v-2453f2d0]:hover{background:var(--primary-dark)}.help-section[data-v-2453f2d0]{margin-bottom:24px}.help-section h4[data-v-2453f2d0]{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:12px}.help-section p[data-v-2453f2d0]{color:var(--text-secondary);font-size:14px;line-height:1.6}.control-grid[data-v-2453f2d0]{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.control-item[data-v-2453f2d0]{align-items:center;background:var(--bg-tertiary);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:16px 10px}.control-item kbd[data-v-2453f2d0]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:12px;padding:2px 8px}.control-item span[data-v-2453f2d0]{color:var(--text-secondary);font-size:12px;text-align:center}.rule-list[data-v-2453f2d0]{list-style:none;margin:0;padding:0}.rule-list li[data-v-2453f2d0]{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:14px;gap:8px;padding:10px 0}.rule-list li[data-v-2453f2d0]:last-child{border-bottom:none}.rule-list li .icon[data-v-2453f2d0]{color:var(--primary)}.hint-section[data-v-2453f2d0]{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:16px}.hint-text[data-v-2453f2d0]{color:var(--warning)!important;font-style:italic}.level-grid[data-v-2453f2d0]{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.level-card[data-v-2453f2d0]{align-items:center;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px 12px;position:relative;transition:all .2s}.level-card[data-v-2453f2d0]:hover:not(.locked){border-color:var(--primary);transform:translateY(-2px)}.level-card.locked[data-v-2453f2d0]{cursor:not-allowed;opacity:.5}.level-card.completed[data-v-2453f2d0]{border-color:var(--success)}.level-card.current[data-v-2453f2d0]{animation:pulse-border-2453f2d0 1s ease-in-out infinite;border-color:var(--warning)}@keyframes pulse-border-2453f2d0{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b1a}}.level-number[data-v-2453f2d0]{color:var(--text-primary);font-size:28px;font-weight:700}.level-name[data-v-2453f2d0]{color:var(--text-secondary);font-size:13px;text-align:center}.level-stars[data-v-2453f2d0]{display:flex;font-size:14px;gap:2px}.level-difficulty[data-v-2453f2d0]{font-size:11px;margin-top:4px}.level-best[data-v-2453f2d0]{font-size:10px;margin-top:2px}.level-best[data-v-2453f2d0],.lock-icon[data-v-2453f2d0]{color:var(--text-secondary)}.lock-icon[data-v-2453f2d0]{align-items:center;background:#0000004d;border-radius:12px;display:flex;font-size:24px;inset:0;justify-content:center;position:absolute}.info-item.target-info[data-v-2453f2d0]{color:var(--success)}.stat-pill.hint[data-v-2453f2d0]{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:var(--warning)}.stat-label[data-v-2453f2d0]{font-size:11px;font-weight:400;opacity:.8}.fade-enter-active[data-v-2453f2d0],.fade-leave-active[data-v-2453f2d0]{transition:opacity .3s ease}.fade-enter-from[data-v-2453f2d0],.fade-leave-to[data-v-2453f2d0]{opacity:0}@media(max-width:768px){.water-game-container[data-v-2453f2d0]{padding:16px}.cups-container[data-v-2453f2d0]{gap:24px}.cup[data-v-2453f2d0]{width:60px}.cup-wrapper.target[data-v-2453f2d0]:before{height:32px;top:-24px;width:32px}.target-indicator[data-v-2453f2d0]{font-size:10px;padding:3px 8px;top:-36px}.selection-indicator[data-v-2453f2d0]{font-size:10px;top:-40px}.selection-indicator .icon[data-v-2453f2d0]{font-size:20px}.control-grid[data-v-2453f2d0],.level-grid[data-v-2453f2d0]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cups-container[data-v-2453f2d0]{gap:16px}.cup[data-v-2453f2d0]{border-width:2px;width:50px}.water-amount[data-v-2453f2d0]{font-size:14px}.cup-name[data-v-2453f2d0]{font-size:12px}.cup-capacity[data-v-2453f2d0]{font-size:10px}.level-grid[data-v-2453f2d0]{gap:10px;grid-template-columns:repeat(2,1fr)}.level-card[data-v-2453f2d0]{padding:16px 8px}.level-number[data-v-2453f2d0]{font-size:22px}.overlay-content[data-v-2453f2d0]{padding:24px}.success-icon[data-v-2453f2d0]{font-size:48px}.overlay-content h2[data-v-2453f2d0]{font-size:22px}.stars[data-v-2453f2d0]{font-size:28px}.theme-options[data-v-2453f2d0]{gap:8px}.theme-card[data-v-2453f2d0]{padding:8px}.theme-preview[data-v-2453f2d0]{height:32px;width:32px}}