.gif-recording-indicator{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:#ef4444e6;color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;z-index:var(--z-overlay);animation:pulse 1.5s ease-in-out infinite}.gif-recording-indicator:before{content:"";width:10px;height:10px;background-color:#fff;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.gif-preview-modal{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gif-preview-content{background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-4);max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:var(--space-4);animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.gif-preview-content img{max-width:100%;max-height:60vh;border-radius:var(--radius-lg);background-color:var(--color-bg-card)}.gif-preview-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.gif-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast)}.gif-btn-share{background-color:var(--color-brand-primary);color:#fff}.gif-btn-share:hover{background-color:#4f46e5;transform:translateY(-1px)}.gif-btn-download{background-color:var(--color-success);color:#fff}.gif-btn-download:hover{background-color:#16a34a;transform:translateY(-1px)}.gif-btn-close{background-color:var(--color-bg-card);color:var(--color-text-primary)}.gif-btn-close:hover{background-color:var(--color-bg-elevated)}.gif-export-progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6)}.gif-export-progress .progress-bar{width:200px;height:8px}.gif-export-progress .progress-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.btn-share-gif{display:flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary));color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-share-gif:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-share-gif svg{width:20px;height:20px}@media (max-width: 480px){.gif-preview-content{padding:var(--space-3);margin:var(--space-2)}.gif-preview-actions{flex-direction:column}.gif-btn{width:100%}}@media (prefers-reduced-motion: reduce){.gif-recording-indicator,.gif-recording-indicator:before{animation:none}.gif-preview-modal,.gif-preview-content{animation:none}}.game-board{display:flex;justify-content:center;align-items:center;min-height:300px}#game-canvas{cursor:pointer;max-width:100%;touch-action:manipulation}@keyframes tube-glow{0%,to{filter:drop-shadow(0 0 8px rgba(0,212,255,.6))}50%{filter:drop-shadow(0 0 15px rgba(0,212,255,.9))}}.tube-selected{animation:tube-glow 1s ease-in-out infinite}.pour-preview{opacity:.7;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.4}}.color-legend{display:flex;gap:8px;justify-content:center;padding:8px;margin-top:8px}.color-swatch{width:24px;height:24px;border-radius:4px;border:2px solid rgba(255,255,255,.3)}@media (max-width: 480px){.game-board{min-height:250px}}.game-overlay.active .star.filled{animation:star-pop .3s ease-out forwards}.game-overlay.active .star.filled:nth-child(1){animation-delay:.1s}.game-overlay.active .star.filled:nth-child(2){animation-delay:.2s}.game-overlay.active .star.filled:nth-child(3){animation-delay:.3s}@keyframes star-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.tube-selected,.pour-preview,.game-overlay.active .star.filled{animation:none}}