:root{--bg-deep:#0f2e24;--bg-mid:#1a4d3a;--bg-light:#2d6a4f;--accent:#ffd166;--accent-hot:#ef476f;--text:#f8fff8;--text-dim:#f8fff8b8;--panel:#0c281eb8;--panel-border:#ffffff24;--shadow:0 12px 40px #00000059;--font-display:"ZCOOL KuaiLe", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#app{background:var(--bg-deep);width:100%;height:100%;color:var(--text);font-family:var(--font-body);overscroll-behavior:none;touch-action:manipulation;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;border:none}.game-shell{background:radial-gradient(120% 80% at 50% -10%,#ffd1662e,#0000 50%),radial-gradient(90% 60% at 80% 100%,#45b77840,#0000 55%),linear-gradient(165deg,#163d2e 0%,#0f2e24 45%,#1b4332 100%);width:100%;max-width:480px;height:100%;margin:0 auto;position:relative;overflow:hidden}.game-shell:before{content:"";pointer-events:none;opacity:.7;background-image:radial-gradient(circle at 20% 30%,#ffffff0d 0 1px,#0000 1px),radial-gradient(circle at 70% 60%,#ffffff0a 0 1px,#0000 1px);background-size:48px 48px,72px 72px;position:absolute;inset:0}.hud{top:calc(12px + var(--safe-top));z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;left:12px;right:12px}.hud>*{pointer-events:auto}.score-card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:110px;box-shadow:var(--shadow);border-radius:16px;padding:10px 14px}.score-card .label{letter-spacing:.08em;color:var(--text-dim);font-size:11px}.score-card .value{font-family:var(--font-display);color:var(--accent);text-shadow:0 2px 12px #ffd16659;font-size:28px;line-height:1.1}.score-card .sub{color:var(--text-dim);margin-top:2px;font-size:11px}.hud-actions{gap:8px;display:flex}.icon-btn{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;place-items:center;min-width:46px;height:42px;padding:0 10px;transition:transform .15s,background .15s;display:grid}.icon-btn .icon-text{letter-spacing:.04em;font-size:12px;font-weight:700}.icon-btn:active{transform:scale(.94)}.brand-sm{font-size:36px!important}.big-fruit{width:96px!important}.huge-fruit{width:120px!important;animation-duration:1.6s!important}.next-fruit{top:calc(78px + var(--safe-top));z-index:5;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:8px 10px 10px;display:flex;position:absolute;right:14px}.next-fruit .label{color:var(--text-dim);letter-spacing:.06em;font-size:10px}.next-fruit img{filter:drop-shadow(0 4px 8px #00000040);width:42px;height:42px;animation:2.2s ease-in-out infinite floaty}.canvas-wrap{left:12px;right:12px;top:calc(120px + var(--safe-top));bottom:calc(88px + var(--safe-bottom));touch-action:none;background:linear-gradient(#ffffff14,#0000 30%),linear-gradient(#245c45 0%,#1b4332 55%,#163d2e 100%);border-radius:28px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 20px 50px #00000059}.canvas-wrap.shake{animation:.28s shake}.canvas-wrap canvas{width:100%;height:100%;display:block}.fruit-rail{left:12px;right:12px;bottom:calc(14px + var(--safe-bottom));z-index:5;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;border-radius:20px;gap:6px;padding:10px 12px;display:flex;position:absolute;overflow-x:auto}.fruit-rail::-webkit-scrollbar{display:none}.fruit-rail-item{opacity:.35;flex-direction:column;flex:none;align-items:center;gap:2px;width:36px;transition:opacity .25s,transform .25s;display:flex}.fruit-rail-item.unlocked{opacity:1}.fruit-rail-item.current{transform:translateY(-3px)scale(1.08)}.fruit-rail-item img{width:28px;height:28px}.fruit-rail-item span{color:var(--text-dim);white-space:nowrap;font-size:9px}.combo-toast{z-index:8;pointer-events:none;font-family:var(--font-display);color:var(--accent);text-shadow:0 0 20px #ffd1668c,0 4px #00000040;font-size:clamp(28px,8vw,40px);animation:.85s forwards comboPop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.overlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 20%,#ffd16629,#0000 40%),#081812c7;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.panel{width:min(100%,340px);box-shadow:var(--shadow);text-align:center;background:linear-gradient(#235a44f2,#103024f5);border:1px solid #ffffff29;border-radius:28px;padding:28px 22px 22px;animation:.45s cubic-bezier(.2,.9,.2,1) panelIn}.brand{font-family:var(--font-display);background:linear-gradient(#fff6c8,#ffd166 55%,#f4a261);color:#0000;filter:drop-shadow(0 6px 18px #ffd16647);-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(40px,12vw,52px);line-height:1}.tagline{color:var(--text-dim);margin:0 0 20px;font-size:14px;line-height:1.5}.hero-fruits{justify-content:center;align-items:flex-end;gap:4px;min-height:88px;margin:8px 0 22px;display:flex}.hero-fruits img{filter:drop-shadow(0 8px 14px #00000047);animation:2.4s ease-in-out infinite floaty}.hero-fruits img:first-child{width:42px;animation-delay:0s}.hero-fruits img:nth-child(2){width:54px;animation-delay:.15s}.hero-fruits img:nth-child(3){width:68px;animation-delay:.3s}.hero-fruits img:nth-child(4){width:86px;animation-delay:.45s}.btn{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:180px;height:50px;padding:0 22px;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{color:#3d2a0a;background:linear-gradient(#ffe08a,#ffd166 40%,#f4a261);box-shadow:0 8px 24px #ffd16659}.btn-ghost{color:var(--text);background:#ffffff14;border:1px solid #ffffff29;margin-top:10px}.stats-row{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 22px;display:grid}.stat{background:#0000002e;border-radius:16px;padding:12px 8px}.stat .k{color:var(--text-dim);font-size:11px}.stat .v{font-family:var(--font-display);color:var(--accent);font-size:24px}.tips{text-align:left;color:var(--text-dim);margin:0 0 18px;padding:0;font-size:13px;line-height:1.7;list-style:none}.tips li{padding-left:18px;position:relative}.tips li:before{content:"◆";color:var(--accent);font-size:10px;position:absolute;top:3px;left:0}.guide-map{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 18px;display:flex}.guide-map .item{text-align:center;width:56px}.guide-map img{width:36px;height:36px}.guide-map span{color:var(--text-dim);font-size:10px;display:block}.delta-float{left:28px;top:calc(58px + var(--safe-top));z-index:6;font-family:var(--font-display);color:#9ef01a;pointer-events:none;text-shadow:0 2px 8px #00000059;font-size:18px;animation:.9s forwards riseFade;position:absolute}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,-40%)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}70%{opacity:1;transform:translate(-50%,-58%)scale(1)}to{opacity:0;transform:translate(-50%,-70%)scale(.95)}}@keyframes panelIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes riseFade{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.panel-wide{width:min(100%,380px);max-height:86vh}.scrollable{scrollbar-width:none;overflow-y:auto}.scrollable::-webkit-scrollbar{display:none}.coins-top{font-family:var(--font-display);color:var(--accent);background:#00000047;border:1px solid #ffd16659;border-radius:999px;padding:4px 12px;font-size:16px;position:absolute;top:14px;right:18px}.shop-head{flex-direction:column;align-items:center;display:flex;position:relative}.quick-row{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin:10px 0 6px;display:grid}.chip{letter-spacing:.02em;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;height:38px;font-size:13px;font-weight:600;transition:transform .15s,background .15s}.chip:active{background:#ffffff29;transform:scale(.94)}.hud-back{min-width:42px}.hud-back .icon-text{font-size:22px;line-height:1}.hud-mid{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex}.hud-mid>*{pointer-events:auto}.timer-pill,.coin-pill,.revive-pill{font-family:var(--font-display);background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:4px 12px;font-size:14px}.timer-pill{color:#fff}.coin-pill{color:var(--accent)}.revive-pill{color:#ff8a80}.canvas-wrap.danger-high{box-shadow:inset 0 0 0 2px #ff525273,0 20px 50px #ff00002e}.next-special{filter:drop-shadow(0 4px 8px #0000004d);border-radius:50%;width:42px;height:42px;animation:2.2s ease-in-out infinite floaty}.next-special.bomb{background:radial-gradient(circle at 40% 35%,#6a6a6a,#1a1a1a 70%,#000)}.next-special.rainbow{background:conic-gradient(#ff6b7a,#ffd166,#9ef01a,#7ae0ff,#c77dff,#ff6b7a)}.next-special.ice{background:radial-gradient(circle at 40% 35%,#fff,#b3e5fc 55%,#4fc3f7)}.special-tag{color:var(--accent);font-size:10px;font-weight:700}.objectives{left:12px;top:calc(120px + var(--safe-top));z-index:5;pointer-events:none;flex-direction:column;gap:6px;width:150px;display:flex;position:absolute}@media (width<=360px){.objectives{display:none}}.obj-item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000052;border:1px solid #ffffff1a;border-radius:10px;padding:6px 8px;transition:border-color .25s,background .25s}.obj-item.done{background:#9ef01a1f;border-color:#9ef01a80}.obj-text{color:var(--text-dim);font-size:11px;line-height:1.3}.obj-item.done .obj-text{color:#d6ffb0;text-decoration:line-through}.obj-meta{align-items:center;gap:6px;margin-top:4px;display:flex}.obj-bar{background:#ffffff29;border-radius:2px;flex:1;height:4px;overflow:hidden}.obj-fill{background:linear-gradient(90deg,#ffd166,#f4a261);height:100%;transition:width .3s}.obj-item.done .obj-fill{background:linear-gradient(90deg,#9ef01a,#70e000)}.obj-reward{color:var(--accent);font-size:10px;font-weight:700}.mode-grid{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 18px;display:grid}.mode-card{text-align:left;color:var(--text);background:linear-gradient(160deg,#2d6a4f99,#103024b3);border:1px solid #ffffff1f;border-radius:18px;padding:14px 12px;transition:transform .15s,box-shadow .15s}.mode-card:active{transform:scale(.95)}.mode-card:disabled{opacity:.4;filter:grayscale(.4)}.mode-tag{font-family:var(--font-display);color:var(--accent);margin-bottom:4px;font-size:20px}.mode-desc{color:var(--text-dim);margin-bottom:8px;font-size:12px}.mode-best{color:var(--text-dim);font-size:11px}.upgrade-list{flex-direction:column;gap:10px;margin:8px 0 18px;display:flex}.upgrade-item{background:#00000038;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:10px;padding:12px;display:flex}.upg-info{text-align:left;flex:1}.upg-name{font-family:var(--font-display);color:var(--accent);font-size:17px}.upg-desc{color:var(--text-dim);margin:2px 0 6px;font-size:11px}.upg-levels{gap:4px;display:flex}.dot{background:#ffffff2e;border-radius:50%;width:8px;height:8px}.dot.on{background:linear-gradient(#ffe08a,#f4a261);box-shadow:0 0 6px #ffd16699}.btn-buy{color:#3d2a0a;background:linear-gradient(#ffe08a,#ffd166 50%,#f4a261);border-radius:12px;min-width:70px;height:40px;font-size:13px;font-weight:800}.btn-buy:disabled{color:var(--text-dim);background:#ffffff1f}.codex-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 18px;display:grid}.codex-cell{background:#00000038;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.codex-cell img{width:40px;height:40px}.codex-cell span{color:var(--text-dim);font-size:10px}.codex-cell.locked img{filter:grayscale()brightness(.3)}.codex-cell.locked span{color:#ffffff59}.ach-list{flex-direction:column;gap:8px;margin:8px 0 18px;display:flex}.ach-item{text-align:left;background:#00000038;border:1px solid #ffffff1a;border-radius:14px;padding:10px 12px;position:relative}.ach-item.done{background:#ffd16614;border-color:#ffd16673}.ach-name{font-family:var(--font-display);color:var(--accent);font-size:15px}.ach-desc{color:var(--text-dim);margin:2px 0 4px;font-size:11px}.ach-reward{color:var(--text-dim);font-size:11px}.ach-tick{color:#9ef01a;font-size:18px;position:absolute;top:10px;right:12px}.leader-list{flex-direction:column;gap:6px;margin:8px 0 18px;display:flex}.leader-row{background:#00000038;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:grid}.leader-row.me{background:#ffd1661a;border-color:#ffd16680}.leader-row .rank{font-family:var(--font-display);color:var(--accent)}.leader-row .nm{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leader-row .sc{font-family:var(--font-display);color:var(--text)}.result-score{font-family:var(--font-display);color:var(--accent);text-shadow:0 2px 16px #ffd16666;margin:8px 0 12px;font-size:48px;line-height:1}.coins-box{text-align:left;background:#00000040;border:1px solid #ffd16640;border-radius:14px;margin:8px 0 14px;padding:12px 14px}.coins-line{color:var(--text-dim);justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.coins-line b{color:var(--accent)}.coins-total{text-align:right;font-family:var(--font-display);color:var(--accent);border-top:1px dashed #ffffff24;margin-top:6px;padding-top:8px;font-size:16px}.unlocks{flex-direction:column;gap:6px;margin:6px 0 14px;display:flex}.unlock-pill{color:#d6ffb0;text-align:left;background:#9ef01a1f;border:1px solid #9ef01a66;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700}.unlock-pill.gold{color:var(--accent);background:#ffd16624;border-color:#ffd16673}.result-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.result-actions .btn{width:100%}.result-actions .btn-ghost{margin-top:0}.specials-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px;display:grid}.special-card{background:#00000040;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.special-card span{font-size:22px}.special-card b{color:var(--text);font-size:13px}.special-card i{color:var(--text-dim);text-align:center;font-size:10px;font-style:normal}.bomb-bg{border-color:#ff525266}.rainbow-bg{border-color:#ff80ab66}.ice-bg{border-color:#4fc3f766}.special-card.lucky-bg{background:linear-gradient(160deg,#ffd16629,#f4a2611a);border-color:#ffd16680}.special-card.lucky-bg span{color:#ffd166}.hud.fever{background:linear-gradient(#ffd1662e,#0000);transition:background .3s}.fever-pill{color:#3d2a0a;font-family:var(--font-display);background:linear-gradient(90deg,#ffe08a,#f4a261);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.fever-bar{background:#00000040;border-radius:3px;width:50px;height:5px;overflow:hidden}.fever-fill{background:linear-gradient(90deg,#fff,#ff7a3d);height:100%;transition:width .1s linear}.special-tag.gold{color:#ffd166;text-shadow:0 0 6px #ffd16699}.next-fruit img.lucky{filter:drop-shadow(0 0 8px #ffd166e6);animation:2.2s ease-in-out infinite floaty,1.4s ease-in-out infinite luckyPulse}@keyframes luckyPulse{0%,to{filter:drop-shadow(0 0 6px #ffd166b3)}50%{filter:drop-shadow(0 0 14px #ffd166)}}.event-toast{z-index:9;pointer-events:none;font-family:var(--font-display);text-shadow:0 2px 12px #00000059;white-space:nowrap;border-radius:999px;padding:8px 18px;font-size:clamp(22px,6vw,30px);animation:1.5s forwards toastPop;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.event-toast.fever{color:#3d2a0a;background:linear-gradient(90deg,#ffe08a,#f4a261);box-shadow:0 8px 28px #ffd16680}.event-toast.lucky{color:#ffd166;background:#00000080;border:1px solid #ffd16666}.event-toast.info{background:var(--panel);color:var(--text);border:1px solid var(--panel-border)}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}85%{opacity:1;transform:translate(-50%,-55%)scale(1)}to{opacity:0;transform:translate(-50%,-65%)scale(.95)}}.canvas-wrap.fever{box-shadow:inset 0 0 0 2px #ffd16673,0 20px 50px #ffaa2840}.tips .hot{color:var(--accent);font-weight:700}