:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #1a1028;--surface: #261a3a;--border: rgba(255, 200, 255, .1);--accent: #f472b6;--accent2: #a78bfa;--text: #fde8f0;--text-dim: rgba(255, 220, 240, .55);--gold: #fbbf24;--tube-bg: rgba(255, 255, 255, .06);--tube-border: rgba(255, 200, 255, .18)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}.game{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem;gap:1rem;background:radial-gradient(ellipse at 30% 20%,rgba(167,139,250,.08),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(244,114,182,.08),transparent 60%),var(--bg)}.header{text-align:center}.title-row{display:flex;align-items:center;justify-content:center;gap:.5rem}.title{font-size:2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-icon{font-size:1.8rem}.subtitle{font-size:.9rem;color:var(--text-dim);margin-top:.25rem}.stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.tubes-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:640px}.tubes-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1rem}.tube-wrapper{cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.tube-wrapper:hover{transform:translateY(-3px)}.tube-wrapper.selected{transform:translateY(-10px)}.tube-wrapper.selected .tube{border-color:var(--accent);box-shadow:0 0 18px #f472b659,0 8px 24px #0000004d}.tube{width:52px;height:148px;border:2px solid var(--tube-border);border-top:none;border-radius:0 0 14px 14px;background:var(--tube-bg);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s}.tube-base{width:60px;height:6px;border-radius:0 0 6px 6px;background:#ffc8ff1a;margin-top:-1px}.slot{flex:1;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.04);position:relative}.slot:last-child{border-bottom:none}.candy{font-size:1.6rem;display:block;transition:transform .2s ease,opacity .2s ease;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));line-height:1}.candy.lifted{transform:scale(1.25) translateY(-4px);filter:drop-shadow(0 6px 10px rgba(244,114,182,.4))}.slot.moving .candy{animation:pop-out .2s ease forwards}@keyframes pop-out{0%{transform:scale(1);opacity:1}to{transform:scale(.5) translateY(-30px);opacity:0}}.controls{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn{font-family:inherit;font-size:.9rem;font-weight:600;padding:.65rem 1.5rem;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;letter-spacing:.01em}.btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px #f472b64d}.btn:active{transform:scale(.97)}.btn-ghost{background:transparent;border:1.5px solid var(--tube-border);color:var(--text-dim)}.btn-ghost:hover{border-color:var(--accent);color:var(--text);box-shadow:none;filter:none}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0614d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:100;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}}.win-card{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:2.5rem 3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:pop-in .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080}@keyframes pop-in{0%{transform:scale(.8);opacity:0}}.win-emoji{font-size:3rem;animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.win-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--gold),#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.win-text{color:var(--text-dim);font-size:.95rem}.win-stars{font-size:2rem;letter-spacing:.15em}@media(max-width:480px){.tube{width:44px;height:126px}.tube-base{width:52px}.candy{font-size:1.3rem}.title{font-size:1.6rem}.tubes-grid{gap:.5rem}}