:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0}canvas{display:block;cursor:pointer}.ui-overlay{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem;pointer-events:none;z-index:10}.ui-overlay>*{pointer-events:auto}.score-panel{text-align:center}.score-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80}.score-value{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;line-height:1}.info-panel{text-align:right}.high-score{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-bottom:.15rem}.high-score-value{font-size:1.1rem;font-weight:600;color:#fff9}.streak-label{font-size:.65rem;color:#4ade80;opacity:0;transition:opacity .3s}.streak-label.active{opacity:1}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-title{font-size:2.8rem;font-weight:800;letter-spacing:-.04em;margin:0 0 .25rem;background:linear-gradient(135deg,#4ade80,#22d3ee,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-subtitle{font-size:1rem;color:#ffffff80;margin:0 0 2rem}.menu-btn{padding:.85rem 2.5rem;border:none;border-radius:9999px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;margin:.4rem}.menu-btn:hover{transform:scale(1.05)}.menu-btn.primary{background:linear-gradient(135deg,#4ade80,#22d3ee);color:#000;box-shadow:0 4px 24px #4ade804d}.menu-btn.secondary{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15)}.game-over-panel{text-align:center;margin-bottom:1.5rem}.game-over-score{font-size:4rem;font-weight:800;line-height:1}.game-over-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-bottom:.25rem}.new-record{color:#fbbf24;font-size:.85rem;font-weight:600;margin-top:.5rem}.ingredient-bar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.6rem;padding:.5rem 1rem;background:#0009;border-radius:9999px;border:1px solid rgba(255,255,255,.08);z-index:10}.ingredient-icon{font-size:1.3rem;opacity:.3;transition:opacity .3s,transform .3s}.ingredient-icon.collected{opacity:1;transform:scale(1.2)}.combo-text{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);font-size:2rem;font-weight:800;pointer-events:none;z-index:15;opacity:0;animation:comboPop .8s ease-out forwards}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.rare-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(251,191,36,.2),transparent 60%);pointer-events:none;z-index:5;animation:rareFlash .6s ease-out forwards}@keyframes rareFlash{0%{opacity:1}to{opacity:0}}