:root{--bg-gradient-start: #0B3D2E;--bg-gradient-end: #1A5C48;--panel-bg: rgba(255, 255, 255, .08);--panel-border: rgba(255, 255, 255, .15);--accent: #FFD700;--accent-glow: rgba(255, 215, 0, .3);--success: #4ADE80;--fail: #FB7185;--text: #FFFAF0;--text-muted: rgba(255, 250, 240, .6);--card-radius: 1rem;font-family:Segoe UI,"Noto Color Emoji",system-ui,sans-serif;line-height:1.4;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 50%,#0E4D38 100%);color:var(--text);overflow-x:hidden}.game-container{min-height:100vh;display:flex;flex-direction:column;position:relative;max-width:1200px;margin:0 auto;padding:1rem}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--card-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.8rem;animation:sway 3s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.logo h1{font-size:1.4rem;font-weight:800;background:linear-gradient(90deg,gold,#ff6b6b,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.stats{display:flex;gap:1.25rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-weight:600}.stat-value{font-size:1.2rem;font-weight:800;color:var(--accent)}.game-layout{flex:1;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:1rem;align-items:start}@media(max-width:900px){.game-layout{grid-template-columns:1fr}}.panel-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.panel-icon{font-size:1.3rem}.panel-header h2{font-size:1rem;font-weight:700;letter-spacing:-.01em}.order-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--card-radius);padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.order-card{background:linear-gradient(135deg,#ffd7001a,#ff6b6b1a);border:1px solid rgba(255,215,0,.2);border-radius:.75rem;padding:1rem;text-align:center}.order-name{font-size:1.1rem;font-weight:800;color:var(--accent);margin-bottom:.75rem;text-shadow:0 0 10px var(--accent-glow)}.order-ingredients{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.75rem}.order-fruit{background:#ffffff1a;padding:.3rem .6rem;border-radius:.5rem;font-size:.85rem;border:1px solid rgba(255,255,255,.15)}.order-reward{font-size:.8rem;font-weight:700;color:var(--success)}.blender-section{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;padding-top:1rem}.blender-wrapper{position:relative;width:140px;height:240px;display:flex;flex-direction:column;align-items:center}.blender-top{width:60px;height:20px;display:flex;justify-content:center;z-index:2}.blender-lid{width:60px;height:16px;background:linear-gradient(180deg,#666,#444);border-radius:6px 6px 0 0;border:2px solid #555;position:relative}.blender-lid:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:20px;height:10px;background:#555;border-radius:4px 4px 0 0}.blender-cup{width:120px;height:160px;background:linear-gradient(180deg,#c8e6ff26,#c8e6ff14);border:2px solid rgba(200,230,255,.3);border-radius:4px 4px 16px 16px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.smoothie-fill{position:absolute;bottom:0;left:0;right:0;transition:height .4s ease,background .3s ease;border-radius:0 0 14px 14px;opacity:.85}.smoothie-fill.blending{animation:smoothieBubble .3s ease-in-out infinite alternate}@keyframes smoothieBubble{0%{transform:scaleY(1);opacity:.85}to{transform:scaleY(1.02);opacity:.95}}.blender-fruit-chunk{position:absolute;font-size:1.2rem;transition:all .3s;z-index:1}.blender-fruit-chunk.blending{animation:chunkBlend .3s ease-in-out infinite}@keyframes chunkBlend{0%{transform:translate(0) rotate(0)}25%{transform:translate(8px,-4px) rotate(90deg)}50%{transform:translate(-6px,6px) rotate(180deg)}75%{transform:translate(4px,-8px) rotate(270deg)}to{transform:translate(-2px,2px) rotate(360deg)}}.blend-swirl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.swirl-inner{width:60px;height:60px;border:3px dashed rgba(255,255,255,.5);border-radius:50%;animation:spin .5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blender-base{width:130px;height:40px;background:linear-gradient(180deg,#555,#333);border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:center;gap:.75rem;border:2px solid #444;border-top:none}.blender-button{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f44,#c00);border:2px solid #880000;box-shadow:0 2px 4px #0000004d;transition:all .2s}.blender-button.active{background:linear-gradient(135deg,#f66,red);box-shadow:0 0 12px #ff000080;animation:buttonPulse .4s ease-in-out infinite alternate}@keyframes buttonPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.blender-base-detail{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#888,#666);border:1px solid #555}.blender-slots{display:flex;gap:.5rem;justify-content:center}.fruit-slot{width:56px;height:56px;border-radius:.75rem;border:2px dashed rgba(255,255,255,.2);background:#ffffff0d;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:all .2s;font-family:inherit;color:var(--text)}.fruit-slot.empty span{font-size:1.2rem;color:#fff3}.fruit-slot.filled{border-style:solid;border-color:#ffd70066;background:#ffd7001a;cursor:pointer}.fruit-slot.filled:hover{border-color:var(--fail);background:#fb718526;transform:scale(1.05)}.slot-emoji{font-size:1.4rem}.slot-name{font-size:.5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.blender-actions{display:flex;gap:.5rem}.btn{padding:.6rem 1.2rem;border:none;border-radius:.5rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-blend{background:linear-gradient(135deg,var(--accent),#FFA500);color:#1a1a1a;box-shadow:0 4px 15px #ffd7004d}.btn-blend:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.btn-blend:active:not(:disabled){transform:translateY(0)}.btn-clear{background:#ffffff1a;color:var(--text);border:1px solid rgba(255,255,255,.15)}.btn-clear:hover:not(:disabled){background:#ffffff2e;transform:translateY(-2px)}.message{padding:.5rem 1rem;border-radius:.5rem;font-weight:700;font-size:.9rem;text-align:center;animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.message-success{background:#4ade8026;color:var(--success);border:1px solid rgba(74,222,128,.3)}.message-fail{background:#fb718526;color:var(--fail);border:1px solid rgba(251,113,133,.3)}.message-info{background:#ffd7001a;color:var(--accent);border:1px solid rgba(255,215,0,.2)}.fruit-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--card-radius);padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fruit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.fruit-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.6rem;cursor:pointer;transition:all .2s;font-family:inherit;color:var(--text)}.fruit-btn:hover:not(:disabled){background:#ffffff1f;border-color:var(--fruit-color, rgba(255, 255, 255, .3));transform:translateY(-2px);box-shadow:0 4px 12px #0003}.fruit-btn:active:not(:disabled){transform:translateY(0) scale(.95)}.fruit-btn:disabled{opacity:.35;cursor:not-allowed}.fruit-emoji{font-size:1.6rem}.fruit-name{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.particle{position:fixed;width:10px;height:10px;border-radius:50%;pointer-events:none;z-index:100;animation:particleFly 1.2s ease-out forwards}@keyframes particleFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(var(--tx, 50px) - 100px),-200px) scale(0);opacity:0}}.particle:nth-child(odd){--tx: 30px}.particle:nth-child(2n){--tx: -40px}.particle:nth-child(3n){--tx: 70px}.particle:nth-child(5n){--tx: -60px}.splash-overlay{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(255,215,0,.3),transparent 70%);border-radius:50%;z-index:50;pointer-events:none;animation:splashPulse .8s ease-out forwards}@keyframes splashPulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.game-footer{text-align:center;padding:1rem;color:var(--text-muted);font-size:.8rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}