:root{--pink-bg:#ffe9f1;--pink-bg-2:#ffd6e6;--pink-soft:#fff4f8;--card:#fff;--pink-accent:#ff7eb3;--pink-accent-dark:#ff4f93;--pink-border:#ffc2d6;--point-yellow:#ffd23f;--point-mint:#5fd9c0;--point-blue:#7cc7f2;--text:#7a5867;--text-h:#3a2b33;--outline:#6e4a59;--outline-w:2.5px;--radius:18px;--radius-lg:24px;--radius-pill:999px;--btn-primary-bg:#ff5fa2;--btn-primary-shadow:#d63a7d;--btn-secondary-bg:#fff2f8;--btn-secondary-shadow:#f4b9d3;--btn-depth:5px;--shadow:#ff82aa33 0 8px 22px -6px, #0000000f 0 2px 6px -2px;--font-cute:"Jua", system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-num:"Baloo 2", var(--font-cute);--sans:var(--font-cute);font:16px/1.5 var(--font-cute);color:var(--text);background:var(--pink-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100svh;margin:0}body{background:radial-gradient(125% 85% at 50% -12%, #fff4f9 0%, transparent 60%), radial-gradient(110% 65% at 50% 112%, #ffcfe1 0%, transparent 55%), linear-gradient(180deg, var(--pink-bg) 0%, var(--pink-bg-2) 100%);touch-action:manipulation;overscroll-behavior:none;background-attachment:fixed}body:before{content:"";z-index:-2;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.bg-foods{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-food{object-fit:contain;transform-origin:50%;filter:grayscale();mix-blend-mode:multiply;opacity:.09;-webkit-user-select:none;user-select:none;position:absolute}#root{justify-content:center;min-height:100svh;display:flex}h1,h2,h3{color:var(--text-h);font-family:var(--font-cute);margin:0;font-weight:400}button{cursor:pointer;font-family:inherit}.app-shell{z-index:1;flex-direction:column;gap:12px;width:100%;max-width:460px;padding:12px 12px 28px;display:flex;position:relative}.app-header{text-align:center}.app-header h1{letter-spacing:-.5px;color:var(--pink-accent-dark);font-size:28px}.play-area{justify-content:center;display:flex}.game-canvas{aspect-ratio:var(--world-w) / var(--world-h);height:min(64svh, calc((100vw - 24px) * var(--world-h) / var(--world-w)));touch-action:none;background:0 0;width:auto;max-width:100%;display:block}.play-stage{line-height:0;position:relative}.score-popups{pointer-events:none;position:absolute;inset:0;overflow:hidden}.score-popup{font-family:var(--font-num);color:var(--pink-accent-dark);text-shadow:-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff,0 0 4px #fff,0 3px 6px #ff4f9359;white-space:nowrap;pointer-events:none;will-change:transform, opacity;font-weight:800;line-height:1;animation:.75s ease-out forwards scorePop;position:absolute;transform:translate(-50%,-50%)}@keyframes scorePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}18%{opacity:1;transform:translate(-50%,-62%)scale(1.15)}to{opacity:0;transform:translate(-50%,-165%)scale(1)}}@media (prefers-reduced-motion:reduce){.score-popup{animation-duration:.4s}}.tier-guide{background:var(--card);border:var(--outline-w) solid var(--outline);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:center;align-items:center;gap:2px;padding:7px 8px;display:flex}.tier-guide-arrow{width:7px;height:12px;color:var(--pink-accent);opacity:.75;flex:none}.tier-guide-item{aspect-ratio:1;background:var(--pink-soft);border:2px solid #0000;border-radius:50%;flex:1 1 0;justify-content:center;align-items:center;min-width:0;transition:transform .15s,border-color .15s;display:flex}.tier-guide-item img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.tier-guide-item.is-current{border-color:var(--pink-accent-dark);background:var(--point-yellow);z-index:1;border-width:2.5px;transform:scale(1.22);box-shadow:0 2px 8px #ff4f9366}.music-controls{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--pink-border);box-shadow:var(--shadow);background:#ffffffd1;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 8px;display:flex;position:fixed;top:10px;right:10px}.music-btn{cursor:pointer;background:0 0;border:none;padding:2px;font-size:18px;line-height:1}.music-vol{width:78px;accent-color:var(--pink-accent-dark);cursor:pointer}.game-topleft{z-index:40;gap:8px;display:flex;position:fixed;top:10px;left:10px}.icon-btn{border:1px solid var(--pink-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:40px;height:40px;box-shadow:var(--shadow);background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.start-screen{z-index:1;justify-content:center;align-items:center;width:100%;max-width:460px;min-height:100svh;margin:0 auto;padding:20px;display:flex;position:relative}.start-card{background:var(--card);border:var(--outline-w) solid var(--outline);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:12px;padding:30px 22px;display:flex}.start-logo-img{border-radius:var(--radius);border:var(--outline-w) solid var(--outline);box-shadow:0 6px 16px -6px #ff4f9380}.start-logo{font-family:var(--font-cute);color:var(--pink-accent-dark);margin:4px 0 0;font-size:48px;line-height:1;position:relative}.start-logo:before,.start-logo:after{content:"✨";opacity:.85;font-size:18px;position:absolute;top:-6px}.start-logo:before{color:var(--point-yellow);left:-22px}.start-logo:after{color:var(--point-mint);right:-22px}.start-rule{color:var(--text);text-align:center;margin:0 0 6px;font-size:15px}.start-actions{flex-direction:column;gap:10px;width:100%;max-width:240px;display:flex}.start-btn{width:100%}.start-mode-btn{flex-direction:column;gap:2px;padding-top:10px;padding-bottom:12px;display:flex}.start-mode-label{font-size:19px;line-height:1.1}.start-mode-desc{opacity:.9;font-size:12px}.start-back{width:100%;max-width:240px;margin-top:12px}.start-play-btn{width:100%;max-width:300px;padding-top:15px;padding-bottom:15px;font-size:20px;font-weight:800}.start-mode-grid{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;max-width:300px;display:grid}.start-chip{flex-direction:column;align-items:center;gap:2px;padding:12px 4px;display:flex}.start-chip .chip-label{font-size:15px;line-height:1.1}.start-chip .chip-desc{opacity:.82;text-align:center;font-size:10px}.start-nav{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:300px;display:grid}.shop-list{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.shop-item{border:var(--outline-w) solid var(--outline);background:var(--card);text-align:left;border-radius:16px;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.shop-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.shop-item-title{font-size:16px;font-weight:800}.shop-item-desc{opacity:.85;font-size:12px}.shop-item-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.shop-price{font-size:15px;font-weight:800}.shop-buy-btn{width:auto;padding:7px 16px}.shop-owned{color:#2a9d5c;font-size:13px;font-weight:800}.shop-badge{color:#fff;background:#ff5a3c;border-radius:8px;padding:1px 7px;font-size:11px;font-weight:800}.shop-badge.save{background:#2a9d5c}.start-nav-3{grid-template-columns:repeat(3,1fr)}.start-nav-3 .btn{white-space:nowrap;padding-left:6px;padding-right:6px;font-size:15px}.streak-badge{color:#ff6a1a;vertical-align:middle;margin-left:4px;font-size:11px;font-weight:800;display:inline-block}.cross-promo-btn{color:#fff;background:linear-gradient(135deg,#7ab8f5,#5a8fe0);border:none;width:100%;max-width:300px;margin-top:2px;font-size:15px;font-weight:800}.ach-wrap{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.ach-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:320px;margin-top:6px;display:grid}.ach-item{border:var(--outline-w) solid var(--outline);background:var(--card);text-align:center;opacity:.45;filter:grayscale(.6);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.ach-item.is-earned{opacity:1;filter:none;border-color:#f2b32e;box-shadow:inset 0 0 0 1px #f2b32e}.ach-icon{font-size:26px;line-height:1.1}.ach-label{font-size:13px;font-weight:800}.ach-desc{opacity:.8;font-size:10px}.hud{background:var(--card);border:var(--outline-w) solid var(--outline);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.hud-score{gap:18px;display:flex}.hud-block{flex-direction:column;gap:3px;line-height:1.05;display:flex}.hud-label{font-family:var(--font-cute);border:1.5px solid var(--outline);border-radius:var(--radius-pill);color:var(--text-h);align-self:flex-start;padding:0 8px;font-size:12px;line-height:1.3;display:inline-block}.hud-score .hud-block:first-child .hud-label{background:var(--pink-accent);color:#fff}.hud-score .hud-block:nth-child(2) .hud-label{background:var(--point-yellow)}.hud-next .hud-label{background:var(--point-mint);align-self:center}.hud-value{font-family:var(--font-num);color:var(--text-h);font-variant-numeric:tabular-nums;font-size:27px;font-weight:800}.hud-best{color:var(--pink-accent)}.hud-timer .hud-label{background:var(--point-blue);color:#fff}.hud-time-low{color:#e23b3b}.hud-order .hud-label,.hud-order .hud-next-dot{background:var(--point-yellow)}.hud-next{flex-direction:column;align-items:center;gap:4px;display:flex}.hud-next-dot{border:var(--outline-w) solid var(--outline);background:var(--point-mint);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:3px;display:flex}.hud-next-img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.btn{font-family:var(--font-cute);color:var(--text-h);border:var(--outline-w) solid var(--outline);border-radius:var(--radius);padding:11px 18px 12px;font-size:17px;transition:transform 50ms,box-shadow 50ms,filter .15s}.btn-primary{background:var(--btn-primary-bg);color:#fff;box-shadow:0 var(--btn-depth) 0 var(--btn-primary-shadow)}.btn-primary:hover{filter:brightness(1.04)}.btn-primary:active{transform:translateY(var(--btn-depth));box-shadow:0 0 0 var(--btn-primary-shadow)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--pink-accent-dark);box-shadow:0 var(--btn-depth) 0 var(--btn-secondary-shadow)}.btn-secondary:hover{filter:brightness(1.02)}.btn-secondary:active{transform:translateY(var(--btn-depth));box-shadow:0 0 0 var(--btn-secondary-shadow)}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:#3a2b3359;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--card);border:var(--outline-w) solid var(--outline);border-radius:var(--radius-lg);text-align:center;flex-direction:column;gap:16px;width:100%;max-width:320px;padding:26px 22px;display:flex;box-shadow:0 20px 50px -10px #ff4f9366}.modal-title{color:var(--pink-accent-dark);font-size:26px}.modal-newbest{background:var(--point-yellow);color:var(--text-h);border:2px solid var(--outline);border-radius:var(--radius-pill);align-self:center;margin:-6px 0 0;padding:4px 14px}.modal-scores{justify-content:center;gap:28px;display:flex}.modal-scores div{flex-direction:column;gap:2px;display:flex}.modal-scores strong{font-family:var(--font-num);color:var(--text-h);font-variant-numeric:tabular-nums;font-size:28px}.modal-form{flex-direction:column;gap:8px;display:flex}.modal-input{border:2px solid var(--pink-border);border-radius:12px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:16px}.modal-input:focus{border-color:var(--pink-accent)}.modal-saved{color:var(--pink-accent-dark);margin:0;font-weight:700}.ranking{background:var(--card);border:var(--outline-w) solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:14px 16px}.ranking-tabs{gap:8px;margin-bottom:12px;display:flex}.ranking-tab{border:2px solid var(--outline);border-radius:var(--radius-pill);font-family:var(--font-cute);background:var(--btn-secondary-bg);color:var(--pink-accent-dark);flex:1;padding:8px 10px;font-size:15px}.ranking-tab.is-active{background:var(--pink-accent-dark);color:#fff}.hof{background:var(--card);border:var(--outline-w) solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:14px 16px}.hof-title{color:var(--pink-accent-dark);text-align:center;margin-bottom:10px;font-size:16px}.hof-empty{color:var(--text);text-align:center;padding:6px 0;font-size:14px}.hof-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hof-row{border:2px solid var(--pink-border);background:var(--pink-soft);border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.hof-1{border-color:var(--point-yellow);background:#fff2c2}.hof-2{background:#eef1f4;border-color:#cfd6dd}.hof-3{background:#ffe4d0;border-color:#e6a877}.hof-rank{text-align:center;font-size:18px}.hof-nick{font-family:var(--font-cute);color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hof-score{font-family:var(--font-num);color:var(--pink-accent-dark);font-variant-numeric:tabular-nums;font-weight:800}.rank-modes{gap:4px;margin-bottom:8px;display:flex}.rank-mode{border:2px solid var(--outline);border-radius:var(--radius-pill);min-width:0;font-family:var(--font-cute);background:var(--btn-secondary-bg);color:var(--pink-accent-dark);flex:1 1 0;padding:5px 4px;font-size:12px}.rank-mode.is-active{background:var(--pink-accent-dark);color:#fff}.ranking-subtabs{background:var(--pink-soft);border:2px solid var(--outline);border-radius:var(--radius-pill);gap:4px;margin-bottom:10px;padding:3px;display:flex}.ranking-subtab{border-radius:var(--radius-pill);font-family:var(--font-cute);color:var(--text);background:0 0;border:none;flex:1;padding:6px 8px;font-size:14px}.ranking-subtab.is-active{color:var(--pink-accent-dark);background:#fff;box-shadow:0 1px 3px #ff4f9340}.ranking-empty{color:var(--text);text-align:center;padding:8px 0;font-size:14px}.ranking-retry{margin-top:8px;padding:8px 14px;font-size:14px}.ranking-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ranking-row{border:2px solid var(--pink-border);background:var(--pink-soft);border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.ranking-list .ranking-row:first-child{border-color:var(--point-yellow);background:#fff6d4}.ranking-list .ranking-row:nth-child(2){border-color:var(--point-mint);background:#e6faf3}.ranking-list .ranking-row:nth-child(3){background:#ffe8dd;border-color:#ffb488}.ranking-rank{font-family:var(--font-num);text-align:center;font-size:16px;font-weight:800}.ranking-nick{font-family:var(--font-cute);color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-score{font-family:var(--font-num);color:var(--pink-accent-dark);font-variant-numeric:tabular-nums;font-weight:800}.modal-overlay{animation:.2s ease-out overlayFade}.modal-card{animation:.28s cubic-bezier(.34,1.56,.64,1) modalPop}@keyframes overlayFade{0%{opacity:0}}@keyframes modalPop{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.start-card{animation:.32s cubic-bezier(.34,1.56,.64,1) modalPop}.start-logo{animation:2.6s ease-in-out infinite logoBob}@keyframes logoBob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}.start-logo:before,.start-logo:after{animation:1.8s ease-in-out infinite twinkle}.start-logo:after{animation-delay:.9s}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.tier-guide-item.is-current{animation:1.3s ease-in-out infinite tierPulse}@keyframes tierPulse{0%,to{transform:scale(1.18)}50%{transform:scale(1.3)}}.hud-pop{transform-origin:0;animation:.24s ease-out hudPop;display:inline-block}@keyframes hudPop{0%{transform:scale(1)}40%{color:var(--pink-accent-dark);transform:scale(1.16)}to{transform:scale(1)}}.hud-next-pop{animation:.3s cubic-bezier(.34,1.56,.64,1) nextPop}@keyframes nextPop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.ranking-row{animation:.3s ease-out both rowIn}.ranking-row:nth-child(2){animation-delay:40ms}.ranking-row:nth-child(3){animation-delay:80ms}.ranking-row:nth-child(4){animation-delay:.12s}.ranking-row:nth-child(n+5){animation-delay:.16s}@keyframes rowIn{0%{opacity:0;transform:translateY(8px)}}@media (hover:hover){.btn:hover{filter:brightness(1.05)}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-card,.start-card,.start-logo,.start-logo:before,.start-logo:after,.tier-guide-item.is-current,.hud-pop,.hud-next-pop,.ranking-row{animation:none!important}}