body{overflow:auto!important;background:linear-gradient(180deg,#0a0614,#1a0a2e,#0a0614)!important}#brew-area{display:flex;min-height:100vh;padding-top:4rem;gap:0;background:radial-gradient(ellipse at 30% 20%,rgba(156,39,176,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(76,175,80,.1) 0%,transparent 50%)}#recipe-book{width:280px;background:linear-gradient(180deg,#3e2723e6,#2a1914f2);border-right:3px solid rgba(139,119,73,.3);padding:1.2rem;overflow-y:auto;box-shadow:4px 0 24px #0006}.book-title{font-family:var(--font-pixel);font-size:.5rem;color:#ce93d8;margin-bottom:1rem;text-align:center;letter-spacing:3px;text-shadow:0 0 15px rgba(206,147,216,.5);padding-bottom:.8rem;border-bottom:2px solid rgba(156,39,176,.3)}.recipe-entry{display:flex;align-items:center;gap:.6rem;padding:.6rem;margin-bottom:.4rem;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:all .2s}.recipe-entry:hover{background:#9c27b01a;transform:translate(4px)}.recipe-entry.discovered{border-color:#4caf5066;background:#4caf5014;box-shadow:0 0 15px #4caf5033}.recipe-entry .r-icon{font-size:1.4rem;width:36px;text-align:center;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.recipe-entry .r-name{font-family:var(--font-modern);font-size:.75rem;color:#e0e0e0;font-weight:600}.recipe-entry .r-name.hidden{color:#fff3}.recipe-entry .r-combo{font-size:.55rem;color:#fff6;margin-top:3px}#brewing-stand{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:radial-gradient(ellipse at center,rgba(156,39,176,.12) 0%,transparent 70%);padding:2rem}.stand-label{font-family:var(--font-pixel);font-size:.5rem;color:#ffffff80;letter-spacing:3px;text-shadow:0 0 10px rgba(156,39,176,.5)}#ingredient-slots{display:flex;gap:12px}.ing-slot{width:72px;height:72px;background:linear-gradient(145deg,#3e2723e6,#2a1914f2);border:3px solid rgba(139,119,73,.4);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;transition:all .25s;box-shadow:0 4px 16px #0006}.ing-slot:hover{border-color:#8b774999;transform:scale(1.05);box-shadow:0 6px 24px #00000080}.ing-slot.filled{border-color:#ffb30080;box-shadow:0 0 20px #ffb3004d,inset 0 0 15px #ffb3001a}#brew-bottle{font-size:4rem;margin:.8rem 0;filter:drop-shadow(0 0 25px rgba(156,39,176,.6));animation:bottleFloat 3s ease-in-out infinite}@keyframes bottleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#brew-result{min-height:70px;display:flex;flex-direction:column;align-items:center;gap:.4rem}.result-text{font-family:var(--font-pixel);font-size:.55rem}.result-text.success{color:#4caf50;text-shadow:0 0 15px rgba(76,175,80,.6);animation:successPulse .5s ease-out}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.result-text.fail{color:#ef5350;text-shadow:0 0 10px rgba(239,83,80,.5)}#brew-btn{margin-top:.8rem}#finish-btn{background:linear-gradient(135deg,#9c27b04d,#673ab766);border:2px solid rgba(156,39,176,.4);color:#fffc;padding:.7rem 1.5rem;border-radius:12px;cursor:pointer;font-size:.75rem;font-family:var(--font-modern);font-weight:600;transition:all .25s}#finish-btn:hover{background:linear-gradient(135deg,#9c27b080,#673ab799);border-color:#ce93d8;box-shadow:0 0 20px #9c27b066;transform:scale(1.05)}#ingredients-panel{width:260px;background:linear-gradient(180deg,#0f0519e6,#0a0312f2);border-left:3px solid rgba(156,39,176,.25);padding:1.2rem;overflow-y:auto;box-shadow:-4px 0 24px #0006}.panel-title{font-family:var(--font-pixel);font-size:.45rem;color:#ce93d8;margin-bottom:.8rem;text-align:center;letter-spacing:3px;text-shadow:0 0 15px rgba(206,147,216,.5);padding-bottom:.6rem;border-bottom:2px solid rgba(156,39,176,.3)}#ing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ing-item{aspect-ratio:1;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s}.ing-item:hover{background:#9c27b026;border-color:#9c27b066;transform:scale(1.08);box-shadow:0 4px 16px #9c27b04d}.ing-item.selected{border-color:#ffb300;box-shadow:0 0 20px #ffb30066,inset 0 0 10px #ffb3001a;animation:selectedPulse 1s ease-in-out infinite}@keyframes selectedPulse{0%,to{box-shadow:0 0 20px #ffb30066}50%{box-shadow:0 0 30px #ffb30099}}.ing-item .i-icon{font-size:1.5rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.ing-item .i-name{font-size:.5rem;color:#fff9;font-family:var(--font-modern);font-weight:500}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}.mobile-actions-center{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:30;display:none}body.mobile-controls-active .mobile-actions-center{display:block}.brew-mobile-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;color:#000;padding:1rem 2.5rem;font-size:1.1rem;font-weight:800;border-radius:50px;cursor:pointer;box-shadow:0 6px 20px #4caf5080;transition:all .2s}.brew-mobile-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px #4caf5099}.brew-mobile-btn:active{transform:scale(.95)}