:root{color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.4;--ube: #7b2d8e;--leche: #f5c842;--beans: #c0392b;--ice: #d6eaf8;--milk: #fdfefe;--gold: #f1c40f;--bg-warm: #fef9ef;--pink: #e74c8b;--teal: #1abc9c}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-warm);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.game-wrapper{width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.palengke-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(0,0,0,.03) 60px,rgba(0,0,0,.03) 61px),repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(0,0,0,.03) 60px,rgba(0,0,0,.03) 61px),linear-gradient(180deg,#fce4ec,#fff8e1 40%,#e8f5e9);z-index:0}.stall-shelf{position:absolute;left:0;right:0;height:4px;background:linear-gradient(90deg,#8d6e63,#a1887f,#8d6e63);border-radius:2px;box-shadow:0 2px 6px #00000026}.stall-shelf.s1{top:80px}.stall-shelf.s2{top:160px}.stall-shelf.s3{top:240px}.menu-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 30%,rgba(123,45,142,.15),transparent 50%),radial-gradient(circle at 80% 70%,rgba(245,200,66,.15),transparent 50%),linear-gradient(135deg,#fce4ec,#f3e5f5,#e8f5e9);position:relative;z-index:1}.stall-decor{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.lantern{position:absolute;width:30px;height:40px;border-radius:50%/60% 60% 40% 40%;opacity:.6;animation:sway 3s ease-in-out infinite}.lantern.l1{top:20px;left:15%;background:#e74c3c;animation-delay:0s}.lantern.l2{top:30px;left:50%;background:#f39c12;animation-delay:.5s}.lantern.l3{top:15px;left:80%;background:#27ae60;animation-delay:1s}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.menu-card{background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:2rem 1.8rem;max-width:380px;width:90%;text-align:center;box-shadow:0 12px 40px #7b2d8e26,0 2px 8px #00000014;border:2px solid rgba(123,45,142,.1)}.game-title{font-size:2.4rem;font-weight:900;letter-spacing:-1px;margin-bottom:.3rem;line-height:1.1}.title-halo{display:block;background:linear-gradient(135deg,var(--ube),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-mix{display:block;color:var(--leche);text-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-text-fill-color:var(--leche)}.subtitle{color:#666;font-size:.85rem;margin-bottom:1rem}.menu-stats{margin-bottom:1rem}.coin-display{display:inline-block;background:linear-gradient(135deg,#fff8e1,#ffe0b2);padding:.3rem .8rem;border-radius:20px;font-weight:700;font-size:1.1rem;color:#e65100;border:1px solid rgba(245,200,66,.3)}.menu-section{margin-bottom:1rem}.menu-section h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#888;margin-bottom:.5rem}.cup-select,.recipe-select{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.cup-btn,.recipe-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .7rem;border-radius:12px;border:2px solid #e0e0e0;background:#fff;cursor:pointer;font-size:.75rem;transition:all .15s;min-width:80px}.cup-btn:hover:not(:disabled),.recipe-btn:hover:not(:disabled){border-color:var(--ube);transform:translateY(-2px);box-shadow:0 4px 12px #7b2d8e33}.cup-btn.selected,.recipe-btn.selected{border-color:var(--ube);background:linear-gradient(135deg,#f3e5f5,#e8eaf6);box-shadow:0 2px 8px #7b2d8e33}.cup-btn.locked,.recipe-btn.locked{opacity:.5;cursor:not-allowed}.cup-emoji,.recipe-emoji-big{font-size:1.6rem}.cup-name{font-size:.65rem;font-weight:600;color:#555}.lock-icon{font-size:.6rem;color:#999}.play-btn{width:100%;padding:.8rem;border:none;border-radius:14px;background:linear-gradient(135deg,var(--ube),var(--pink));color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:.5rem;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 15px #7b2d8e4d}.play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7b2d8e66}.shop-btn{width:100%;padding:.6rem;border:2px solid var(--leche);border-radius:14px;background:transparent;color:#e65100;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:.4rem;transition:background .15s}.shop-btn:hover{background:#f5c8421a}.back-btn{padding:.6rem 1.5rem;border:1px solid #ccc;border-radius:12px;background:transparent;color:#666;font-size:.9rem;cursor:pointer;margin-top:.5rem}.back-btn:hover{background:#0000000a}.hint{font-size:.7rem;color:#aaa;margin-top:.8rem}.shop-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff8e1,#fce4ec);z-index:1}.shop-card{background:#fffffff2;border-radius:24px;padding:1.5rem;max-width:380px;width:90%;text-align:center;box-shadow:0 8px 30px #0000001a}.shop-card h2{margin-bottom:.3rem}.shop-card h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#888;margin:.8rem 0 .4rem}.shop-items{display:flex;flex-direction:column;gap:.4rem}.shop-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;border-radius:12px;background:#f9f9f9;border:1px solid #eee}.shop-item.owned{background:#e8f5e9;border-color:#a5d6a7}.shop-item-emoji{font-size:1.4rem}.shop-item-name{flex:1;text-align:left;font-weight:600;font-size:.85rem}.owned-badge{font-size:.7rem;color:#2e7d32;font-weight:600}.buy-btn{padding:.3rem .7rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--gold),#e67e22);color:#fff;font-weight:700;font-size:.8rem;cursor:pointer}.buy-btn:disabled{opacity:.4;cursor:not-allowed}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.5rem .8rem;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid rgba(0,0,0,.06)}.hud-left,.hud-right{display:flex;align-items:center;gap:.6rem}.hud-score{font-weight:800;font-size:1rem;color:var(--ube)}.hud-recipes{font-size:.85rem;font-weight:600;color:#555}.hud-center{display:flex;align-items:center;gap:.4rem}.timer-bar{width:80px;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.timer-fill{height:100%;background:linear-gradient(90deg,var(--teal),#2ecc71);border-radius:4px;transition:width .3s}.timer-bar.urgent .timer-fill{background:linear-gradient(90deg,#e74c3c,#c0392b);animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.timer-text{font-size:.8rem;font-weight:700;color:#555;min-width:28px}.miss-dot{font-size:.7rem;opacity:.25}.miss-dot.active{opacity:1;animation:miss-pop .3s ease}@keyframes miss-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.speed-badge{font-size:.7rem;font-weight:700;color:#e67e22;background:#e67e221a;padding:.1rem .4rem;border-radius:6px}.recipe-tracker{position:absolute;top:42px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.3rem;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.3rem .6rem;border-radius:20px;z-index:10;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05)}.recipe-tracker-label{font-size:.7rem;font-weight:700;color:#888;margin-right:.2rem}.recipe-step{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f0f0;border:2px solid #ddd;transition:all .2s}.recipe-step.caught{background:linear-gradient(135deg,var(--ube),var(--pink));border-color:var(--ube);transform:scale(1.1);box-shadow:0 2px 8px #7b2d8e4d}.recipe-emoji{font-size:.85rem}.recipe-step.caught .recipe-emoji{filter:brightness(1.2)}.game-area{position:relative;width:400px;max-width:100%;height:600px;max-height:calc(100dvh - 100px);background:linear-gradient(180deg,#ffffff4d,#fff8e180);border-radius:20px 20px 0 0;overflow:hidden;z-index:5;box-shadow:inset 0 0 30px #00000008;margin-top:10px}.falling-ingredient{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:6;filter:drop-shadow(0 3px 6px rgba(0,0,0,.15));animation:wobble 1.5s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.ing-emoji{font-size:2rem}.cup{position:absolute;border-radius:6px 6px 12px 12px;display:flex;align-items:center;justify-content:center;z-index:7;box-shadow:0 4px 12px #00000026,inset 0 -4px 8px #0000001a,inset 0 2px 4px #ffffff4d;border:2px solid rgba(255,255,255,.4);transition:left .05s linear}.cup:before{content:"";position:absolute;top:4px;left:8px;right:8px;height:3px;background:#ffffff80;border-radius:2px}.cup-label{font-size:1.4rem;opacity:.3}.overlay-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-card{background:#fffffff2;border-radius:24px;padding:2rem;text-align:center;max-width:340px;width:85%;box-shadow:0 16px 48px #0003}.overlay-card h2{font-size:1.6rem;margin-bottom:1rem}.gameover-card h2{color:#e74c3c}.clear-card h2{color:var(--ube)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.2rem}.stat{display:flex;flex-direction:column;padding:.5rem;background:#f5f5f5;border-radius:12px}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:#999}.stat-value{font-size:1.3rem;font-weight:800;color:#333}.level-clear-bg{background:#7b2d8e4d}.clear-card{animation:bounceIn .4s ease}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@media(max-width:440px){.game-area{width:100%;border-radius:0}.menu-card,.shop-card,.overlay-card{border-radius:16px;padding:1.3rem}.game-title{font-size:2rem}}@media(min-height:700px){.game-area{max-height:600px}}