:root{--green: #2fbf71;--cyan: #8ce7f5;--cyan-strong: #1f9fc4;--orange: #f4b63f;--red: #ef535f;--black: #102237;--bg: #dffaf2;--deep-bg: #f5fff9;--surface: rgba(20, 88, 84, .74);--surface-strong: rgba(12, 62, 70, .9);--surface-border: rgba(220, 255, 244, .58);--surface-highlight: rgba(255, 255, 255, .38);--text: #f8fdff;--text-muted: #d2eef5;--amber-glow: rgba(255, 180, 50, .36);--cyan-glow: rgba(119, 223, 255, .36);--sky-top: #2aa7cf;--sky-mid: #a6edf0;--sky-low: #f4fff8;--leaf: #2fbf71;--leaf-dark: #167a52;--wood: #8f6a3f;--wood-light: #c99b63;--pastel-mint: #dffaf2;--pastel-rose: #f5ddd9;--pastel-lemon: #f2f8c8;--panel-radius: 22px;--control-radius: 999px;--app-height: 100dvh;--app-sat: 0px;--app-sab: 0px;--app-sal: 0px;--app-sar: 0px;--sat: max(env(safe-area-inset-top, 0px), var(--app-sat, 0px));--sab: max(env(safe-area-inset-bottom, 0px), var(--app-sab, 0px));--sal: max(env(safe-area-inset-left, 0px), var(--app-sal, 0px));--sar: max(env(safe-area-inset-right, 0px), var(--app-sar, 0px))}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,Noto Sans TC,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none;min-width:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden;overflow-x:clip;margin:0;padding:0;max-width:100%;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-touch-callout:none}body{background:radial-gradient(circle at 16% 8%,rgba(47,191,113,.36),transparent 20%),radial-gradient(circle at 88% 8%,rgba(140,231,245,.32),transparent 22%),linear-gradient(180deg,#1f9fc4,#a6edf0 48%,#f4fff8);color:var(--text);min-height:100vh;min-height:100dvh;min-height:var(--app-height);position:fixed;inset:0}#root{display:flex;justify-content:center;align-items:stretch;min-height:100vh;min-height:100dvh;min-height:var(--app-height);max-width:100%;min-width:0}.app-container{width:min(100vw,430px);flex:0 0 min(100vw,430px);height:100vh;height:100dvh;height:var(--app-height);max-height:932px;background:radial-gradient(circle at 10% 5%,rgba(47,191,113,.24),transparent 18%),radial-gradient(circle at 92% 10%,rgba(140,231,245,.24),transparent 18%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 46%,var(--sky-low) 100%);position:relative;overflow:hidden;max-width:100%;min-height:0;display:flex;flex-direction:column;contain:layout size;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html.game-runtime-fullscreen #root{align-items:stretch}html.game-runtime-fullscreen .app-container{width:100vw;flex-basis:100vw;height:var(--app-height);max-height:none;border:0;border-radius:0;box-shadow:none}@media(min-width:720px)and (min-height:760px){html:not(.game-runtime-fullscreen) #root{align-items:center}html:not(.game-runtime-fullscreen) .app-container{width:430px;flex-basis:430px;height:840px;border-radius:34px;border:1px solid rgba(226,250,255,.62);box-shadow:0 28px 80px #0836506b,inset 0 0 0 1px #ffffff38}}.placeholder-img{background:#ffffff1a;border:1px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;text-align:center;border-radius:12px}.screen{flex:1;display:flex;flex-direction:column;position:relative;height:100%;overflow:hidden;width:100%;min-width:0;min-height:0}.screen:before,.screen:after{pointer-events:none}@keyframes gradient-drift{0%{background-position:0% 0%,100% 10%,50% 100%,0% 50%}50%{background-position:14% 8%,82% 22%,62% 86%,100% 50%}to{background-position:0% 0%,100% 10%,50% 100%,0% 50%}}@keyframes gradient-breathe{0%,to{opacity:.72;transform:scale(1)}50%{opacity:.94;transform:scale(1.04)}}.animated-gradient-screen{isolation:isolate;background:radial-gradient(circle at 14% 10%,var(--gradient-a, rgba(71, 185, 83, .3)),transparent 28%),radial-gradient(circle at 88% 12%,var(--gradient-b, rgba(255, 180, 50, .18)),transparent 30%),radial-gradient(circle at 50% 82%,var(--gradient-c, rgba(255, 255, 255, .22)),transparent 34%),linear-gradient(180deg,var(--gradient-top, #0a7bcd) 0%,var(--gradient-mid, #66d5f8) 48%,var(--gradient-bottom, #e4fbff) 100%);background-size:140% 140%,150% 150%,130% 130%,100% 100%;animation:gradient-drift 16s ease-in-out infinite}.animated-gradient-screen:before{content:"";position:absolute;inset:-12%;z-index:-1;background:radial-gradient(circle at 20% 22%,rgba(255,255,255,.42),transparent 16%),radial-gradient(circle at 82% 20%,var(--gradient-leaf, rgba(71, 185, 83, .24)),transparent 18%),radial-gradient(circle at 62% 76%,var(--gradient-warm, rgba(255, 180, 50, .18)),transparent 20%);filter:blur(2px) saturate(1.08);animation:gradient-breathe 9s ease-in-out infinite}.animated-gradient-screen:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.18),transparent 42%)}.gradient-sky-garden{--gradient-top: #239fc7;--gradient-mid: #9deae9;--gradient-bottom: #f3fff8;--gradient-a: rgba(47, 191, 113, .32);--gradient-b: rgba(140, 231, 245, .22);--gradient-c: rgba(255, 255, 255, .3);--gradient-leaf: rgba(47, 191, 113, .3);--gradient-warm: rgba(210, 244, 205, .26)}.gradient-berry-sunrise{--gradient-top: #2687bd;--gradient-mid: #a9ece4;--gradient-bottom: #f7fff2;--gradient-a: rgba(50, 181, 126, .28);--gradient-b: rgba(124, 211, 188, .24);--gradient-c: rgba(255, 255, 255, .36);--gradient-leaf: rgba(39, 151, 105, .22);--gradient-warm: rgba(238, 249, 203, .22)}.gradient-mint-lemon{--gradient-top: #1e9fba;--gradient-mid: #a9efd4;--gradient-bottom: #f5fff0;--gradient-a: rgba(47, 191, 113, .28);--gradient-b: rgba(214, 243, 166, .26);--gradient-c: rgba(255, 255, 255, .3);--gradient-leaf: rgba(22, 122, 82, .24);--gradient-warm: rgba(226, 248, 191, .24)}.animated-gradient-screen>*{position:relative;z-index:1}.header{display:flex;align-items:center;min-height:52px;padding:max(8px,var(--sat)) 20px 8px;flex-shrink:0;z-index:10;background:linear-gradient(180deg,#0b456fdb,#082a4bc7);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(226,250,255,.28)}.header h2,.header h1{flex:1;text-align:center;font-size:20px;font-weight:700;margin-right:24px}.back-btn{background:none;border:none;color:var(--text);cursor:pointer;padding:8px;margin-left:-8px;display:flex;align-items:center}.content{padding:16px 20px 24px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;min-width:0;touch-action:pan-y}.content::-webkit-scrollbar{display:none}h1{font-size:28px;font-weight:900;margin-bottom:8px}.subtitle{color:var(--cyan);font-size:16px;margin-bottom:32px;font-weight:500}button{cursor:pointer;font-family:inherit;min-width:0}.btn-primary{width:100%;padding:16px;border-radius:99px;border:none;font-size:18px;font-weight:700;color:#000;background:var(--cyan);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-cyan{background:var(--cyan);color:#000}.btn-outline{width:100%;padding:16px;border-radius:99px;border:1px solid var(--surface-border);background:transparent;color:var(--text);font-size:16px;font-weight:500;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-text{width:100%;padding:16px;background:none;border:none;color:var(--text-muted);font-size:14px}.menu-list{background:var(--surface);border-radius:20px;border:1px solid var(--surface-border);overflow:hidden}.menu-item{width:100%;padding:16px 20px;display:flex;align-items:center;gap:12px;background:none;border:none;color:var(--text);font-size:16px;font-weight:500;border-bottom:1px solid var(--surface-border)}.menu-item:last-child{border-bottom:none}.menu-item svg:last-child{margin-left:auto;color:var(--text-muted)}.bottom-nav{height:80px;flex-shrink:0;background:#0f1418f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--surface-border);display:flex;justify-content:space-around;align-items:center;padding-bottom:var(--sab);z-index:100}.nav-item{background:none;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:500}.nav-item.active{color:var(--pastel-lemon)}.screen-home{background:radial-gradient(circle at top,rgba(0,215,227,.15),transparent 60%)}.home-content{padding:8px 20px 12px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;width:100%;min-width:0;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.home-content::-webkit-scrollbar{display:none}.home-top{position:relative;display:flex;justify-content:space-between;align-items:center;padding:max(14px,var(--sat)) 20px 14px;min-height:64px;flex-shrink:0;z-index:10}.home-top-right{display:flex;align-items:center;gap:10px}.coin-pill{background:#ffb02033;color:var(--orange);padding:6px 12px;border-radius:99px;display:flex;align-items:center;gap:6px;font-weight:700}.icon-btn{background:var(--surface);border:1px solid var(--surface-border);color:#fff;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center}.icon-btn:active{background:#56f8ff26;border-color:#56f8ff66}.mode-cards.home-mode-cards{display:flex;flex-direction:column;gap:7px;margin-top:8px}.mode-cards.home-mode-cards .mode-card{flex-direction:row;align-items:center;text-align:left;min-height:60px;padding:8px 10px;gap:10px;border-radius:17px;background-color:var(--surface);border:1px solid var(--surface-border)}.mode-cards.home-mode-cards .mode-card .icon{width:44px;height:44px;border-radius:13px;flex:0 0 44px}.mode-cards.home-mode-cards .mode-card .info{min-width:0;flex:1 1 auto}.mode-cards.home-mode-cards .mode-card h3{font-size:13px;line-height:1.15;margin-bottom:0;text-align:left;font-weight:800}.mode-cards.home-mode-cards .mode-card p{font-size:10px;line-height:1.18;font-weight:400;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.home-center{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-height:auto;flex-shrink:0}.home-logo{width:min(280px,86vw);height:auto;display:block;object-fit:contain}.text-brand-logo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;color:#fff3d7;font-weight:950;line-height:.96;letter-spacing:0;text-align:left;-webkit-text-stroke:1px rgba(68,42,15,.8);text-shadow:0 2px 0 #5b3716,0 5px 12px rgba(0,0,0,.72),0 0 12px rgba(255,189,72,.36)}.text-brand-logo strong{color:#73f5ff;font-size:1.08em;-webkit-text-stroke:1px rgba(0,73,86,.9);text-shadow:0 2px 0 #024d5c,0 0 14px rgba(76,239,255,.72)}.home-logo.text-brand-logo{min-height:94px;font-size:clamp(40px,12vw,70px)}.sprite-frame{display:block;background-repeat:no-repeat}.mascot-sprite-stage{position:relative;width:min(300px,82vw);aspect-ratio:5 / 4;flex:0 0 auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.48))}.mascot-frame,.mascot-food,.mascot-trash{position:absolute;aspect-ratio:1}.mascot-frame{width:40%}.mascot-brain{left:30%;top:0;z-index:3}.mascot-eyes{left:0;top:24%;z-index:2}.mascot-gut{right:0;top:25%;z-index:2}.mascot-heart{left:30%;top:38%;z-index:4}.mascot-food{width:27%;z-index:5}.mascot-broccoli{left:4%;bottom:0}.mascot-apple{left:37%;bottom:-2%}.mascot-trash{width:30%;right:2%;bottom:-2%;z-index:5}.mascot-sprite-stage.compact{width:min(250px,72vw)}.home-actions{margin-bottom:12px}.screen-tutorial{background:radial-gradient(circle at 50% 22%,rgba(0,215,227,.2),transparent 38%),linear-gradient(180deg,#071113,#05090c 72%)}.tutorial-top{min-height:68px;padding:12px 18px;display:grid;grid-template-columns:44px 1fr 64px;align-items:center;gap:8px;font-size:16px;font-weight:900;text-align:center}.tutorial-skip{min-height:40px;border:0;background:transparent;color:var(--cyan);font-size:13px;font-weight:800}.tutorial-content{width:100%;min-height:0;flex:1;padding:6px 24px calc(24px + var(--sab));display:flex;flex-direction:column;align-items:center}.tutorial-scene{position:relative;width:min(330px,88vw);aspect-ratio:4 / 3;flex:0 1 auto;min-height:190px;max-height:330px}.tutorial-organ,.tutorial-food,.tutorial-trash{position:absolute;aspect-ratio:1}.tutorial-trash,.mascot-food,.mascot-trash{border-radius:16px;overflow:hidden;background-color:#000000b8;box-shadow:inset 0 0 0 1px #ffffff2e,0 10px 22px #0000005c}.mascot-food,.mascot-trash{padding:2px}.tutorial-food{overflow:visible;border:0;border-radius:0;background-color:transparent;filter:drop-shadow(0 10px 18px rgba(9,76,93,.26))}.tutorial-trash{border:1px solid rgba(255,94,83,.6);background-color:#170808b8}.match-scene .tutorial-brain{width:62%;right:2%;top:7%}.tutorial-blueberry{width:34%;left:5%;bottom:9%}.tutorial-path{position:absolute;width:37%;height:34%;left:31%;top:42%;border-top:4px dashed rgba(111,243,255,.92);border-radius:50%;transform:rotate(-24deg);filter:drop-shadow(0 0 7px rgba(0,215,227,.8))}.sorting-scene .tutorial-heart{width:54%;left:2%;top:5%}.tutorial-donut{width:29%;left:38%;top:8%}.tutorial-trash{width:45%;right:0;bottom:2%}.tutorial-wrong-mark,.tutorial-correct-mark{position:absolute;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;font-size:28px;font-weight:950}.tutorial-wrong-mark{left:33%;top:44%;background:#e43e45;box-shadow:0 0 20px #e43e45b3}.tutorial-correct-mark{right:20%;bottom:2%;background:#16b86b;box-shadow:0 0 20px #16b86bb3}.states-scene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px}.tutorial-state{display:flex;flex-direction:column;align-items:center;gap:2px;color:#ffcf56;font-size:18px;font-weight:950}.tutorial-state-organ{width:100%;aspect-ratio:1}.tutorial-copy{width:min(360px,100%);min-height:190px;text-align:center}.tutorial-step{color:var(--cyan);font-size:12px;font-weight:900}.tutorial-copy h1{margin:8px 0 10px;font-size:26px;line-height:1.15}.tutorial-copy p{margin:0 auto 14px;color:var(--text-muted);font-size:15px;line-height:1.55}.tutorial-copy strong{display:block;padding:11px 13px;border-left:3px solid var(--cyan);background:#00d7e31a;color:#dffeff;font-size:13px;line-height:1.45;text-align:left}.tutorial-progress{min-height:34px;display:flex;align-items:center;gap:8px}.tutorial-progress button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#ffffff47}.tutorial-progress button.active{width:26px;border-radius:8px;background:var(--cyan);box-shadow:0 0 12px #00d7e3b3}.tutorial-next{width:min(360px,100%);margin-top:auto}.screen-camera .content{display:flex;flex-direction:column}.illustration{margin:0 auto 32px;border-radius:24px}.permission-art{width:200px;height:200px;object-fit:contain}.feature-list{list-style:none;margin-bottom:32px}.feature-list li{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:15px}.feature-icon{width:28px;height:28px;flex:0 0 28px;object-fit:contain}.privacy-notice{color:var(--text-muted);font-size:13px;text-align:center;margin-bottom:32px;line-height:1.5}.camera-error{margin:-16px 0 24px;padding:12px 14px;border:1px solid rgba(255,77,77,.45);border-radius:14px;background:#ff4d4d1f;color:#ffd4d4;font-size:13px;font-weight:700;line-height:1.45;text-align:left}.bottom-actions{margin-top:auto}.mode-cards{display:flex;flex-direction:column;gap:16px}.mode-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--surface-border);border-radius:24px;color:#fff;text-align:left}.mode-card.active{border-color:var(--cyan);background:#00d7e31a}.mode-card.danger{border-color:var(--red);background:#ff4d4d1a}.mode-card.merge{border-color:#43d98a75;background:#43d98a17}.mode-card .icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-yellow{background:var(--orange);color:#000}.bg-cyan{background:var(--cyan);color:#000}.bg-green{background:var(--green);color:#00150b}.bg-red{background:var(--red);color:#fff}.bg-dark-red{background:#311;color:var(--red)}.mode-card h3{font-size:18px;margin-bottom:4px;font-weight:700}.mode-card p{font-size:13px;color:var(--text-muted);line-height:1.4}.screen-game{position:relative;overflow:hidden;touch-action:none}.ar-background{position:absolute;inset:0;z-index:0;background:#000;touch-action:none}.game-canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.game-hud{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;padding:max(12px,var(--sat)) 12px 0;overflow:hidden}.top-bar{display:grid;grid-template-columns:minmax(88px,.72fr) minmax(76px,.66fr) minmax(160px,1.3fr);align-items:start;gap:8px;min-height:clamp(164px,22vh,218px);flex-shrink:1;margin-bottom:2px}.brand-score-stack{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.8vh,16px);min-width:0}.game-logo{width:min(148px,38vw);max-height:78px;object-fit:contain;object-position:left top;filter:drop-shadow(0 6px 10px rgba(0,0,0,.66))}.game-logo.text-brand-logo{width:min(148px,38vw);max-height:none;font-size:clamp(23px,6.5vw,34px);filter:drop-shadow(0 6px 10px rgba(0,0,0,.66))}.score-badge{min-width:118px;max-width:154px;padding:10px 12px 11px;text-align:left;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);pointer-events:none;border:1px solid rgba(64,236,247,.76);border-radius:14px;background:linear-gradient(180deg,#071418e6,#09181cb8);box-shadow:0 0 0 1px #00d7e32e,inset 0 0 22px #00d7e31f,0 12px 30px #00000061}.score-top{color:#76fff3;font-size:12px;font-weight:800;display:flex;align-items:center;gap:5px;justify-content:flex-start}.score-val{font-size:clamp(30px,8vw,44px);font-weight:950;color:#eaffff;line-height:.95;margin:6px 0 0;text-shadow:0 0 14px rgba(0,255,255,.8)}.hud-score-burst{position:static;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;padding-top:clamp(72px,9.2vh,92px);text-align:center;pointer-events:none}.score-rays{position:absolute;top:36px;left:50%;width:min(174px,45vw);height:108px;transform:translate(-50%);opacity:.95;background:linear-gradient(18deg,transparent 48%,rgba(255,193,66,.86) 49% 51%,transparent 52%) center/100% 100%,linear-gradient(-18deg,transparent 48%,rgba(255,193,66,.62) 49% 51%,transparent 52%) center/100% 100%,radial-gradient(circle at 50% 70%,rgba(255,191,64,.38),transparent 58%);filter:drop-shadow(0 0 12px rgba(255,174,30,.86))}.hud-score-value{position:relative;font-size:clamp(48px,16vw,76px);line-height:.82;font-weight:950;color:#ffb22b;-webkit-text-stroke:1px rgba(255,247,204,.94);text-shadow:0 0 16px rgba(255,178,32,.95),0 6px 12px rgba(0,0,0,.62)}.tracking-banner{position:absolute;left:50%;top:clamp(96px,13.8vh,132px);transform:translate(-50%);min-width:112px;padding:5px 18px 6px;border:1px solid rgba(255,186,58,.82);border-radius:9px;background:linear-gradient(180deg,#082124f5,#071316d1);color:#d8ffff;font-weight:950;font-size:16px;letter-spacing:0;box-shadow:0 0 14px #ffb12052;pointer-events:none}.right-hud{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:0}.rec-menu-row{display:flex;align-items:center;justify-content:flex-end;gap:6px}.day-badge{height:34px;min-width:48px;padding:5px 8px;border-radius:99px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.32),transparent 44%),linear-gradient(180deg,#529864e6,#186f5be0);border:1px solid rgba(220,255,244,.58);color:#f4ffe9;font-size:11px;font-weight:950;line-height:1;letter-spacing:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:inset 0 1px #ffffff42,0 10px 24px #12675038;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rec-badge{min-width:108px;height:42px;padding:7px 12px;border-radius:99px;background:#090b0db8;color:#fff;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 0 0 1px #ffffff3d,0 8px 24px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rec-menu-row .rec-badge{min-width:76px;height:34px;padding:6px 8px;font-size:11px;gap:5px}.rec-badge.active{background:#ff4d4de6}.timer-badge{min-width:98px;color:#dfffff;border:1px solid rgba(64,236,247,.38);background:#08191dc7}.hud-score-burst .timer-badge{position:absolute;left:50%;top:calc(clamp(96px,13.8vh,132px) + 44px);transform:translate(-50%);height:30px;min-width:92px;margin-top:0;padding:5px 10px;font-size:13px;pointer-events:none}.round-countdown-overlay{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;pointer-events:none;transform:translateY(-5vh)}.round-countdown-card{width:clamp(126px,36vw,172px);height:clamp(126px,36vw,172px);border-radius:50%;display:grid;place-items:center;color:#fff7cd;font-size:clamp(64px,21vw,104px);line-height:1;font-weight:950;background:radial-gradient(circle at 50% 42%,#ffc54594,#ff8b2029 42%,#07161adb 72%),linear-gradient(180deg,#0c2f34e6,#030c0ee6);border:2px solid rgba(255,214,112,.86);box-shadow:0 0 0 7px #56f8ff14,0 0 34px #ffb220b8,inset 0 0 26px #ffffff29;text-shadow:0 0 16px rgba(255,178,32,.96),0 4px 0 rgba(95,40,7,.72);animation:countdown-pop 1s cubic-bezier(.16,1,.3,1) both}.round-countdown-card.is-go{width:clamp(158px,46vw,220px);height:clamp(92px,24vw,118px);border-radius:26px;padding:0 24px;color:#e9ffff;font-size:clamp(38px,11vw,58px);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.2),transparent 48%),linear-gradient(180deg,#0e6b6af0,#042327f0);border-color:#56f8ffe6;box-shadow:0 0 0 7px #ffb2201a,0 0 34px #56f8ff9e,inset 0 0 24px #ffffff24;text-shadow:0 0 16px rgba(86,248,255,.95)}.round-preview-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.18),transparent 32%),#0515185c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto}.round-preview-card{width:min(352px,92vw);padding:16px;border:1px solid rgba(255,255,255,.68);border-radius:26px;background:linear-gradient(180deg,#fffffff0,#eafafbe6),#ffffffe6;color:#14313a;box-shadow:0 24px 58px #06303757,inset 0 1px #fffffffa;animation:preview-card-in .42s cubic-bezier(.16,1,.3,1) both}.round-preview-kicker{display:inline-flex;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:#2a8c5b1f;color:#217245;font-size:12px;font-weight:900}.round-preview-card h2{margin:0;color:#10242c;font-size:22px;line-height:1.08;font-weight:950;letter-spacing:0}.round-preview-card p{margin:7px 0 12px;color:#47616a;font-size:12px;line-height:1.36;font-weight:720}.round-preview-groups{display:grid;gap:10px}.round-preview-group{padding:10px;border:1px solid rgba(20,96,102,.1);border-radius:18px;background:#ffffff8f}.round-preview-group.is-junk{background:#fff5e8b8}.round-preview-group h3{margin:0 0 8px;color:#14313a;font-size:12px;line-height:1.1;font-weight:950}.round-preview-foods{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px}.round-preview-food{min-width:0;display:grid;justify-items:center;gap:5px;color:#23414a;font-size:10px;line-height:1.1;font-weight:850;text-align:center}.round-preview-food .tray-food-chip{width:38px;max-width:38px;border-radius:11px;background:radial-gradient(circle at 50% 20%,#fffffff2,#e2f9f8b3 62%),#edf9f8;border-color:#25898a24;box-shadow:inset 0 1px #fffffff0,0 7px 14px #2b656f2e}.round-preview-food .tray-food-sprite{filter:drop-shadow(0 4px 6px rgba(35,78,84,.26))}.round-preview-start-btn{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;border:0;border-radius:999px;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.48),transparent 42%),linear-gradient(180deg,#74f3a7,#2fcc78 56%,#12864c);color:#052d19;font-size:16px;font-weight:950;line-height:1;box-shadow:0 12px 22px #12864c3d,inset 0 1px #ffffff9e,inset 0 -9px 18px #00522b38;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.round-preview-start-btn:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 15px 28px #12864c4d,inset 0 1px #ffffffad,inset 0 -9px 18px #00522b38}.round-preview-start-btn:active{transform:translateY(1px) scale(.985)}@keyframes preview-card-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes countdown-pop{0%{opacity:0;transform:scale(.72)}14%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.94)}}.red-dot{width:14px;height:14px;background:var(--red);border-radius:50%;box-shadow:0 0 12px #ff4d4dbf}.rec-badge.active .red-dot{background:#fff}.tool-round{width:68px;min-height:68px;padding:7px 5px 8px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#090c0ead;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:inset 0 0 0 2px #ffffff14,0 10px 26px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.tool-round span{width:100%;color:#fff;font-size:10px;line-height:1.1;font-weight:900;text-align:center}.lens-btn span,.pause-btn span{color:#111827}.pause-btn{border-color:#ffffff47}.rec-badge:disabled,.tool-round:disabled,.ctrl-btn:disabled{cursor:progress;opacity:.72}.spin-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.screen-categorizer{padding:max(12px,var(--sat)) 12px 12px;background:radial-gradient(circle at 20% 0%,rgba(0,215,227,.12),transparent 32%),linear-gradient(180deg,#081013,#05090c)}.cat-hud{position:relative;z-index:1;display:flex;flex:1;min-height:0;flex-direction:column;gap:10px}.cat-top-bar{display:grid;grid-template-columns:minmax(116px,.92fr) minmax(112px,.82fr) 46px;align-items:start;gap:8px;flex:0 0 auto}.cat-score-card{min-height:92px;padding:10px 12px 9px;color:#fff;border:1px solid rgba(64,236,247,.76);border-radius:14px;background:linear-gradient(180deg,#071418f2,#09181cd1);box-shadow:0 0 0 1px #00d7e32e,inset 0 0 22px #00d7e31f,0 12px 30px #00000061}.cat-score-label{display:flex;align-items:center;gap:5px;color:#76fff3;font-size:12px;font-weight:850}.cat-score-value{margin:5px 0 7px;color:#eaffff;font-size:clamp(30px,8vw,42px);font-weight:950;line-height:.95;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(0,255,255,.72)}.cat-life-row{padding-top:7px;border-top:1px solid rgba(255,255,255,.28);font-size:11px;font-weight:850;color:#fff;white-space:nowrap}.cat-timer-pill{height:42px;min-width:110px;padding:7px 12px;border:1px solid rgba(64,236,247,.46);border-radius:999px;background:linear-gradient(180deg,#143a3feb,#0b2327c7);color:#56f8ff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:15px;font-weight:950;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 24px #00000057}.cat-tool-button{width:46px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:#090c0eb8;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 24px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.cat-tool-button:hover{border-color:#40ecf794;background:#0b1e22db}.cat-tool-button:active{transform:scale(.97)}.play-menu-button{width:38px;height:34px;flex:0 0 38px}.rec-menu-row .play-menu-button{border-radius:14px;background:radial-gradient(circle at 50% 0%,#ffffffeb,#ffffffa3 52%,#e8f5ffd1);border-color:#1118271f;color:#111827;box-shadow:0 8px 18px #0f172a24,inset 0 1px #ffffffeb}.rec-menu-row .play-menu-button:hover,.rec-menu-row .play-menu-button:focus-visible{background:radial-gradient(circle at 50% 0%,#fffffffa,#eff9ffe6);border-color:#1a73e838;color:#0f172a;box-shadow:0 10px 20px #0f172a29,0 0 0 3px #1a73e81f,inset 0 1px #fffffff5;transform:translateY(-1px)}.rec-menu-row .play-menu-button:active{transform:translateY(1px) scale(.98)}.cat-game-area{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;border:1px solid rgba(64,236,247,.2);border-radius:18px;background:linear-gradient(180deg,#061317fa,#03080bfa);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -70px 110px #0000005c,0 18px 36px #00000057}.cat-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.ar-elements{flex:1;position:relative;pointer-events:none;min-height:150px}.combo-indicator{position:absolute;right:2px;bottom:-96px;z-index:2;min-width:62px;padding:7px 7px 8px;text-align:center;color:#fff6d6;font-weight:950;font-size:12px;text-shadow:0 2px 4px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.56);border-radius:14px;background:radial-gradient(circle at 50% 44%,#ff951f6b,#0c0c0dc7 58%);box-shadow:0 0 18px #ff8e1f70,inset 0 0 20px #ff8e1f29}.combo-indicator strong{font-size:34px;line-height:.92;display:block;margin:2px 0;color:#ffb22b;text-shadow:0 0 16px rgba(255,178,32,.9)}.tracking-status-probe{position:absolute;left:50%;top:0;width:1px;height:1px;overflow:hidden;opacity:.01;color:transparent}.bottom-trays{margin-top:auto;display:flex;flex-direction:column;gap:6px;pointer-events:auto;flex-shrink:0}.tray{position:relative;border:1px solid rgba(71,232,241,.68);border-radius:14px;background:linear-gradient(180deg,#0e1f22db,#070d10cc);box-shadow:inset 0 0 24px #00d7e31a,0 10px 24px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.healthy-tray{margin-right:78px;padding:18px 11px 10px}.tray-title{position:absolute;top:-17px;left:14px;min-width:86px;padding:5px 14px 6px;border:1px solid rgba(71,232,241,.8);border-bottom:none;border-radius:14px 14px 0 0;background:#156560eb;color:#d9fff7;font-size:15px;font-weight:950;white-space:nowrap;text-align:center}.food-row{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.tray-food-chip{width:clamp(46px,12.2vw,58px);aspect-ratio:1;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;max-width:64px;overflow:hidden;color:#fff;font-size:24px;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.14),transparent 58%),linear-gradient(180deg,#0e1e21e6,#000c);border:1px solid rgba(135,244,249,.28);box-shadow:inset 0 0 16px #ffffff14,inset 0 0 0 1px #00d7e314,0 5px 12px #00000047}.tray-food-chip.compact{width:clamp(36px,10vw,48px);max-width:50px;border-radius:10px;flex:0 0 auto}.tray-food-sprite{width:118%;height:94%;display:block;background-repeat:no-repeat;background-size:500% 300%;filter:drop-shadow(0 4px 7px rgba(0,0,0,.38))}.junk-tray{position:relative;display:block;min-height:94px;padding:10px 14px;border:2px dashed rgba(255,75,64,.9);border-radius:18px;background:radial-gradient(circle at 18% 38%,rgba(255,122,92,.28),transparent 26%),radial-gradient(circle at 86% 26%,rgba(255,88,80,.18),transparent 30%),linear-gradient(180deg,#5f2a23d1,#252122c7);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 30px #ff4d4d24,0 12px 24px #41221c47}.junk-zone-sign{position:absolute;left:12px;top:10px;z-index:2;width:74px;min-height:46px;display:grid;place-items:center;padding:7px 6px;border:1px solid rgba(255,220,168,.42);border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 18% 82%,rgba(0,0,0,.1)),linear-gradient(180deg,#9b663b,#6e452b);color:#ffe2c4;text-transform:uppercase;text-align:center;letter-spacing:0;box-shadow:inset 0 2px #ffffff1f,0 7px 14px #0003;transform:rotate(-2deg)}.junk-zone-sign span,.junk-zone-sign strong{display:block;font-size:14px;line-height:1.05;font-weight:950;text-shadow:0 2px 0 rgba(64,35,22,.64)}.junk-tray .food-row{position:absolute;left:15px;bottom:9px;z-index:1;width:94px;justify-content:flex-start;gap:5px;flex-wrap:wrap}.junk-tray .tray-food-chip.compact{width:clamp(30px,8.2vw,40px);max-width:40px;border-radius:999px;background:#ffeee833;border-color:#ffcdc25c}.trash-area{width:100%;min-width:0;display:grid;grid-template-columns:minmax(92px,1fr) 86px minmax(118px,1.25fr);align-items:center;gap:8px;border-radius:16px;padding:0;background:transparent;border:0}.trash-preview{grid-column:2;justify-self:center;width:92px;aspect-ratio:1;display:block;background-repeat:no-repeat;background-size:300% 200%;background-position:0 0;filter:drop-shadow(0 9px 12px rgba(0,0,0,.46))}.trash-text{grid-column:3;display:flex;min-width:0;flex-direction:column;gap:3px;color:#fff0df;text-shadow:0 2px 4px rgba(0,0,0,.55)}.trash-text strong{font-size:20px;line-height:1.04;font-weight:950}.trash-text span{font-size:14px;font-weight:850;line-height:1.12}.game-controls{display:grid;grid-template-columns:1fr 1.04fr 1fr;align-items:center;gap:0;min-height:72px;flex-shrink:0;padding:7px 10px calc(6px + var(--sab));border-radius:26px 26px 0 0;border:1px solid rgba(46,214,224,.34);border-bottom:none;background:linear-gradient(180deg,#07191ded,#03080cf5);box-shadow:inset 0 0 24px #00d7e31a,0 -12px 34px #0000007a}.ctrl-btn{min-width:0;min-height:60px;padding:8px 6px;border-radius:18px;background:transparent;color:#ffffffdb;font-size:12px;font-weight:900;line-height:1.1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:none;border-inline-end:1px solid rgba(255,255,255,.22);overflow-wrap:anywhere}.ctrl-btn:last-child{border-inline-end:none}.ctrl-btn.stop{width:78px;height:78px;justify-self:center;border-radius:50%;color:#fff;background:radial-gradient(circle at 50% 35%,#4cffffe0,#00828be6 58%,#00363ef2);border:1px solid rgba(108,255,255,.58);box-shadow:0 0 24px #00d7e39e,inset 0 0 22px #ffffff29}.ctrl-btn.record{text-decoration:none}.ctrl-btn.record span{max-width:100%;text-align:center}.ctrl-btn.record.is-recording,.ctrl-btn.record.export{color:#0b3d24;background:linear-gradient(180deg,#e5ffe4,#95df65);box-shadow:0 10px 22px #3080362e,inset 0 1px #ffffffc7}.game-state-overlay{position:absolute;inset:0;z-index:24;display:grid;place-items:center;padding:24px;background:#0000006b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.game-state-card{width:min(310px,86vw);min-height:132px;padding:20px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:1px solid rgba(84,240,249,.62);border-radius:18px;background:linear-gradient(180deg,#081a1ff2,#040c0feb);box-shadow:0 0 28px #00d7e33d,0 18px 42px #0000007a}.game-state-card strong{color:#eaffff;font-size:18px;font-weight:950}.game-state-card span{color:#e6f8f9c7;font-size:13px;line-height:1.45}.share-status{color:var(--cyan);font-size:13px;font-weight:700;text-align:center;min-height:18px}@media(max-height:760px){.top-bar{min-height:154px;flex-shrink:1}.brand-score-stack{gap:10px}.game-logo{width:min(120px,32vw);max-height:56px}.game-logo.text-brand-logo{font-size:clamp(20px,5.5vw,28px)}.score-badge{padding:6px 8px;min-width:100px}.score-val{font-size:clamp(24px,7vw,36px);margin:4px 0 6px}.hud-score-burst{padding-top:52px}.tracking-banner{top:clamp(78px,12.8vh,104px)}.hud-score-burst .timer-badge{top:calc(clamp(78px,12.8vh,104px) + 40px)}.tool-round{width:52px;min-height:52px;padding:5px 4px 6px}.tool-round span{font-size:9px}.rec-badge{min-width:92px;height:36px;font-size:12px}.day-badge{height:32px;min-width:46px;padding-inline:7px;font-size:10px}.rec-menu-row .rec-badge{min-width:72px;height:32px}.play-menu-button{width:36px;height:32px;flex-basis:36px}.ar-elements{min-height:80px}.healthy-tray{margin-right:62px;padding:14px 9px 8px}.tray-food-chip{width:clamp(38px,10vw,50px)}.junk-tray{padding:6px}.trash-area{grid-template-columns:52px minmax(0,1fr)}.trash-preview{width:52px}.game-controls{min-height:62px;padding:5px 8px calc(4px + var(--sab))}.ctrl-btn{min-height:50px;font-size:11px}.ctrl-btn.stop{width:62px;height:62px}}@media(max-height:640px){.top-bar{min-height:130px}.brand-score-stack{gap:8px}.score-badge{padding:4px 6px}.score-val{font-size:clamp(20px,6vw,30px);margin:2px 0 4px}.hud-score-burst{padding-top:38px}.tracking-banner{top:68px}.hud-score-burst .timer-badge{top:106px}.tool-round{width:46px;min-height:46px}.healthy-tray{margin-right:54px;padding:12px 8px 6px}.tray-food-chip{width:clamp(32px,9vw,44px)}.game-controls{min-height:54px}.ctrl-btn{min-height:44px;font-size:10px;gap:3px}.ctrl-btn.stop{width:54px;height:54px}}.modal-overlay{position:absolute;inset:0;background:#000c;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg);width:100%;border-radius:32px;padding:24px;border:1px solid var(--surface-border);display:flex;flex-direction:column;gap:16px;position:relative}.close-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center}.modal h2{text-align:center;margin-bottom:8px;font-weight:900;font-size:24px}.mt-4{margin-top:16px}.mt-auto{margin-top:auto}.screen-results{background-image:linear-gradient(180deg,#0308101a,#0308106b),var(--guardian-map-bg, linear-gradient(180deg, #0a7bcd 0%, #66d5f8 46%, #e4fbff 100%));background-size:100% 100%,cover;background-position:center center,center center;background-repeat:no-repeat}.results-content{display:flex;flex-direction:column;align-items:center;text-align:center}.stars{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0}.result-star{width:42px;height:42px;object-fit:contain}.star-main{width:58px;height:58px;margin-top:-20px}.stars .placeholder-img{background:transparent;border:none;font-size:40px}.final-score{font-size:48px;font-weight:900;color:var(--orange);line-height:1;margin-top:10px}.new-record{color:var(--orange);font-size:14px;font-weight:700;margin-top:8px;background:#ffb02033;padding:4px 12px;border-radius:99px}.result-share-card{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding:12px;border:1px solid rgba(86,248,255,.36);border-radius:18px;background:radial-gradient(circle at 18% 0%,rgba(86,248,255,.18),transparent 36%),linear-gradient(180deg,#061c20db,#020c0eb8);box-shadow:inset 0 1px #ffffff1a,0 0 18px #56f8ff1f}.result-share-card div{min-width:0;padding:10px 8px;border-radius:14px;background:#00000038}.result-share-card span{display:block;margin-bottom:4px;color:#dcffffad;font-size:10px;font-weight:800}.result-share-card strong{display:block;overflow-wrap:anywhere;color:#efffff;font-size:15px;font-weight:950}.stats-row{display:flex;gap:16px;width:100%;margin:32px 0}.stat{flex:1;text-align:center}.stat .val{font-size:24px;font-weight:900;margin-bottom:4px;color:var(--orange)}.stat .lbl{font-size:10px;color:var(--text-muted);font-weight:700}.rewards{width:100%;background:var(--surface);border-radius:20px;padding:20px;margin-bottom:32px;border:1px solid var(--surface-border)}.rewards h3{font-size:14px;color:var(--text-muted);margin-bottom:16px;font-weight:700}.reward-items{display:flex;justify-content:space-around}.reward{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:900;font-size:16px}.reward img,.reward-icon{width:36px;height:36px;object-fit:contain}.reward .placeholder-img{background:transparent;border:none;font-size:24px}.action-buttons{width:100%;display:flex;flex-direction:column;gap:0}.quick-results-overlay{position:absolute;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:max(82px,var(--sat)) 18px max(24px,var(--sab));overflow:hidden;background:radial-gradient(circle at 18% 14%,rgba(158,85,255,.34),transparent 25%),radial-gradient(circle at 82% 18%,rgba(43,189,255,.34),transparent 24%),linear-gradient(180deg,#04224b6b,#040c123d 42%,#1407056b);backdrop-filter:blur(2px) saturate(128%);-webkit-backdrop-filter:blur(2px) saturate(128%)}.quick-results-sky{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 16%,rgba(255,108,225,.42),transparent 3%),radial-gradient(circle at 74% 12%,rgba(255,241,137,.4),transparent 2.6%),radial-gradient(circle at 13% 39%,rgba(255,244,134,.32),transparent 2.2%),radial-gradient(circle at 88% 36%,rgba(122,243,255,.34),transparent 2.4%),radial-gradient(circle at 47% 25%,rgba(255,255,255,.24),transparent 1.7%),radial-gradient(circle at 35% 66%,rgba(255,216,104,.28),transparent 2.1%),radial-gradient(circle at 78% 74%,rgba(255,126,227,.22),transparent 2.6%),radial-gradient(circle at 82% 58%,rgba(77,236,255,.34),transparent 3%),linear-gradient(116deg,transparent 0 22%,rgba(255,247,160,.13) 27%,transparent 35% 100%),linear-gradient(120deg,transparent 0 32%,rgba(118,255,202,.12) 34%,transparent 42% 100%),linear-gradient(64deg,transparent 0 58%,rgba(108,220,255,.1) 64%,transparent 72% 100%);opacity:.9;animation:quickSkyDrift 9s ease-in-out infinite alternate}.result-spark{position:absolute;width:var(--spark-size, 8px);height:var(--spark-size, 8px);border-radius:99px;background:var(--spark-core, #fff08a);box-shadow:0 0 var(--spark-aura, 18px) var(--spark-core, #fff08a),0 0 var(--spark-halo, 38px) var(--spark-glow, rgba(86, 214, 255, .58));animation:quickSparkFloat var(--spark-duration, 2.8s) ease-in-out infinite;animation-delay:var(--spark-delay, 0s)}.result-spark:after{content:"";position:absolute;inset:var(--spark-spread, -10px);border-radius:inherit;background:radial-gradient(circle,var(--spark-glow, rgba(86, 214, 255, .36)),transparent 68%);opacity:.7}.spark-one{left:16%;top:22%;--spark-size: 9px;--spark-spread: -12px}.spark-two{left:72%;top:26%;--spark-size: 7px;--spark-delay: .6s}.spark-three{left:58%;top:10%;--spark-size: 6px;--spark-delay: 1.2s;--spark-core: #ffffff;--spark-glow: rgba(255, 232, 108, .5)}.spark-four{left:12%;top:42%;--spark-size: 5px;--spark-delay: .9s;--spark-duration: 3.4s;--spark-core: #fff7b8;--spark-glow: rgba(255, 144, 225, .48);--spark-aura: 14px;--spark-halo: 30px;--spark-spread: -8px}.spark-five{left:83%;top:38%;--spark-size: 10px;--spark-delay: 1.6s;--spark-duration: 3.8s;--spark-core: #dffbff;--spark-glow: rgba(77, 236, 255, .54);--spark-aura: 22px;--spark-halo: 48px;--spark-spread: -14px}.spark-six{left:38%;top:18%;--spark-size: 4px;--spark-delay: 2.1s;--spark-duration: 3.1s;--spark-core: #fff2a0;--spark-glow: rgba(255, 242, 160, .42);--spark-aura: 12px;--spark-halo: 24px;--spark-spread: -7px}.spark-seven{left:25%;top:63%;--spark-size: 7px;--spark-delay: .35s;--spark-duration: 4.1s;--spark-core: #ffffff;--spark-glow: rgba(148, 255, 219, .44)}.spark-eight{left:67%;top:64%;--spark-size: 5px;--spark-delay: 1.35s;--spark-duration: 3.6s;--spark-core: #fff7b2;--spark-glow: rgba(255, 197, 91, .48);--spark-aura: 14px;--spark-halo: 32px;--spark-spread: -8px}.spark-nine{left:88%;top:15%;--spark-size: 4px;--spark-delay: 2.45s;--spark-duration: 4.4s;--spark-core: #ffffff;--spark-glow: rgba(160, 224, 255, .4);--spark-aura: 11px;--spark-halo: 22px;--spark-spread: -7px}.spark-ten{left:47%;top:74%;--spark-size: 8px;--spark-delay: 1.9s;--spark-duration: 3.9s;--spark-core: #fff08a;--spark-glow: rgba(255, 112, 214, .4);--spark-spread: -11px}.quick-results-card{position:relative;width:min(100%,430px);max-height:calc(100dvh - 162px);display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 18px 18px;border-radius:28px;border:3px solid rgba(204,132,43,.72);background:linear-gradient(180deg,#fff7ddfa,#ffe8b8fa);color:#5b2d12;box-shadow:inset 0 2px #ffffffd1,inset 0 -4px #b5681f29,0 22px 44px #29120557;transform-origin:50% 88%;animation:quickBoardEnter .52s cubic-bezier(.2,.8,.2,1) both}.quick-results-card:before{content:"";position:absolute;inset:9px;z-index:0;border-radius:22px;border:1px solid rgba(168,102,36,.2);pointer-events:none}.quick-results-stars{position:absolute;top:-70px;z-index:10;display:flex;align-items:flex-end;gap:10px;pointer-events:none;filter:drop-shadow(0 12px 16px rgba(127,71,0,.42))}.quick-result-star{width:64px;height:64px;filter:drop-shadow(0 0 10px rgba(255,232,78,.8)) brightness(1);animation:quickStarPop .9s cubic-bezier(.16,1.15,.24,1.2) both,quickStarGlow 1.8s ease-in-out .9s infinite}.quick-result-star:nth-child(1){animation-delay:.12s}.quick-result-star:nth-child(2){animation-delay:.28s}.quick-result-star:nth-child(3){animation-delay:.44s}.quick-result-star.is-main{width:96px;height:96px;margin-bottom:8px}.quick-result-layer{opacity:0;transform:translateY(14px) scale(.985);pointer-events:none;transition:opacity .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1)}.quick-result-layer.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.quick-results-title-layer{position:relative;z-index:6;width:100%;display:flex;justify-content:center}.quick-results-ribbon,.quick-section h3,.quick-reward-bar>span{position:relative;z-index:1;min-width:168px;max-width:calc(100% - 34px);min-height:34px;padding:6px 18px;border-radius:10px;border:1px solid rgba(177,231,255,.72);background:linear-gradient(180deg,#267fd7,#0759ac);color:#fff;font-size:clamp(14px,4vw,18px);font-weight:950;line-height:1.05;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-shadow:0 2px 0 rgba(0,35,88,.52);white-space:normal;overflow-wrap:anywhere;box-shadow:inset 0 2px #ffffff47,0 5px #063d82}.quick-results-ribbon{margin-top:-14px;transform:translateY(-8px)}.quick-score-row .quick-score-block,.quick-score-row .quick-score-divider{opacity:0;transform:translateY(10px)}.quick-score-row.is-visible .quick-score-block:first-child{animation:quickLayerPop .36s cubic-bezier(.16,1,.3,1) 40ms both}.quick-score-row.is-visible .quick-score-divider{animation:quickLayerPop .3s cubic-bezier(.16,1,.3,1) .12s both}.quick-score-row.is-visible .quick-score-block.best{animation:quickLayerPop .36s cubic-bezier(.16,1,.3,1) .2s both}.quick-score-row{width:100%;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:12px;padding:0 8px 2px;margin-top:-6px}.quick-score-divider{height:72px;background:#81481b38}.quick-score-block{display:grid;gap:4px;text-align:center}.quick-score-block span{font-size:14px;font-weight:900;color:#6c3b1e}.quick-score-block strong{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#3a921f;font-size:clamp(34px,9vw,46px);font-weight:950;line-height:1;text-shadow:0 2px 0 rgba(255,255,255,.66)}.quick-score-block.best strong{color:#74411e;font-size:clamp(24px,7vw,32px)}.quick-results-message{width:100%;margin:2px 0 4px;font-size:14px;font-weight:900;text-align:center;color:#6b3415;white-space:normal;overflow-wrap:anywhere}.quick-section{width:100%;position:relative;display:grid;gap:10px;padding:28px 12px 12px;border:1px solid rgba(168,102,36,.22);border-radius:18px;background:#fff2d69e}.quick-section h3{position:absolute;left:50%;top:-18px;min-width:142px;max-width:calc(100% - 36px);min-height:28px;padding:5px 14px;transform:translate(-50%);font-size:clamp(12px,3.7vw,14px);border-radius:8px;box-shadow:inset 0 2px #ffffff3d,0 4px #063d82}.quick-performance{margin-top:4px}.quick-organ-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick-organ-card{display:grid;justify-items:center;gap:2px;min-width:0;opacity:0;transform:translateY(8px) scale(.96)}.quick-section.is-visible .quick-organ-card,.quick-section.is-visible .quick-food-tile{animation:quickLayerPop .34s cubic-bezier(.16,1,.3,1) both}.quick-section.is-visible .quick-organ-card:nth-child(2),.quick-section.is-visible .quick-food-tile:nth-child(2){animation-delay:70ms}.quick-section.is-visible .quick-organ-card:nth-child(3),.quick-section.is-visible .quick-food-tile:nth-child(3){animation-delay:.14s}.quick-section.is-visible .quick-organ-card:nth-child(4),.quick-section.is-visible .quick-food-tile:nth-child(4){animation-delay:.21s}.quick-section.is-visible .quick-food-tile:nth-child(n+5){animation-delay:.28s}.quick-organ-sprite{width:clamp(42px,12vw,56px);aspect-ratio:1;border-radius:999px;background-color:#ffd6c5b8;box-shadow:0 7px 12px #6b36142e}.quick-organ-card strong{font-size:12px;font-weight:950;color:#5c2e15}.quick-hearts{display:flex;gap:1px;color:#a1634947;font-size:12px;line-height:1}.quick-hearts .filled{color:#e42e37;text-shadow:0 1px 0 rgba(255,255,255,.55)}.quick-bonus{font-size:12px;font-weight:950;color:#3a921f}.quick-food-row{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:8px}.quick-food-row.is-scrollable{display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(128,74,26,.34) transparent}.quick-food-row.is-scrollable .quick-food-tile{flex:0 0 64px}.quick-food-tile{min-width:0;display:grid;justify-items:center;gap:4px;padding:7px 4px 5px;border-radius:12px;background:#efc38152;box-shadow:inset 0 0 0 1px #804a1a1f;opacity:0;transform:translateY(8px) scale(.96)}.quick-food-sprite-shell{width:clamp(34px,9vw,46px);aspect-ratio:1;display:grid;place-items:center;border-radius:999px;background:#fff7df8c;overflow:hidden}.quick-food-sprite-shell:empty:before{content:"?";color:#8b5b32;font-size:18px;font-weight:950}.quick-food-sprite{width:100%;aspect-ratio:1;filter:drop-shadow(0 5px 6px rgba(85,45,14,.24))}.quick-food-tile span{font-size:12px;font-weight:950;color:#673215}.quick-foods.is-junk h3{min-width:min(206px,calc(100% - 36px));padding-inline:12px;font-size:clamp(11px,3.2vw,13px);background:linear-gradient(180deg,#ee5d5d,#b92734);border-color:#ffdadac7;box-shadow:inset 0 2px #ffffff42,0 4px #891b24}.quick-reward-bar{width:calc(100% - 34px);display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;gap:6px;margin-top:14px;padding:26px 18px 12px;border-radius:18px;border:2px solid rgba(210,142,60,.36);background:linear-gradient(180deg,#fff3d8f5,#ffe0aef0);box-shadow:0 8px 14px #71390e2e}.quick-reward-bar>span{position:absolute;left:50%;min-width:118px;height:28px;padding:5px 16px;transform:translate(-50%,-56px);background:linear-gradient(180deg,#71c83d,#3d9419);border-color:#e3ffbcc7;font-size:14px;box-shadow:inset 0 2px #ffffff4d,0 4px #2a7014}.quick-reward-bar strong{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#6a3214;font-size:24px;font-weight:950;opacity:0;transform:translateY(8px) scale(.94)}.quick-reward-bar small{color:#8b5b32;font-size:11px;font-weight:850;text-align:center;opacity:0;transform:translateY(8px)}.quick-reward-bar.is-visible strong{animation:quickRewardPop .42s cubic-bezier(.16,1.15,.3,1.15) .12s both}.quick-reward-bar.is-visible small{animation:quickLayerPop .3s cubic-bezier(.16,1,.3,1) .24s both}.quick-reward-icon{width:32px;height:32px}.quick-results-actions{position:relative;z-index:1;width:min(100%,430px);display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .26s ease,transform .26s ease}.quick-results-actions.has-export{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-results-actions.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.quick-action{min-height:58px;border:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:20px;font-weight:950;text-shadow:0 2px 0 rgba(0,0,0,.22);box-shadow:inset 0 2px #ffffff5c,inset 0 -4px #00000029,0 10px 18px #14284038;cursor:pointer;text-decoration:none;transition:transform .14s ease,filter .14s ease}.quick-action:disabled{cursor:progress;opacity:.72}.quick-action:active{transform:translateY(1px) scale(.99)}.quick-action.replay{background:linear-gradient(180deg,#4db9ff,#0871c8)}.quick-action.next{background:linear-gradient(180deg,#95dd3f,#44a719)}.quick-action.export{background:linear-gradient(180deg,#ffd977,#e6a014);color:#4a2a08;text-shadow:0 1px 0 rgba(255,255,255,.36)}.quick-results-actions.has-export .quick-action{min-height:54px;padding:8px 6px;font-size:clamp(13px,3.5vw,16px);line-height:1.05;overflow-wrap:anywhere}.cat-level-result-overlay{position:absolute;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:76px 18px 16px;background:radial-gradient(circle at 18% 14%,rgba(126,222,68,.34),transparent 25%),radial-gradient(circle at 82% 18%,rgba(255,204,75,.28),transparent 24%),linear-gradient(180deg,#337d2557,#0a2d192e 42%,#351e0857);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.cat-level-result-card{width:min(100%,360px);max-height:calc(100dvh - 138px);overflow:visible;display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:26px 16px 14px;border:2px solid rgba(255,213,117,.64);border-radius:26px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.96),transparent 34%),linear-gradient(180deg,#fff8dc,#ffe2a8);color:#5c2e15;text-align:center;box-shadow:0 22px 54px #4b2e0a47,inset 0 2px #ffffffd6}.cat-result-stars{color:#ffb51d;font-size:42px;line-height:1;letter-spacing:0;text-shadow:0 2px 0 rgba(138,84,11,.24),0 0 16px rgba(255,214,77,.62)}.cat-result-ribbon{align-self:center;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 22px;border-radius:13px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.42),transparent 42%),linear-gradient(180deg,#3aa0e9,#1166b7);color:#fff;font-size:20px;font-weight:950;line-height:1.05;text-shadow:0 2px 0 rgba(27,74,121,.34);box-shadow:inset 0 2px #ffffff57,inset 0 -3px #0000002e,0 8px 18px #12569738}.cat-result-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;border-radius:18px;background:#ffffff73}.cat-result-score-grid div{min-width:0;display:grid;gap:4px;padding:10px 8px;border-radius:14px;background:#fff5dbdb}.cat-result-score-grid div:nth-child(3){grid-column:1 / -1}.cat-result-score-grid span{color:#5c2e15b8;font-size:12px;font-weight:850}.cat-result-score-grid strong{color:#4f2b12;font-size:22px;font-weight:950;font-variant-numeric:tabular-nums}.cat-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cat-result-actions .btn-primary{min-height:52px;padding-inline:10px;border-radius:16px;font-size:16px;white-space:nowrap}.cat-result-home-btn{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 13px;color:#7a4b1d;font-weight:900}.cat-level-result-score{margin-top:-6px}.cat-level-result-card .quick-results-message{margin:0 0 4px;font-size:12px;line-height:1.2}.cat-level-result-progress{margin-top:7px;gap:7px;padding:24px 10px 10px}.cat-level-result-progress-grid{display:grid;gap:6px;width:100%}.cat-level-result-progress-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;min-width:0;padding:7px 9px;border-radius:13px;background:#ffffff75;box-shadow:inset 0 0 0 1px #804a1a1a}.cat-level-result-progress-item strong,.cat-level-result-progress-item span{font-size:12px;font-weight:950;color:#5c2e15}.cat-level-result-progress-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-level-result-progress-track{grid-column:1 / -1;height:7px;overflow:hidden;border-radius:999px;background:#654e2b29}.cat-level-result-progress-track i{display:block;height:100%;min-width:8px;border-radius:inherit;box-shadow:inset 0 1px #ffffff6b}.cat-level-result-summary{width:calc(100% - 24px);position:relative;align-self:center;gap:3px;margin-top:8px;padding:22px 14px 10px}.cat-level-result-actions{grid-template-columns:.95fr 1.05fr;gap:12px;margin-top:12px}.cat-level-result-actions .quick-action{min-height:50px;border-radius:14px;font-size:17px}.cat-level-result-card .quick-results-stars{left:50%;top:-48px;gap:6px;transform:translate(-50%)}.cat-level-result-card .quick-result-star{width:48px;height:48px}.cat-level-result-card .quick-result-star.is-main{width:72px;height:72px;margin-bottom:7px}.cat-level-result-card .quick-results-ribbon{min-height:30px;margin-top:-8px;padding:5px 16px;transform:none;font-size:15px}.cat-level-result-card .quick-score-row{gap:8px;padding-inline:4px}.cat-level-result-card .quick-score-divider{height:58px}.cat-level-result-card .quick-score-block{gap:2px}.cat-level-result-card .quick-score-block span{font-size:12px}.cat-level-result-card .quick-score-block strong{font-size:31px}.cat-level-result-card .quick-score-block.best strong{font-size:24px}.cat-level-result-card .quick-reward-bar>span{height:25px;min-width:102px;padding:4px 14px;transform:translate(-50%,-47px);font-size:13px}.cat-level-result-card .quick-reward-bar strong{font-size:22px}.cat-level-result-card .quick-reward-icon{width:26px;height:26px}@keyframes quickBoardEnter{0%{opacity:0;transform:translateY(34px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes quickStarPop{0%{opacity:0;transform:translateY(32px) scale(.12) rotate(-18deg)}42%{opacity:1;transform:translateY(-10px) scale(1.38) rotate(8deg)}70%{opacity:1;transform:translateY(2px) scale(.92) rotate(-3deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes quickStarGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,232,78,.78)) brightness(1)}50%{filter:drop-shadow(0 0 18px rgba(255,244,116,1)) brightness(1.16)}}@keyframes quickLayerPop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes quickRewardPop{0%{opacity:0;transform:translateY(12px) scale(.78)}68%{opacity:1;transform:translateY(-2px) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes quickSkyDrift{0%{transform:translate3d(-1%,-1%,0) scale(1)}to{transform:translate3d(1%,1.5%,0) scale(1.04)}}@keyframes quickSparkFloat{0%,to{transform:translateY(0) scale(.8);opacity:.42}50%{transform:translateY(-14px) scale(1.15);opacity:1}}@media(max-height:820px){.quick-results-overlay{justify-content:center;padding-top:58px}.quick-results-card{max-height:calc(100dvh - 144px);gap:6px;padding:36px 14px 12px}.quick-section{padding:26px 10px 9px}.quick-organ-sprite{width:40px}.quick-food-sprite-shell{width:32px}.quick-results-message{font-size:13px}.quick-action{min-height:50px;font-size:17px}}@media(prefers-reduced-motion:reduce){.quick-results-card,.quick-result-star,.quick-results-sky,.result-spark,.quick-score-row .quick-score-block,.quick-score-row .quick-score-divider,.quick-section.is-visible .quick-organ-card,.quick-section.is-visible .quick-food-tile,.quick-reward-bar.is-visible strong,.quick-reward-bar.is-visible small{animation:none}.quick-result-layer,.quick-score-row .quick-score-block,.quick-score-row .quick-score-divider,.quick-organ-card,.quick-food-tile,.quick-reward-bar strong,.quick-reward-bar small{opacity:1;transform:none;transition:none}}.collection-grid{display:flex;flex-direction:column;gap:32px;padding-bottom:20px}.tabs{width:100%;display:flex;gap:8px;overflow-x:auto;margin:0 0 24px;padding:0 0 16px;scrollbar-width:none}.tab{padding:10px 20px;border-radius:99px;background:var(--surface);border:1px solid var(--surface-border);color:var(--text-muted);white-space:nowrap;font-size:14px;font-weight:700}.tab.active{background:var(--cyan);color:#000;border-color:var(--cyan)}.organ-section h3{font-size:14px;color:var(--text-muted);margin-bottom:12px;font-weight:700;display:flex;align-items:center;gap:8px}.organ-section .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.item{aspect-ratio:1;background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative}.item.collected{border-color:#22c55e4d;background:#22c55e0d}.item .placeholder-img{background:transparent;border:none;font-size:32px}.item.collected canvas,.item.collected .placeholder-img{transform:translateY(-5px)}.collection-item-count{position:absolute;left:50%;bottom:6px;transform:translate(-50%);min-width:30px;padding:2px 7px;border-radius:999px;background:#34a85324;color:#188038;font-size:10px;font-weight:950;line-height:1.1;text-align:center;pointer-events:none;box-shadow:inset 0 1px #ffffffb8}.check{position:absolute;top:-6px;right:-6px;background:var(--green);color:#000;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000080}.grayscale{filter:grayscale(1) opacity(.5)}.food-modal{padding:32px 24px;align-items:center}.food-modal-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px}.food-modal-header .placeholder-img{font-size:40px;border-radius:50%;background:#00000080;border:none}.status-badge{padding:4px 12px;border-radius:99px;font-size:12px;font-weight:700;color:#000}.bg-gray{background:#8e9ba4;color:#fff}.food-modal-stats{display:flex;gap:12px;width:100%;margin-bottom:24px}.stat-box{flex:1;background:#ffffff0d;padding:12px;border-radius:16px;text-align:center;border:1px solid var(--surface-border)}.stat-box .lbl{display:block;font-size:10px;color:var(--text-muted);font-weight:700;margin-bottom:4px}.stat-box .val{display:block;font-size:18px;font-weight:900;color:var(--cyan)}.food-modal-desc{width:100%;background:#ffffff0d;padding:16px;border-radius:16px;text-align:left;border:1px solid var(--surface-border)}.food-modal-desc h3{font-size:14px;margin-bottom:8px;color:var(--text-muted);font-weight:700}.food-modal-desc p{font-size:14px;line-height:1.5;color:#fff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animated-gradient-screen,.animated-gradient-screen:before{animation:none!important}}img,video,canvas,svg{max-width:100%;height:auto}.settings-group{background:var(--surface);border-radius:24px;border:1px solid var(--surface-border);overflow:hidden}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--surface-border);font-size:15px;font-weight:500}.setting-item:last-child{border-bottom:none}.setting-item .value{color:var(--text-muted);display:flex;align-items:center;gap:8px}.settings-title{font-size:14px;color:var(--text-muted);margin:32px 0 12px 20px;font-weight:700}.toggle{width:50px;height:28px;background:#ffffff1a;border-radius:14px;position:relative;transition:.3s;cursor:pointer}.toggle.active{background:var(--green)}.knob{width:24px;height:24px;background:#fff;border-radius:12px;position:absolute;top:2px;left:2px;transition:.3s;box-shadow:0 2px 4px #0003}.toggle.active .knob{transform:translate(22px)}body{background:radial-gradient(circle at 50% -8%,rgba(86,248,255,.2),transparent 34%),radial-gradient(circle at 12% 72%,rgba(255,180,60,.12),transparent 28%),linear-gradient(180deg,#06191d,#020709)}.app-container{isolation:isolate;background:radial-gradient(circle at 50% 8%,rgba(86,248,255,.18),transparent 38%),radial-gradient(circle at 88% 64%,rgba(255,180,60,.1),transparent 34%),linear-gradient(180deg,#071b1f,#03090b 62%,#020608)}.app-container:before,.app-container:after{content:"";position:absolute;pointer-events:none;z-index:0}.app-container:before{inset:8px;border-radius:30px;border:1px solid rgba(94,248,255,.34);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 38px #56f8ff1a,0 0 34px #56f8ff29}.app-container:after{inset:0;background:radial-gradient(circle at 14% 18%,rgba(86,248,255,.08),transparent 16%),radial-gradient(circle at 84% 22%,rgba(86,248,255,.1),transparent 18%),radial-gradient(circle at 85% 78%,rgba(255,180,60,.13),transparent 18%);opacity:.9}.screen{z-index:1;color:var(--text)}.header,.home-top,.tutorial-top{background:linear-gradient(180deg,#041013d6,#0410137a);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.header{border-bottom:1px solid rgba(86,248,255,.12)}.content,.home-content{scrollbar-color:rgba(86,248,255,.4) transparent}h1,.modal h2,.results-content h2,.header h2,.header h1{letter-spacing:0;text-shadow:0 0 18px rgba(86,248,255,.16)}.subtitle{color:#bdfbff;line-height:1.5;text-shadow:0 0 14px rgba(86,248,255,.2)}.btn-primary,.btn-outline,.btn-text,.menu-item,.mode-card,.tab,.nav-item,.icon-btn,.back-btn,.tool-round,.cat-tool-button,.ctrl-btn,.toggle{transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.btn-primary:active,.btn-outline:active,.btn-text:active,.menu-item:active,.mode-card:active,.tab:active,.nav-item:active,.icon-btn:active,.back-btn:active,.tool-round:active,.cat-tool-button:active,.ctrl-btn:active{transform:translateY(1px) scale(.985)}.btn-primary,.btn-cyan{min-height:52px;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.42),transparent 38%),linear-gradient(180deg,#73fbff,#25d8df 52%,#0998a4);color:#03272c;box-shadow:0 0 26px #56f8ff61,inset 0 1px #ffffff80,inset 0 -10px 20px #00545c47}.btn-green{background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.34),transparent 38%),linear-gradient(180deg,#6bf2a5,#28ce78 58%,#0f8b55);color:#021e13;box-shadow:0 0 24px #43d98a57,inset 0 1px #ffffff70}.btn-red{background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.24),transparent 38%),linear-gradient(180deg,#ff827c,#f04d48 55%,#9f2528);color:#fff;box-shadow:0 0 24px #ff5d5757,inset 0 1px #ffffff52}.btn-outline{border-color:#70f8ff5c;background:linear-gradient(180deg,#091f24cc,#040c0fb8);color:#eaffff;box-shadow:inset 0 0 0 1px #ffffff0d,0 10px 24px #00000042}.btn-outline:disabled{color:#eaffff6b;border-color:#70f8ff24;box-shadow:none}.btn-primary:disabled{cursor:not-allowed;color:#03272c75;filter:grayscale(.45);opacity:.58;box-shadow:none}.btn-text{color:#a7d9dd}.icon-btn,.close-btn{background:#061519bd;border:1px solid rgba(111,243,255,.26);box-shadow:inset 0 0 0 1px #ffffff0d,0 10px 22px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-btn.active{color:#efffff;border-color:#56f8ff85;background:radial-gradient(circle at 50% 0%,#56f8ff3d,#061519bd 70%)}.mode-jump{position:relative;z-index:6}.mode-jump-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(284px,calc(100vw - 40px));padding:8px;border:1px solid rgba(93,241,249,.34);border-radius:22px;background:linear-gradient(180deg,#091f24f5,#030c0ff0),#041215f0;box-shadow:inset 0 1px #ffffff1a,inset 0 0 24px #56f8ff14,0 20px 46px #00000075;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.mode-jump-menu button{width:100%;min-height:50px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:16px;background:transparent;color:#efffff;font:inherit;text-align:left}.mode-jump-menu button+button{margin-top:2px}.mode-jump-menu button:hover,.mode-jump-menu button:focus-visible{background:#56f8ff1a}.mode-jump-menu span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-btn{width:36px;height:36px;justify-content:center;border-radius:50%;padding:0;margin-left:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#efffff}.menu-list,.settings-group,.rewards,.food-modal-desc,.stat-box,.modal,.mode-card,.cat-score-card,.cat-game-area,.tray,.game-controls,.score-badge,.game-state-card{background:linear-gradient(180deg,#091f24db,#030c0fd1),#041215d1;border-color:#5df1f94d;box-shadow:inset 0 1px #ffffff1a,inset 0 0 26px #56f8ff12,0 18px 42px #00000057;-webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%)}.menu-list,.settings-group,.rewards{border-radius:var(--panel-radius)}.menu-item,.setting-item{border-color:#5df1f924}.menu-item:hover,.setting-item:hover,.tab:hover{background:#56f8ff14}.screen-settings .settings-group{border:0;box-shadow:inset 0 1px #ffffff0f,inset 0 0 20px #56f8ff0d}.screen-settings .setting-item{min-height:48px;padding:14px 18px;font-size:14px;line-height:1.2;border-color:#5df1f91a}.screen-settings .setting-item .value{font-size:14px}.screen-settings .settings-title{margin:26px 0 10px 18px;font-size:13px}.bottom-nav{height:74px;background:linear-gradient(180deg,#091f24db,#02080afa);border-top-color:#56f8ff47;box-shadow:0 -18px 40px #00000080,inset 0 1px #ffffff14,inset 0 0 28px #56f8ff14}.nav-item{min-height:54px;border-radius:18px;padding:7px 5px}.nav-item.active{color:#efffff;background:radial-gradient(circle at 50% 0%,rgba(86,248,255,.28),rgba(86,248,255,.06) 58%,transparent);box-shadow:inset 0 0 0 1px #56f8ff2e}.screen-home{background:radial-gradient(circle at 12% 8%,rgba(47,191,113,.3),transparent 22%),radial-gradient(circle at 90% 10%,rgba(140,231,245,.28),transparent 24%),radial-gradient(circle at 50% 55%,rgba(255,255,255,.46),transparent 32%),linear-gradient(180deg,#249fc5,#a6edf0 48%,#f4fff8)}.screen-home:before{content:"";position:absolute;inset:0;background-image:var(--home-hero-art);background-size:cover;background-position:center 42%;opacity:.18;filter:blur(.5px) saturate(1.16) brightness(1.08);transform:scale(1.02);pointer-events:none}.screen-home>*{position:relative;z-index:1}.screen-home>.home-top{z-index:10}.home-content{padding:8px 20px 12px;overflow:hidden}.home-center{justify-content:flex-start;gap:clamp(6px,1.1vh,10px);padding-top:clamp(4px,1vh,10px)}.home-logo.text-brand-logo{min-height:auto;width:min(340px,88vw);font-size:clamp(34px,9.4vw,54px);line-height:1.02;align-items:center;text-align:center;color:#f6fff8;-webkit-text-stroke-color:rgba(19,95,67,.84);text-shadow:0 2px 0 #15724d,0 8px 18px rgba(16,88,65,.32),0 0 12px rgba(208,255,226,.42);filter:drop-shadow(0 12px 20px rgba(32,78,63,.28))}.home-logo.text-brand-logo span{display:-webkit-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.home-logo.text-brand-logo.is-english{min-height:92px;font-size:clamp(32px,7.4vw,46px)}.home-logo.text-brand-logo.is-english span{-webkit-line-clamp:2}.home-logo.text-brand-logo.is-chinese{min-height:50px;width:min(390px,92vw);font-size:clamp(30px,7.8vw,46px);white-space:nowrap}.home-logo.text-brand-logo.is-chinese span{display:block;white-space:nowrap}.home-hero-card{position:relative;width:min(278px,74vw);aspect-ratio:9 / 16;max-height:min(35vh,318px);min-height:220px;overflow:hidden;pointer-events:none;border-radius:30px;border:1px solid rgba(235,255,255,.72);background:#e0f8ff;box-shadow:0 22px 40px #14617642,0 0 28px #ffffff6b,inset 0 0 0 1px #ffffff52}.home-hero-card:before,.home-hero-card:after{content:"";position:absolute;pointer-events:none;z-index:2}.home-hero-card:before{inset:10px;border-radius:22px;border:1px solid rgba(235,255,255,.52);box-shadow:inset 0 0 30px #77dfff24}.home-hero-card:after{left:50%;top:0;width:34%;height:24px;transform:translate(-50%);border:1px solid rgba(235,255,255,.5);border-top:none;border-radius:0 0 18px 18px;background:#1a5b7f75;box-shadow:0 0 16px #ffffff38}.home-hero-art{width:100%;height:100%;display:block;pointer-events:none;object-fit:cover;object-position:center center}.home-center .mascot-sprite-stage{display:none}.home-actions{margin-top:7px;min-height:0;flex:1 1 auto}.coin-pill{border:1px solid rgba(255,180,60,.38);background:linear-gradient(180deg,#ffb43c38,#341e076b);box-shadow:0 0 18px #ffb43c2e,inset 0 1px #ffffff29}.screen-tutorial,.screen-camera,.screen-collection,.screen-ranker{background:radial-gradient(circle at 12% 8%,rgba(71,185,83,.28),transparent 24%),radial-gradient(circle at 88% 12%,rgba(71,185,83,.25),transparent 24%),radial-gradient(circle at 50% 80%,rgba(255,180,50,.16),transparent 32%),linear-gradient(180deg,#0a7bcd,#66d5f8 46%,#e4fbff)}.tutorial-scene,.permission-art,.result-star,.reward img,.reward-icon{filter:drop-shadow(0 12px 24px rgba(0,0,0,.46)) drop-shadow(0 0 14px rgba(86,248,255,.16))}.tutorial-copy strong{border-left-color:var(--cyan);background:linear-gradient(180deg,#56f8ff24,#06161aa8);border-radius:14px;box-shadow:inset 0 0 0 1px #56f8ff29}.screen-camera .content,.screen-ranker .content{padding-top:18px}.permission-art{width:min(230px,60vw);height:auto;padding:14px;border:1px solid rgba(86,248,255,.28);background:radial-gradient(circle at 50% 34%,rgba(86,248,255,.14),transparent 60%),#041215c2;box-shadow:0 18px 42px #0000005c,inset 0 0 24px #56f8ff14}.feature-list{display:grid;gap:10px;margin-bottom:24px}.feature-list li{min-height:54px;margin-bottom:0;padding:12px 14px;border-radius:18px;border:1px solid rgba(86,248,255,.18);background:#07181ca8}.feature-icon{filter:drop-shadow(0 0 10px rgba(86,248,255,.32))}.screen-camera .content{overflow:hidden;padding:10px 20px 12px;gap:10px}.screen-camera .subtitle{margin-bottom:6px;font-size:15px;line-height:1.25}.camera-capability-card{min-height:34px;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:14px;border:1px solid rgba(37,137,138,.16);background:#ffffff9e;color:#24464e;font-size:12px;line-height:1.25;font-weight:760;box-shadow:0 10px 24px #3c404314,inset 0 1px #ffffffe0}.camera-capability-card svg{flex:0 0 auto}.camera-capability-card.is-ready svg{color:#1f8f5f}.camera-capability-card.is-warning{border-color:#e12d253d;background:#ffeeebbd;color:#8f241d}.camera-capability-card.is-warning svg{color:#d93025}.screen-camera .permission-art{width:min(160px,42vw);height:auto;margin:0 auto 6px;padding:10px;border-radius:20px}.screen-camera .feature-list{gap:8px;margin-bottom:6px}.screen-camera .feature-list li{min-height:45px;padding:9px 12px;font-size:14px;line-height:1.2;border-radius:15px}.screen-camera .feature-icon{width:24px;height:24px;flex-basis:24px}.screen-camera .privacy-notice{margin:2px 0 6px;padding:7px 11px;border:1px solid rgba(12,94,84,.18);border-radius:14px;background:#ffffff3d;color:#0c5e54;font-size:12px;font-weight:750;line-height:1.35;text-shadow:none}.screen-camera .camera-error{margin:0 0 6px;padding:10px 12px;font-size:12px;line-height:1.35}.screen-camera .bottom-actions{margin-top:0}.screen-camera .btn-primary,.screen-camera .btn-text{min-height:44px;padding:10px 14px;margin-bottom:6px;font-size:14px}.screen-camera .camera-skip-btn{border:1px solid rgba(12,94,84,.28);border-radius:999px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.62),transparent 42%),#ffffff57;color:#0c5e54;font-weight:850;box-shadow:inset 0 1px #ffffff7a,0 8px 18px #1463581f}.mode-cards{gap:14px}.mode-card{min-height:106px;border-radius:24px;overflow:hidden}.mode-card.active{border-color:#56f8ff9e;background:radial-gradient(circle at 12% 18%,rgba(86,248,255,.18),transparent 40%),linear-gradient(180deg,#092328e6,#030c0fd6)}.mode-card.danger{border-color:#ff5d5780;background:radial-gradient(circle at 12% 18%,rgba(255,93,87,.16),transparent 38%),linear-gradient(180deg,#220c0ee6,#040c0fd6)}.mode-card .icon{width:60px;height:60px;border-radius:20px;box-shadow:inset 0 1px #ffffff52,0 0 18px #56f8ff2e}.mode-card .icon.imagegen-icon-shell{overflow:hidden;padding:0;background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.38),transparent 58%),#dffaf22e;border-color:#dcfff46b}.imagegen-mode-icon{width:100%;height:100%;display:block;object-fit:contain}.mode-card h3{color:#f5ffff}.mode-card p{color:#a9cbd0}.tab{border-color:#56f8ff33;background:#07181cb3}.tab.active{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.32),transparent 42%),linear-gradient(180deg,#75fbff,#21d3da);box-shadow:0 0 18px #56f8ff4d}.organ-section h3{color:#bffcff;font-size:15px}.item{border-color:#56f8ff2e;background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.08),transparent 52%),#07181cc2;box-shadow:inset 0 0 18px #56f8ff0a,0 8px 18px #0003}.item.collected{border-color:#43d98a6b;background:radial-gradient(circle at 50% 20%,rgba(67,217,138,.18),transparent 54%),#07181cc7}.final-score{color:var(--orange);text-shadow:0 0 26px rgba(255,180,60,.72),0 8px 18px rgba(0,0,0,.4)}.new-record{border:1px solid rgba(255,180,60,.42);background:linear-gradient(180deg,#ffb43c38,#341e0757)}.stat{min-height:88px;display:grid;place-items:center;padding:12px 8px;border:1px solid rgba(86,248,255,.18);border-radius:18px;background:#07181ca8}.stat .val{color:var(--orange);text-shadow:0 0 14px rgba(255,180,60,.42)}.modal-overlay{background:radial-gradient(circle at 50% 22%,rgba(86,248,255,.16),transparent 42%),#000000bd;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}.modal{border-radius:28px;border-color:#56f8ff57}.cat-game-area,.ar-background{background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.76),transparent 8%),radial-gradient(circle at 72% 34%,rgba(255,255,255,.56),transparent 10%),linear-gradient(180deg,#0b85d5,#72dfff 54%,#c8f0b0 72%,#8fd36a)}.cat-score-card,.score-badge{border-radius:18px}.score-val,.cat-score-value{color:#f2ffff}.cat-timer-pill,.timer-badge,.rec-badge{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.18),transparent 40%),linear-gradient(180deg,#0d373eeb,#05161acc);border-color:#56f8ff57;box-shadow:inset 0 1px #ffffff29,0 10px 24px #00000057}.tray-title{border-color:#56f8ffbd;background:linear-gradient(180deg,#219089f5,#094043f0);box-shadow:0 0 18px #56f8ff2e}.tray-food-chip{border-color:#87f4f957;box-shadow:inset 0 0 18px #ffffff14,0 8px 16px #00000047,0 0 14px #56f8ff14}.healthy-tray .tray-food-chip{overflow:visible;background:transparent;border-color:transparent;box-shadow:none}.healthy-tray .tray-food-sprite{width:128%;height:104%;filter:drop-shadow(0 8px 10px rgba(34,62,40,.34))}.trash-area{border-color:transparent;background:transparent}.game-controls{min-height:76px;border-radius:24px 24px 0 0}.ctrl-btn.stop{width:74px;height:74px}.ranker-status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.ranker-content{padding-bottom:24px}.ranker-pill{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid rgba(86,248,255,.22);background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.18),transparent 38%),linear-gradient(180deg,#0c3b66bd,#082748ad);color:#bdfbff;font-size:13px;font-weight:850}.ranker-pill.score{color:#ffe5a6;border-color:#ffb43c47}.ranker-score-pill{min-height:34px;flex:0 0 auto;font-size:13px;font-weight:850}.ranker-score-pill svg{flex:0 0 auto}.ranker-question{margin-bottom:8px;color:#fff;font-size:21px;font-weight:950;line-height:1.22;text-align:center}.ranker-question span{color:var(--cyan);text-shadow:0 0 14px rgba(86,248,255,.34);white-space:nowrap}.ranker-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.ranker-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(86,248,255,.2);border-radius:20px;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.2),transparent 42%),linear-gradient(180deg,#0d3d65d1,#082646b8);box-shadow:inset 0 1px #ffffff14,0 12px 26px #0000003d;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease}.ranker-card.is-draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.ranker-card.is-draggable:active{cursor:grabbing}.ranker-card.dragging{opacity:.78;transform:scale(.992);border-color:#1a73e86b;box-shadow:0 18px 42px #1a73e829,inset 0 1px #ffffff38}.ranker-card.drop-target{transform:translateY(2px);border-color:#1a73e857}.ranker-card.correct{border-color:#43d98ab3;box-shadow:0 0 20px #43d98a29,inset 0 1px #ffffff14}.ranker-card.wrong{border-color:#ff5d57b3;box-shadow:0 0 20px #ff5d5729,inset 0 1px #ffffff14}.ranker-position{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(86,248,255,.22);background:#56f8ff14;color:#f4ffff;font-size:14px;font-weight:950}.ranker-food-art{width:58px;height:54px;flex:0 0 58px;display:grid;place-items:center;place-content:center;box-sizing:border-box;overflow:hidden;border-radius:16px;border:1px solid rgba(86,248,255,.18);background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.58),transparent 58%),linear-gradient(180deg,#ffffff5c,#d1f4ff38);box-shadow:inset 0 0 14px #56f8ff12,0 7px 16px #00000047}.ranker-food-sprite{width:72px;aspect-ratio:7 / 5;filter:drop-shadow(0 5px 8px rgba(0,0,0,.42))}.ranker-food-fallback{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#ffffff14;font-size:27px;line-height:1;filter:drop-shadow(0 5px 8px rgba(0,0,0,.38))}.ranker-food-info{flex:1;min-width:0}.ranker-food-info h4{color:#fff;font-size:15px;font-weight:850;line-height:1.2}.ranker-food-info span{display:inline-block;margin-top:4px;color:#a7c2c6;font-size:12px}.ranker-drag-handle{width:22px;height:34px;flex:0 0 22px;display:grid;place-items:center;color:#f5ffff94}.ranker-card.is-draggable:hover .ranker-drag-handle,.ranker-card.dragging .ranker-drag-handle{color:#f5ffffeb}.ranker-move-controls{display:flex;flex-direction:column;gap:5px;flex:0 0 30px}.ranker-move-controls button{width:30px;height:26px;display:grid;place-items:center;border:1px solid rgba(86,248,255,.16);border-radius:9px;background:#ffffff1a;color:#f5ffff;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease}.ranker-move-controls button:disabled{color:#5f636870;border-color:#56f8ff14;background:#ffffff75;box-shadow:none;cursor:default}.ranker-result-icon{margin-left:auto;display:grid;place-items:center;width:28px;height:28px}.ranker-submit{width:100%;margin-top:24px}.ranker-answer{margin-top:20px}.ranker-feedback{margin-bottom:16px;padding:14px;border-radius:18px;text-align:center;font-weight:850}.ranker-feedback.correct{border:1px solid rgba(67,217,138,.62);background:#43d98a1f;color:#83f4b4}.ranker-feedback.wrong{border:1px solid rgba(255,93,87,.62);background:#ff5d571f;color:#ffaaa6}.ranker-facts{margin-bottom:20px;padding:16px;border:1px solid rgba(86,248,255,.2);border-radius:20px;background:radial-gradient(circle at 14% 0%,rgba(255,255,255,.16),transparent 40%),linear-gradient(180deg,#0d3d65b8,#082646a8)}.ranker-facts h3{margin-bottom:10px;color:#fff;font-size:15px;font-weight:900}.ranker-facts p{margin-bottom:12px;color:#a7c2c6;font-size:13px;line-height:1.45}.ranker-fact-row{display:flex;justify-content:space-between;gap:10px;font-size:13px}.ranker-fact-row+.ranker-fact-row{margin-top:8px}.ranker-fact-row span:first-child{color:#fff}.ranker-fact-row span:last-child{color:var(--orange);font-weight:850}.ranker-next{width:100%}.ranker-next svg{flex:0 0 auto}.screen-box-merge{background:radial-gradient(circle at 50% 0%,rgba(67,217,138,.16),transparent 34%),radial-gradient(circle at 90% 78%,rgba(255,180,60,.12),transparent 28%),linear-gradient(180deg,#07191d,#02080a)}.box-intro,.box-levels,.box-result{display:flex;flex-direction:column;gap:16px;text-align:center}.box-hero-icon{width:92px;height:92px;display:grid;place-items:center;align-self:center;border:1px solid rgba(67,217,138,.42);border-radius:28px;background:radial-gradient(circle at 35% 15%,rgba(255,255,255,.18),transparent 34%),linear-gradient(180deg,#43d98a4d,#07181ce0);color:#c8ffe1;box-shadow:0 0 28px #43d98a2e,inset 0 1px #ffffff24}.box-rule-list{display:grid;gap:10px;text-align:left}.box-rule-list span{padding:13px 14px;border:1px solid rgba(86,248,255,.18);border-radius:16px;background:#07181cb8;color:#dffcff;font-size:13px;font-weight:760;line-height:1.45}.box-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.box-level-card{min-height:86px;border:1px solid rgba(86,248,255,.18);border-radius:18px;background:radial-gradient(circle at 26% 0%,rgba(86,248,255,.12),transparent 36%),linear-gradient(180deg,#091f24e0,#030c0fd1);color:#f3ffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.box-level-card.selected{border-color:#43d98ab8;box-shadow:0 0 20px #43d98a29}.box-level-card.is-locked{opacity:.52;cursor:not-allowed}.box-level-card strong{font-size:26px;font-weight:950}.box-level-card span{color:#a7c2c6;font-size:12px;font-weight:800}.box-level-card small{min-height:18px;display:inline-flex;align-items:center;justify-content:center;gap:4px;color:#c8ffe1;font-size:11px;font-weight:850}.box-level-card.is-locked small{color:#a7c2c6}.box-play{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:0 14px 14px}.box-status-row{display:grid;grid-template-columns:1fr;gap:8px;align-items:center}.box-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto}.box-header-actions .back-btn{width:40px;height:40px;margin:0;padding:0;display:grid;place-items:center;border-radius:50%;background:#ffffffdb;border:1px solid rgba(60,64,67,.1);box-shadow:0 8px 24px #3c40431a,inset 0 1px #ffffffe6}.box-icon-btn{width:42px;height:36px;display:grid;place-items:center;border:1px solid rgba(86,248,255,.18);border-radius:12px;background:#07181cb8;color:#eaffff}.box-goal-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border:1px solid rgba(86,248,255,.22);border-radius:18px;background:#041012b8}.box-goal-card div{min-width:0;padding:8px 6px;border-radius:12px;background:#ffffff0a;text-align:center}.box-goal-card span{display:block;margin-bottom:3px;color:#a7c2c6;font-size:10px;font-weight:850}.box-goal-card strong{color:#f5ffff;font-size:14px;font-weight:950;font-variant-numeric:tabular-nums}.box-progress{height:10px;overflow:hidden;border-radius:999px;background:#ffffff14}.box-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--cyan),var(--orange));transition:width .22s ease}.box-next-card{min-height:96px;display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(255,180,60,.24);border-radius:20px;background:radial-gradient(circle at 16% 25%,rgba(255,180,60,.14),transparent 42%),linear-gradient(180deg,#1a180dd1,#041012b8)}.box-next-card span{color:#ffe9b8;font-size:12px;font-weight:850}.box-next-card strong{color:#fff;font-size:18px;font-weight:950;line-height:1.15}.box-next-food{grid-row:1 / span 2;width:70px;height:70px;display:grid;place-items:center;place-content:center;border-radius:20px;background:#ffffff1a}.box-next-sprite{width:82px;aspect-ratio:7 / 5;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}.merge-box-stage{position:relative;flex:1;min-height:300px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border:1px solid rgba(86,248,255,.16);border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(86,248,255,.12),transparent 32%),linear-gradient(180deg,#607294,#1d3538 42%,#071013);touch-action:none}.merge-box{position:relative;height:min(520px,100%);max-width:100%;min-width:168px;border:5px solid rgba(246,240,190,.86);border-top-width:8px;border-radius:12px 12px 22px 22px;background:linear-gradient(90deg,rgba(255,255,255,.22) 0 2px,transparent 2px) 0 0 / var(--slot-width, 25%) 100%,linear-gradient(180deg,#faf6c399,#ded399b8);box-shadow:inset 0 0 0 10px #ffffff1f,0 18px 34px #00000059;touch-action:none}.merge-fail-line{position:absolute;left:0;right:0;height:3px;z-index:3;background:#ff5d57cc;box-shadow:0 0 14px #ff5d5780}.merge-column-hit{position:absolute;inset-block:0;z-index:4;border:0;border-left:1px solid rgba(255,255,255,.22);background:transparent;touch-action:none}.merge-column-hit:active{background:#56f8ff1a}.merge-box-floor{position:absolute;left:-5px;right:-5px;bottom:0;height:var(--floor-height, 16%);border-radius:0 0 16px 16px;background:linear-gradient(180deg,#cba77c,#a77b52);box-shadow:inset 0 7px #ffffff2e}.merge-food{position:absolute;z-index:5;display:grid;place-items:center;place-content:center;border-radius:50%;background:#ffffffb8;box-shadow:0 9px 18px #00000047;transition:left .18s ease,bottom .18s ease,transform .18s ease;pointer-events:none}.merge-food.junk{background:#ffe6e6c7}.merge-food-sprite{width:calc(var(--merge-food-size, 58px) * 1.16);height:calc(var(--merge-food-size, 58px) * .84);max-width:124%;max-height:96%;filter:drop-shadow(0 5px 7px rgba(0,0,0,.36))}.merge-food b{position:absolute;right:-5px;top:-5px;min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--orange);color:#1b1200;font-size:11px;font-weight:950}.box-complete-btn{width:100%;min-height:48px}.box-result{align-items:stretch}.box-stars{color:var(--orange);font-size:44px;letter-spacing:3px;text-shadow:0 0 18px rgba(255,180,60,.38)}@media(max-height:760px){.screen-camera .content{gap:7px;padding-bottom:10px}.screen-camera .permission-art{width:min(130px,36vw);padding:8px;margin-bottom:4px}.screen-camera .feature-list{gap:6px}.screen-camera .feature-list li{min-height:40px;padding:8px 11px;font-size:13px}.screen-camera .privacy-notice,.screen-camera .camera-error{font-size:11px}.home-logo.text-brand-logo.is-english{font-size:clamp(29px,8.2vw,44px);min-height:92px}.home-logo.text-brand-logo.is-chinese{font-size:clamp(28px,8vw,42px);min-height:48px}.home-hero-card{min-height:226px;max-height:34vh}.bottom-nav{height:68px}.nav-item span{font-size:9px}.ranker-list{gap:9px}.ranker-card{padding:10px 12px}.ranker-question{font-size:18px}.ranker-food-art{width:50px;height:48px;flex-basis:50px}.ranker-food-sprite{width:58px}.box-play{gap:8px}.box-next-card{min-height:78px}.box-next-food{width:58px;height:58px}.merge-box-stage{min-height:250px}}@media(min-width:720px)and (min-height:760px){.app-container{border-color:#56f8ff61;box-shadow:0 28px 90px #0000008f,0 0 44px #56f8ff24,inset 0 0 0 1px #ffffff0f}}.menu-list,.settings-group,.rewards,.food-modal-desc,.stat-box,.modal,.mode-card,.cat-score-card,.cat-game-area,.tray,.game-controls,.score-badge,.game-state-card{background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.26),transparent 36%),linear-gradient(180deg,#12585bc2,#0c3e46b8);border-color:#dcfff480;box-shadow:inset 0 1px #ffffff3d,inset 0 0 28px #8ff1d214,0 16px 34px #14635838}.bottom-nav{background:linear-gradient(180deg,#12585bd1,#0a3a44f0);border-top-color:#dcfff470;box-shadow:0 -14px 28px #0c4e643d,inset 0 1px #ffffff29}.nav-item.active{color:#dffaf2;background:radial-gradient(circle at 50% 0%,rgba(143,241,210,.32),rgba(143,241,210,.08) 60%,transparent);box-shadow:inset 0 0 0 1px #dcfff43d}.icon-btn,.close-btn,.cat-tool-button,.tool-round,.rec-badge,.timer-badge,.cat-timer-pill{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.24),transparent 42%),linear-gradient(180deg,#126062d6,#093843cc);border-color:#dcfff480;box-shadow:inset 0 1px #ffffff38,0 10px 24px #0b465e3d}.btn-primary,.btn-cyan{background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.42),transparent 40%),linear-gradient(180deg,#c9f8df,#55d98b 56%,#1f9f61);color:#06381f;box-shadow:0 16px 30px #1f9f613d,inset 0 1px #ffffff9e,inset 0 -10px 20px #0c6b4338}.btn-green{background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.4),transparent 38%),linear-gradient(180deg,#91eda0,#44c86e 58%,#238d4a);color:#053217}.btn-outline{border-color:#dcfff47a;background:linear-gradient(180deg,#12585ba3,#0c3e4694);color:#f8fdff}.coin-pill{border-color:#d3f5c4b8;background:linear-gradient(180deg,#e0fad06b,#2fbf7142);color:#eaffdf}.mode-cards.home-mode-cards .mode-card,.mode-card.active{background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.18),transparent 36%),linear-gradient(180deg,#0d3d65bd,#082646b8);border-color:#e2faff66}.mode-card.danger{background:radial-gradient(circle at 12% 12%,rgba(244,207,203,.18),transparent 36%),linear-gradient(180deg,#5c4440b8,#2c3334b3);border-color:#f4cfcb66}.mode-card.merge{background:radial-gradient(circle at 12% 12%,rgba(145,237,160,.24),transparent 36%),linear-gradient(180deg,#145b4bb8,#083240b3);border-color:#91eda07a}.cat-game-area{border-color:#e2faff85}.tray-title{color:#06381f;border-color:#dcfff4d1;background:linear-gradient(180deg,#dffaf2,#6cdd9c)}.junk-tray{border-color:#ff4b40e6;background:radial-gradient(circle at 18% 38%,rgba(255,122,92,.28),transparent 26%),radial-gradient(circle at 86% 26%,rgba(255,88,80,.18),transparent 30%),linear-gradient(180deg,#5f2a23d1,#252122c7)}.trash-area{background:transparent;border-color:transparent}.trash-text{color:#fff0df}@media(min-width:720px)and (min-height:760px){.app-container{border-color:#e2faffa8;box-shadow:0 28px 90px #08365061,0 0 44px #77dfff3d,inset 0 0 0 1px #ffffff38}}.screen-categorizer.categorizer-garden-bg{padding:max(10px,var(--sat)) 10px max(12px,var(--sab));background:linear-gradient(180deg,#05588f33,#ffffff05 38%,#42210529),url(../assets/images/backgrounds/categorizer-garden.webp) center center / cover no-repeat;color:#3a2412}.screen-categorizer.categorizer-garden-bg:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 9%,rgba(255,255,255,.3),transparent 28%),linear-gradient(180deg,rgba(1,50,74,.1) 0%,transparent 42%,rgba(79,38,4,.3) 100%);pointer-events:none}.screen-categorizer.categorizer-garden-bg .cat-hud{gap:8px}.screen-categorizer.categorizer-garden-bg .cat-top-bar{grid-template-columns:minmax(118px,.95fr) minmax(106px,.72fr) 46px;align-items:center;gap:8px;padding:1px 1px 0}.screen-categorizer.categorizer-garden-bg .cat-score-card,.screen-categorizer.categorizer-garden-bg .cat-timer-pill,.screen-categorizer.categorizer-garden-bg .cat-tool-button{border:1px solid rgba(116,76,30,.22);background:radial-gradient(circle at 24% 0%,rgba(255,255,255,.86),transparent 38%),linear-gradient(180deg,#fff9dce6,#ffe09dd1);box-shadow:inset 0 1px #ffffffb8,inset 0 -8px 18px #9754121f,0 12px 26px #59350e33;-webkit-backdrop-filter:blur(10px) saturate(132%);backdrop-filter:blur(10px) saturate(132%)}.screen-categorizer.categorizer-garden-bg .cat-score-card{min-height:84px;padding:9px 12px 8px;border-radius:20px;color:#402613}.screen-categorizer.categorizer-garden-bg .cat-score-label{color:#2f6c46;font-size:11px;letter-spacing:0}.screen-categorizer.categorizer-garden-bg .cat-score-value{margin:3px 0 6px;color:#3b2413;font-size:clamp(29px,7.4vw,39px);text-shadow:0 2px 0 rgba(255,255,255,.5)}.screen-categorizer.categorizer-garden-bg .cat-life-row{display:flex;align-items:center;gap:5px;padding-top:6px;border-top-color:#744c1e33;color:#5b3518}.screen-categorizer.categorizer-garden-bg .cat-timer-pill{height:44px;min-width:106px;color:#3f2816;border-radius:999px;font-size:15px}.screen-categorizer.categorizer-garden-bg .cat-timer-pill svg{color:#1f8f5a}.screen-categorizer.categorizer-garden-bg .cat-tool-button{width:46px;height:44px;border-radius:16px;color:#4a2a13}.screen-categorizer.categorizer-garden-bg .cat-tool-button:hover{border-color:#2f8f5a6b;background:radial-gradient(circle at 24% 0%,rgba(255,255,255,.9),transparent 38%),linear-gradient(180deg,#faffe1f0,#bceb94e0)}.screen-categorizer.categorizer-garden-bg .cat-game-area{border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.screen-categorizer.categorizer-garden-bg .cat-game-area:before{content:"";position:absolute;inset:auto -10px -12px;z-index:0;height:38%;border-radius:34px 34px 0 0;background:radial-gradient(ellipse at 50% 10%,rgba(255,244,199,.2),transparent 58%),linear-gradient(180deg,#60320d00,#60320d47);pointer-events:none}.screen-categorizer.categorizer-garden-bg .cat-canvas{z-index:1}@media(max-width:370px){.screen-categorizer.categorizer-garden-bg .cat-top-bar{grid-template-columns:minmax(106px,.95fr) minmax(96px,.74fr) 42px;gap:6px}.screen-categorizer.categorizer-garden-bg .cat-score-card{padding-inline:10px}.screen-categorizer.categorizer-garden-bg .cat-timer-pill{min-width:96px;padding-inline:9px}.screen-categorizer.categorizer-garden-bg .cat-tool-button{width:42px}}:root{--green: #188753;--cyan: #1a73e8;--cyan-strong: #0b57d0;--orange: #fbbc04;--red: #d93025;--black: #202124;--bg: #f8fbff;--deep-bg: #eaf5ff;--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .94);--surface-border: rgba(60, 64, 67, .12);--surface-highlight: rgba(255, 255, 255, .9);--text: #202124;--text-muted: #5f6368;--amber-glow: rgba(251, 188, 4, .18);--cyan-glow: rgba(26, 115, 232, .18);--sky-top: #ffffff;--sky-mid: #f5fbff;--sky-low: #d7ecff;--leaf: #34a853;--leaf-dark: #188753;--panel-radius: 24px;--control-radius: 999px}*{font-family:Google Sans,Product Sans,-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,Noto Sans TC,Segoe UI,sans-serif}body{background:radial-gradient(ellipse at 50% 72%,rgba(186,224,255,.78) 0%,rgba(219,239,255,.54) 28%,transparent 58%),linear-gradient(180deg,#fff,#fbfdff 34%,#f3f9ff);color:var(--text)}.app-container{background:radial-gradient(ellipse at 50% 70%,rgba(184,223,255,.72) 0%,rgba(218,238,255,.48) 31%,transparent 62%),linear-gradient(180deg,#fff,#fbfdff 38%,#f4faff);color:var(--text)}.app-container:before{inset:0;border-color:#3c404314;border-radius:inherit;box-shadow:inset 0 1px #ffffffeb}.app-container:after{inset:0;background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.78),transparent 22%),radial-gradient(circle at 82% 16%,rgba(230,245,255,.5),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.16),transparent 48%);opacity:1}@media(min-width:720px)and (min-height:760px){.app-container{border-color:#3c40431a;box-shadow:0 30px 90px #3c404324,0 8px 28px #1a73e814}}.screen{color:var(--text)}.screen-home,.screen-camera,.screen-collection,.screen-results,.screen-settings,.screen-tutorial,.screen-ranker,.screen-box-merge,.animated-gradient-screen{background:radial-gradient(ellipse at 50% 72%,rgba(184,223,255,.68) 0%,rgba(218,238,255,.46) 30%,transparent 62%),linear-gradient(180deg,#fff,#fbfdff 40%,#f3f9ff);color:var(--text);animation:none}.screen-home:before{opacity:0}.header,.home-top,.tutorial-top{background:#ffffffb8;border-color:#3c404317;color:var(--text);box-shadow:0 1px #3c40430a;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.home-top{background:transparent;box-shadow:none}.header h1,.header h2,h1,.modal h2,.results-content h2,.ranker-question,.box-next-card strong,.box-level-card strong{color:var(--text);text-shadow:none;letter-spacing:0}.header h1,.header h2{font-weight:650}.subtitle,.privacy-notice,.settings-title,.rewards h3,.organ-section h3,.mode-card p,.ranker-food-info span,.ranker-facts p,.box-level-card span,.box-rule-list span,.stat .lbl,.stat-box .lbl{color:var(--text-muted);text-shadow:none}.content,.home-content{scrollbar-color:rgba(26,115,232,.28) transparent}.back-btn,.icon-btn,.close-btn,.cat-tool-button,.tool-round,.box-icon-btn,.ranker-move-controls button{background:#ffffffdb;border:1px solid rgba(60,64,67,.1);color:#3c4043;box-shadow:0 8px 24px #3c40431a,inset 0 1px #ffffffe6;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.back-btn{background:transparent;box-shadow:none}.icon-btn:active,.back-btn:active,.close-btn:active,.tool-round:active,.cat-tool-button:active,.box-icon-btn:active,.ranker-move-controls button:active{background:#e8f0fee6;border-color:#1a73e833}.coin-pill,.ranker-pill,.timer-badge,.rec-badge,.cat-timer-pill,.new-record,.status-badge{background:#ffffffd1;border:1px solid rgba(60,64,67,.1);color:#3c4043;box-shadow:0 8px 22px #3c404317,inset 0 1px #ffffffe6}.coin-pill svg,.ranker-pill svg,.cat-timer-pill svg{color:var(--cyan)}.btn-primary,.btn-cyan,.btn-green{min-height:52px;border:0;background:linear-gradient(180deg,#4285f4,#1a73e8);color:#fff;box-shadow:0 14px 28px #1a73e838,inset 0 1px #ffffff47}.btn-red{background:linear-gradient(180deg,#ea4335,#d93025);color:#fff;box-shadow:0 14px 28px #d930252e}.btn-outline,.btn-text,.menu-item,.ctrl-btn{background:#ffffffc7;border-color:#3c40431f;color:#3c4043;box-shadow:0 10px 24px #3c404317,inset 0 1px #ffffffd6}.btn-outline:disabled{color:#5f636894;border-color:#3c404314;background:#ffffff7a}.btn-text{box-shadow:none;background:transparent;color:#5f6368}.btn-primary:hover,.btn-cyan:hover,.btn-green:hover{background:linear-gradient(180deg,#4f8ff5,#185abc)}.btn-outline:hover,.menu-item:hover,.setting-item:hover,.tab:hover,.mode-card:hover,.ranker-card:hover{background:#fffffff0;border-color:#1a73e82e}.menu-list,.settings-group,.rewards,.food-modal-desc,.stat-box,.modal,.mode-card,.cat-score-card,.cat-game-area,.tray,.game-controls,.score-badge,.game-state-card,.result-share-card,.result-share-card div,.stat,.item,.ranker-card,.ranker-facts,.box-hero-icon,.box-rule-list span,.box-level-card,.box-goal-card,.box-goal-card div,.box-next-card,.merge-box-stage,.privacy-notice,.feature-list li,.permission-art{background:linear-gradient(180deg,#ffffffeb,#ffffffbd),#ffffffd1;border-color:#3c40431a;color:var(--text);box-shadow:0 18px 46px #3c40431a,inset 0 1px #ffffffeb;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.menu-list,.settings-group,.rewards,.modal,.game-state-card{border-radius:var(--panel-radius)}.game-state-overlay .game-state-card{background:radial-gradient(circle at 50% 0%,#fffffffa,#ffffffd1 56%,#eff9ffe6),#fffffff0;border:1px solid rgba(15,23,42,.08);color:#0f172a;box-shadow:0 22px 54px #0f172a2e,inset 0 1px #fffffff5}.game-state-overlay .game-state-card svg{color:#111827}.game-state-overlay .game-state-card strong{color:#0f172a;text-shadow:none}.game-state-overlay .game-state-card span{color:#475569;font-weight:750;text-shadow:none}.game-state-overlay .game-state-card .btn-primary{width:100%;margin-top:6px;color:#fff;background:linear-gradient(180deg,#4d95ff,#1f6fea);box-shadow:inset 0 1px #ffffff47,0 10px 24px #1f6fea42}.pause-modal{width:min(386px,92vw);gap:12px;padding:22px 24px 24px}.pause-modal h2{margin:2px 44px 8px;color:#111827;font-size:21px;line-height:1.2;font-weight:850;text-shadow:none}.pause-modal .close-btn{top:18px;right:18px;width:32px;height:32px;color:#111827;background:#ffffffd6;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 18px #0f172a1a}.pause-action-group{display:grid;gap:8px;padding:10px;border-radius:26px;border:1px solid rgba(15,23,42,.08);background:#ffffff80;box-shadow:inset 0 1px #ffffffc7}.pause-modal .pause-action-primary,.pause-modal .pause-action-secondary,.pause-modal .btn-red{min-height:46px;margin:0;padding:12px 16px;font-size:15px;line-height:1.2;font-weight:780}.pause-modal .pause-action-secondary{background:#ffffffc7;border-color:#0f172a1a;color:#334155}.pause-modal .menu-list{margin-top:4px;border-radius:20px}.pause-modal .menu-item{min-height:44px;padding:10px 16px;color:#334155;font-size:14px;line-height:1.2;font-weight:720}.pause-setting-item{gap:12px}.pause-setting-value{margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:#64748b;font-weight:760;white-space:nowrap}.pause-modal .menu-item svg{width:18px;height:18px}.pause-modal .btn-red{margin-top:2px;color:#fff;background:linear-gradient(180deg,#ff4d43,#e12d25);box-shadow:0 14px 26px #e12d2538}.setting-item,.menu-item{border-color:#3c404314}.screen-settings .settings-group{border:1px solid rgba(60,64,67,.08);box-shadow:0 14px 38px #3c404317,inset 0 1px #ffffffeb}.toggle{background:#e8eaede6;border:1px solid rgba(60,64,67,.1);box-shadow:inset 0 1px 2px #3c404314}.toggle.active{background:#1a73e8}.knob{box-shadow:0 2px 8px #3c404338}.home-content{justify-content:center;gap:clamp(18px,3.4vh,30px);padding:10px 20px 22px}.home-center{gap:0;padding-top:clamp(10px,5vh,58px)}.home-logo.text-brand-logo{width:min(100%,390px);color:#2b8f2f;font-size:clamp(38px,8.8vw,58px);font-weight:950;line-height:1;text-align:center;letter-spacing:0;-webkit-text-stroke:1.8px rgba(16,82,30,.96);text-shadow:0 1px 0 #f5ffd9,0 2px 0 #1f7d28,0 4px 0 rgba(8,72,28,.9),0 9px 18px rgba(25,78,34,.28),0 0 1px rgba(5,48,18,.9);filter:drop-shadow(0 10px 14px rgba(34,94,34,.24))}.home-logo.text-brand-logo span{display:inline-block;padding:0 4px 3px;background:linear-gradient(180deg,#ecff94,#94df3f 38%,#2ea23c 68%,#106a2a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.home-logo.text-brand-logo.is-english,.home-logo.text-brand-logo.is-chinese{min-height:auto;width:min(100%,390px)}.home-logo.text-brand-logo.is-chinese{font-size:clamp(34px,8vw,52px)}.home-hero-card,.home-center .mascot-sprite-stage{display:none}.home-actions{flex:0 0 auto;width:100%;margin:0 auto}.mode-cards.home-mode-cards{width:min(100%,382px);margin:0 auto;display:flex;flex-direction:column;gap:12px;overflow:visible;padding:0;scroll-snap-type:none}.mode-cards.home-mode-cards::-webkit-scrollbar{display:none}.mode-cards.home-mode-cards .mode-card{flex:0 0 auto;width:100%;min-height:88px;padding:10px 12px;gap:10px;appearance:none;cursor:pointer;border:0;border-radius:24px;background:#ffffffd1;scroll-snap-align:unset;box-shadow:0 18px 40px #3c404324,inset 0 1px #ffffffeb}.mode-cards.home-mode-cards .mode-card:focus-visible{outline:3px solid rgba(26,115,232,.62);outline-offset:3px}.mode-cards.home-mode-cards .mode-card.active{min-height:88px;padding:10px 12px;margin-bottom:0;background:#fffffff5;box-shadow:0 18px 44px #3c404329,inset 0 1px #fffffff5}.mode-cards.home-mode-cards .mode-card.active .info{order:2}.mode-cards.home-mode-cards .mode-card.active .icon{order:1;margin-left:0}.mode-cards.home-mode-cards .mode-card .icon,.mode-card .icon,.ranker-food-art,.box-next-food{border:1px solid rgba(60,64,67,.08);background:radial-gradient(circle at 50% 15%,#fffffff5,#e8f0fe9e 64%),#f1f7ff;box-shadow:inset 0 1px #ffffffeb}.mode-cards.home-mode-cards .mode-card h3,.mode-card h3,.ranker-food-info h4,.ranker-facts h3,.food-modal-desc h3,.rewards h3{color:var(--text);text-shadow:none}.mode-cards.home-mode-cards .mode-card p{color:#5f6368;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mode-cards.home-mode-cards .mode-card{flex-direction:row;justify-content:flex-start;text-align:left}.mode-cards.home-mode-cards .mode-card .icon{order:1;flex:0 0 58px;width:58px;height:58px;border-radius:17px;margin-left:0;margin-right:0}.mode-cards.home-mode-cards .mode-card .info{order:2;flex:1 1 auto;min-width:0}.home-mode-tags{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:5px}.home-mode-status{display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-height:20px;margin-top:0;padding:3px 8px;border-radius:999px;background:#2fbf711f;color:#167a52;font-size:10px;font-weight:900;line-height:1}.home-mode-status.is-level{background:#1a73e81f;color:#1a73e8}.mode-cards.home-mode-cards .mode-card h3{margin-bottom:3px;font-size:14px;line-height:1.08;font-weight:950}.mode-cards.home-mode-cards .mode-card p{font-size:11px;line-height:1.18;-webkit-line-clamp:2}.home-mode-start{order:3;flex:0 0 auto;min-width:72px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 11px;border:1px solid rgba(37,132,35,.24);border-radius:999px;background:radial-gradient(circle at 24% 0%,rgba(255,255,255,.46),transparent 42%),linear-gradient(180deg,#78d83b,#27a21d);color:#fff;font-size:12px;font-weight:950;line-height:1;text-shadow:0 1px 0 rgba(37,91,9,.28);pointer-events:none;box-shadow:inset 0 1px #ffffff61,inset 0 -2px #19630c47,0 7px 14px #278f1a2e}.home-mode-start:active{transform:translateY(1px) scale(.99)}.screen-camera .privacy-notice{color:#5f6368}.camera-error,.ranker-feedback.wrong{border-color:#d9302533;background:#fde8e6e0;color:#a50e0e}.ranker-feedback.correct{border-color:#18803833;background:#e6f4eae6;color:#137333}.tabs{padding-bottom:10px}.tab{background:#ffffffc7;border-color:#3c40431a;color:#5f6368;box-shadow:0 8px 20px #3c404314}.tab.active{background:#1a73e8;color:#fff;border-color:#1a73e8;box-shadow:0 10px 22px #1a73e833}.item.collected{border-color:#34a85347;background:radial-gradient(circle at 50% 18%,#e8f5e9eb,#ffffffc7),#fff}.check{background:#34a853;color:#fff;box-shadow:0 4px 12px #34a85342}.final-score,.stat .val,.stat-box .val,.ranker-fact-row span:last-child,.cat-score-value,.score-val,.box-stars{color:#1a73e8;text-shadow:none}.result-share-card span{color:#5f6368}.result-share-card strong,.food-modal-desc p,.score-top,.cat-score-label,.cat-life-row,.ranker-fact-row span:first-child,.box-goal-card strong,.box-next-card span,.box-next-card strong,.box-goal-card span{color:var(--text);text-shadow:none}.screen-results{background:radial-gradient(ellipse at 50% 30%,rgba(232,240,254,.76),transparent 42%),radial-gradient(ellipse at 50% 78%,rgba(184,223,255,.62),transparent 58%),linear-gradient(180deg,#fff,#f7fbff)}.stars,.result-star,.reward-icon,.permission-art,.tutorial-scene,.reward img{filter:drop-shadow(0 10px 20px rgba(60,64,67,.12))}.screen-ranker .header,.screen-box-merge .header{background:#ffffffc2}.ranker-card.correct{border-color:#34a85366;background:radial-gradient(circle at 18% 0%,rgba(232,245,233,.95),transparent 48%),#ffffffe0;box-shadow:0 16px 36px #34a8531a}.ranker-card.wrong{border-color:#d9302552;background:radial-gradient(circle at 18% 0%,rgba(253,232,230,.92),transparent 48%),#ffffffe0;box-shadow:0 16px 36px #d9302514}.ranker-position{border-color:#1a73e829;background:#e8f0fecc;color:#1a73e8}.ranker-drag-handle{color:#5f636894}.ranker-card.is-draggable:hover .ranker-drag-handle,.ranker-card.dragging .ranker-drag-handle{color:#1a73e8}.ranker-card.dragging{border-color:#1a73e861;background:radial-gradient(circle at 18% 0%,rgba(232,240,254,.98),transparent 48%),#ffffffe6;box-shadow:0 18px 42px #1a73e824}.ranker-card.drop-target{border-color:#1a73e847;box-shadow:0 18px 42px #1a73e81a,inset 0 1px #ffffffeb}.ranker-move-controls button:disabled{color:#5f636880;border-color:#3c404314;background:#f8faffbd;box-shadow:none}.box-progress{background:#e8eaede6}.box-progress span{background:linear-gradient(90deg,#1a73e8,#34a853)}.merge-box-stage{background:radial-gradient(ellipse at 50% 12%,rgba(232,240,254,.94),transparent 40%),linear-gradient(180deg,#ffffffeb,#deeefcc7)}.screen-box-merge{background:radial-gradient(ellipse at 50% 22%,rgba(255,246,196,.7),transparent 34%),radial-gradient(ellipse at 50% 100%,rgba(167,114,48,.28),transparent 34%),linear-gradient(180deg,#f8fcff,#eff8ff 42%,#fff0c9)}.screen-box-merge .box-play{background:linear-gradient(180deg,#fff0,#fff4cc2e)}.screen-box-merge .box-goal-card,.screen-box-merge .box-next-card{border-color:#a66b231f;background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.9),transparent 44%),#ffffffd6;box-shadow:0 14px 30px #6052371a,inset 0 1px #ffffffe6}.screen-box-merge .merge-box-stage{align-items:center;padding:26px 16px 22px;border:0;background:radial-gradient(ellipse at 50% 16%,rgba(255,255,255,.95),transparent 28%),linear-gradient(180deg,#f6fbfffa,#d6ebfac7 48%,#b8925c29);box-shadow:inset 0 1px #ffffffe0,0 14px 34px #404e5c1f;perspective:760px}.screen-box-merge .merge-box-stage:before{content:"";position:absolute;left:9%;right:9%;bottom:16px;height:46px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(87,54,18,.22),transparent 68%);filter:blur(4px);pointer-events:none}.screen-box-merge .merge-box{height:min(512px,100%);transform:rotateX(4deg);transform-origin:50% 100%;border:0;border-radius:22px 22px 30px 30px;background:linear-gradient(90deg,rgba(255,255,255,.26) 0 2px,transparent 2px) 0 0 / var(--slot-width, 25%) 100%,radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.74),transparent 36%),linear-gradient(180deg,#fffabdd1,#ecdf96cc 70%,#b17e4880);box-shadow:inset 0 0 0 7px #fff7a2e6,inset 0 16px 24px #ffffff38,inset 0 -36px 42px #7c4e1a38,0 20px 24px #62461d33,0 34px 48px #404e5c1f}.screen-box-merge .merge-box:before,.screen-box-merge .merge-box:after{content:"";position:absolute;inset:7px;border-radius:17px 17px 24px 24px;pointer-events:none}.screen-box-merge .merge-box:before{border:2px solid rgba(255,255,255,.38);box-shadow:inset 18px 0 28px #915b1c1f,inset -18px 0 28px #915b1c1f}.screen-box-merge .merge-box:after{background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 30%,rgba(99,62,20,.1))}.screen-box-merge .merge-box-floor{left:0;right:0;height:calc(var(--floor-height, 16%) + 4px);border-radius:0 0 25px 25px;background:linear-gradient(90deg,rgba(255,255,255,.16) 0 1px,transparent 1px) 0 0 / 32px 100%,linear-gradient(180deg,#d6a86e,#a97843);box-shadow:inset 0 8px #ffffff29,inset 0 -10px 18px #56321138}.screen-box-merge .merge-fail-line{left:7px;right:7px;z-index:6;background:#ff5f56bd}.screen-box-merge .merge-column-hit{z-index:8}.screen-box-merge .merge-food{z-index:7;background:radial-gradient(circle at 50% 24%,#fffffff2,#ffffffa8);box-shadow:0 7px 8px #5a36102e,0 13px 18px #392c172e}.screen-categorizer.categorizer-garden-bg .cat-score-card,.screen-categorizer.categorizer-garden-bg .cat-timer-pill,.screen-categorizer.categorizer-garden-bg .cat-tool-button{border-color:#3c40431a;background:linear-gradient(180deg,#fffffff0,#ffffffb8),#ffffffd6;color:var(--text);box-shadow:0 12px 30px #3c40431c,inset 0 1px #ffffffeb}.screen-categorizer.categorizer-garden-bg .cat-score-value,.screen-categorizer.categorizer-garden-bg .cat-score-label,.screen-categorizer.categorizer-garden-bg .cat-life-row,.screen-categorizer.categorizer-garden-bg .cat-timer-pill,.screen-categorizer.categorizer-garden-bg .cat-tool-button{color:var(--text)}.screen-categorizer.categorizer-garden-bg .cat-timer-pill svg{color:#1a73e8}.tray-title{color:#1a73e8;border-color:#1a73e81f;background:#e8f0fee6;box-shadow:none}.junk-tray{border-color:#d930252e;background:linear-gradient(180deg,#ffffffe6,#fde8e6b3),#ffffffd1}.trash-text,.junk-zone-sign{color:#3c4043}.game-controls{border-radius:28px 28px 0 0}.ctrl-btn.stop{background:linear-gradient(180deg,#ea4335,#d93025);color:#fff;border-color:transparent}.modal-overlay{background:#f8fbff94;backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}.app-modal-overlay{position:absolute;inset:0;z-index:170;display:flex;align-items:center;justify-content:center;padding:max(12px,var(--sat)) 12px max(12px,var(--sab));background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.72),transparent 38%),#eff8ffad;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}.app-modal-shell{width:min(396px,calc(100% - 16px));height:min(760px,calc(100% - 24px));min-height:0;overflow:hidden;border:1px solid rgba(60,64,67,.12);border-radius:30px;background:linear-gradient(180deg,#fffffff5,#f4fafff0);box-shadow:0 30px 70px #2a57733d,inset 0 1px #fffffff5}.app-modal-shell-settings{height:min(650px,calc(100% - 24px))}.screen-as-modal{height:100%;border-radius:inherit;background:radial-gradient(ellipse at 50% 74%,rgba(184,223,255,.5) 0%,rgba(218,238,255,.32) 34%,transparent 66%),linear-gradient(180deg,#fff,#fbfdff 44%,#f3f9ff)}.screen-as-modal .header{min-height:56px;padding:8px 14px;border-radius:30px 30px 0 0;background:#ffffffc7}.screen-as-modal .modal-screen-header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.96),transparent 62%),#ffffffd1}.screen-as-modal .modal-screen-header h2{margin:0;color:#202124;font-size:19px;font-weight:850;line-height:1.1;text-align:center}.modal-header-spacer{width:40px;height:40px}.screen-as-modal .content{padding:14px 16px 20px}.screen-as-modal .collection-grid{gap:22px;padding-bottom:28px}.screen-as-modal .tabs{margin-bottom:18px;padding-bottom:10px}.screen-as-modal .modal-header-close{width:40px;height:40px;margin-left:0;justify-content:center;border:1px solid rgba(60,64,67,.1);border-radius:999px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.9),transparent 54%),#ffffffc2;color:#202124;box-shadow:0 8px 18px #3c404314,inset 0 1px #ffffffdb}.screen-as-modal .collection-content{padding:12px 14px 18px}.collection-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:end;margin-bottom:14px;padding:14px;border:1px solid rgba(52,168,83,.16);border-radius:22px;background:radial-gradient(circle at 12% 0%,rgba(52,168,83,.16),transparent 44%),linear-gradient(180deg,#ffffffeb,#eef8efbd);box-shadow:inset 0 1px #ffffffe6,0 12px 28px #34634814}.collection-summary-main,.collection-summary-side{min-width:0}.collection-summary-main span,.collection-summary-side span{display:block;color:#5f6368;font-size:11px;font-weight:850;line-height:1.1}.collection-summary-main strong{display:inline-block;margin-top:2px;color:#188038;font-size:30px;font-weight:950;line-height:.9}.collection-summary-main small{margin-left:4px;color:#5f6368;font-size:13px;font-weight:850}.collection-summary-side{justify-self:end;padding:8px 10px;border-radius:16px;background:#ffffffb8;text-align:right}.collection-summary-side strong{display:block;margin-top:2px;color:#202124;font-size:15px;font-weight:950}.collection-progress{grid-column:1 / -1;height:9px;overflow:hidden;border-radius:999px;background:#3c40431a}.collection-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#34a853,#8bdc42);box-shadow:0 0 10px #34a85352}.collection-tabs{gap:7px;margin-bottom:14px;padding-bottom:8px}.collection-tabs .tab{min-height:42px;display:grid;grid-template-columns:1fr;align-content:center;gap:1px;padding:7px 13px;border-color:#3c404314;background:#ffffffc7;color:#3c4043;box-shadow:0 8px 18px #3c40430f}.collection-tabs .tab small{color:#6f7b7d;font-size:9px;font-weight:900;line-height:1}.collection-tabs .tab.active{border-color:#34a8533d;background:linear-gradient(180deg,#38c96a,#188038);color:#fff;box-shadow:0 10px 22px #34a8532e}.collection-tabs .tab.active small{color:#ffffffd1}.organ-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.organ-section-heading h3{margin:0;color:#24582d;font-size:14px;font-weight:950}.organ-section-heading span{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#ffffffb8;color:#188038;font-size:11px;font-weight:950}.screen-as-modal .organ-section .grid{gap:10px}.screen-as-modal .item{border:1px solid rgba(60,64,67,.08);background:radial-gradient(circle at 50% 16%,#fffffff5,#e8f0fe8f 72%),#fff;box-shadow:inset 0 1px #ffffffeb,0 10px 20px #3c404314}.screen-as-modal .item.collected{border-color:#34a85357;background:radial-gradient(circle at 50% 18%,#e8f5e9fa,#ffffffd1),#fff;box-shadow:inset 0 1px #fffffff2,0 10px 20px #34a8531f}.screen-as-modal .item:active{transform:translateY(1px) scale(.985)}.screen-as-modal .grayscale{filter:grayscale(1) opacity(.34)}.screen-as-modal .check{top:-7px;right:-7px;width:19px;height:19px;color:#fff;box-shadow:0 4px 10px #34a85352,inset 0 1px #ffffff52}.screen-as-modal .food-modal{width:min(320px,100%);padding:46px 18px 18px;border-color:#34a8532e;border-radius:28px;background:radial-gradient(circle at 50% 0%,rgba(232,245,233,.92),transparent 38%),linear-gradient(180deg,#fffffffa,#f8fcf7f5);color:#202124}.screen-as-modal .food-modal .close-btn{top:12px;right:12px;color:#3c4043;background:#ffffffd6;border-color:#3c40431a}.screen-as-modal .food-modal-header h2{color:#202124;font-size:22px;font-weight:950}.screen-as-modal .food-modal-stats{margin-bottom:14px}.screen-as-modal .stat-box{border-color:#34a85324;background:#ffffffc7}.screen-as-modal .stat-box .lbl{color:#5f6368}.screen-as-modal .stat-box .val{color:#188038;font-size:16px}.screen-as-modal .food-modal-desc{border-color:#34a85324;background:#ffffffb8}.screen-as-modal .food-modal-desc h3{color:#24582d}.screen-as-modal .food-modal-desc p{color:#3c4043}.screen-as-modal .modal-header-close:active{transform:translateY(1px) scale(.98)}@media(max-width:390px),(max-height:720px){.app-modal-overlay{padding-inline:8px}.app-modal-shell{width:min(372px,calc(100% - 10px));height:calc(100% - 18px);border-radius:24px}.app-modal-shell-settings{height:min(610px,calc(100% - 18px))}.screen-as-modal .header{border-radius:24px 24px 0 0}.screen-as-modal .content{padding-inline:14px}}.mode-jump-menu{border-color:#3c40431a;background:linear-gradient(180deg,#fffffff5,#ffffffdb),#ffffffe6;box-shadow:0 20px 46px #3c404324,inset 0 1px #ffffffeb}.mode-jump-menu button{color:var(--text)}.mode-jump-menu button:hover,.mode-jump-menu button:focus-visible{background:#e8f0fed1}@media(max-height:760px){.home-content{gap:18px}.home-center{padding-top:10px}.mode-cards.home-mode-cards .mode-card.active{min-height:96px;margin-bottom:0}}.screen-categorizer.categorizer-garden-bg{background:linear-gradient(180deg,#ffffff14,#ffffff05 44%,#4221052e),url(../assets/images/backgrounds/categorizer-garden.webp) center center / 100% 100% no-repeat;color:var(--text)}.screen-categorizer.categorizer-garden-bg:before{background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.28),transparent 26%),linear-gradient(180deg,rgba(1,50,74,.08),transparent 46%,rgba(79,38,4,.22))}.screen-categorizer.categorizer-garden-bg .cat-score-card,.screen-categorizer.categorizer-garden-bg .cat-timer-pill,.screen-categorizer.categorizer-garden-bg .cat-tool-button{border-color:#3c40431a;background:linear-gradient(180deg,#fffffff0,#ffffffc2),#ffffffdb;color:var(--text);box-shadow:0 14px 34px #3c40431c,inset 0 1px #ffffffeb}.screen-categorizer.categorizer-garden-bg{padding:max(12px,var(--sat)) 20px max(10px,var(--sab))}.screen-categorizer.categorizer-garden-bg .cat-top-bar{grid-template-columns:1fr 1.12fr 1.36fr .78fr;align-items:center;gap:8px;padding:0}.screen-categorizer.categorizer-garden-bg .cat-stat-pill{min-width:0;height:clamp(34px,4.7vh,42px);display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.2vw,7px);padding:0 clamp(6px,1.8vw,10px);border:1px solid rgba(255,255,255,.58);border-radius:999px;background:linear-gradient(135deg,#ffffff3d,#ffffff14),#0c2d48a8;color:#fff;box-shadow:inset 0 1px #ffffff5c,inset 0 -1px #ffffff1f,0 7px 18px #1547582e;backdrop-filter:blur(10px) saturate(145%);-webkit-backdrop-filter:blur(10px) saturate(145%)}.screen-categorizer.categorizer-garden-bg .cat-stat-icon{display:block;flex:0 0 auto;font-size:clamp(17px,4.4vw,24px);line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.screen-categorizer.categorizer-garden-bg .cat-stat-value{display:block;color:#fff;font-size:clamp(17px,4.4vw,24px);font-weight:950;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px rgba(0,0,0,.3)}.screen-categorizer.categorizer-garden-bg .cat-timer-pill .cat-stat-value{font-size:clamp(16px,4vw,22px)}.screen-categorizer.categorizer-garden-bg .cat-tool-button{width:auto;min-width:0;color:#fff;cursor:pointer}.screen-categorizer.categorizer-garden-bg .cat-tool-button svg{width:clamp(19px,4.8vw,25px);height:clamp(19px,4.8vw,25px);stroke-width:2.6;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}@media(max-width:390px){.screen-categorizer.categorizer-garden-bg{padding-inline:12px;padding-top:max(10px,var(--sat))}.screen-categorizer.categorizer-garden-bg .cat-top-bar{gap:5px}.screen-categorizer.categorizer-garden-bg .cat-stat-pill{height:32px;padding-inline:6px;gap:4px}.screen-categorizer.categorizer-garden-bg .cat-stat-icon,.screen-categorizer.categorizer-garden-bg .cat-stat-value{font-size:16px}.screen-categorizer.categorizer-garden-bg .cat-timer-pill .cat-stat-value{font-size:15px}}.screen-categorizer.categorizer-garden-bg{padding:max(10px,var(--sat)) clamp(10px,3.2vw,16px) max(8px,var(--sab));background:linear-gradient(180deg,#ffffff0f,#fff0 42%,#42210529),url(../assets/images/backgrounds/categorizer-garden.webp) center center / cover no-repeat;color:var(--text)}.screen-categorizer.categorizer-garden-bg:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 7%,rgba(255,255,255,.2),transparent 25%),linear-gradient(180deg,rgba(1,50,74,.06),transparent 48%,rgba(79,38,4,.18));pointer-events:none}.screen-categorizer.categorizer-garden-bg .cat-hud{gap:0}.screen-categorizer.categorizer-garden-bg .cat-top-bar{grid-template-columns:1fr 1.06fr 1.34fr auto;align-items:center;gap:clamp(5px,1.8vw,8px);padding:0}.screen-categorizer.categorizer-garden-bg .cat-stat-pill{min-width:0;height:clamp(30px,4.15vh,37px);display:flex;align-items:center;justify-content:center;gap:clamp(3px,1vw,6px);padding:0 clamp(5px,1.5vw,9px);border:1px solid rgba(255,255,255,.56);border-radius:999px;background:linear-gradient(135deg,#ffffff3d,#ffffff14),#0c2d48a3;color:#fff;box-shadow:inset 0 1px #ffffff57,inset 0 -1px #ffffff1f,0 6px 15px #15475829;backdrop-filter:blur(10px) saturate(145%);-webkit-backdrop-filter:blur(10px) saturate(145%)}.screen-categorizer.categorizer-garden-bg .cat-stat-icon{display:block;flex:0 0 auto;font-size:clamp(15px,3.8vw,21px);line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))}.screen-categorizer.categorizer-garden-bg .cat-stat-value{display:block;color:#fff;font-size:clamp(16px,3.9vw,21px);font-weight:950;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px rgba(0,0,0,.28)}.screen-categorizer.categorizer-garden-bg .cat-timer-pill{min-width:0;color:#fff}.screen-categorizer.categorizer-garden-bg .cat-timer-pill .cat-stat-value{font-size:clamp(15px,3.7vw,20px)}.screen-categorizer.categorizer-garden-bg .cat-tool-button{width:clamp(30px,4.15vh,37px);min-width:0;padding-inline:0;color:#fff;cursor:pointer}.screen-categorizer.categorizer-garden-bg .cat-tool-button svg{width:clamp(17px,4.2vw,22px);height:clamp(17px,4.2vw,22px);stroke-width:2.6;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))}.screen-categorizer.categorizer-garden-bg .cat-tool-button:hover{border-color:#ffffffc2;background:linear-gradient(135deg,#ffffff4d,#ffffff1a),#0c2d48bd}.screen-categorizer.categorizer-garden-bg .cat-tool-button:active{transform:translateY(1px) scale(.985)}.screen-categorizer.categorizer-garden-bg .cat-game-area{margin-top:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.screen-categorizer.categorizer-garden-bg .cat-game-area:before{display:none}@media(max-width:390px){.screen-categorizer.categorizer-garden-bg{padding-inline:10px;padding-top:max(8px,var(--sat))}.screen-categorizer.categorizer-garden-bg .cat-top-bar{gap:4px}.screen-categorizer.categorizer-garden-bg .cat-stat-pill{height:30px;padding-inline:5px;gap:3px}.screen-categorizer.categorizer-garden-bg .cat-stat-icon,.screen-categorizer.categorizer-garden-bg .cat-stat-value{font-size:15px}.screen-categorizer.categorizer-garden-bg .cat-timer-pill .cat-stat-value{font-size:14px}}.screen-categorizer-levels{background:linear-gradient(180deg,#ffffffd1,#f2faffeb),url(../assets/images/backgrounds/categorizer-garden.webp) center center / cover no-repeat;color:var(--text)}.screen-categorizer-levels .header{position:relative;background:#ffffff94;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}.screen-categorizer-levels.is-levels-scrolled .header{background:#ffffffdb;border-bottom-color:#7fb84b38;box-shadow:0 8px 18px #4d6e2614}.cat-level-score-pill{height:36px;min-width:66px;display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-left:4px;padding:0 10px;border:1px solid rgba(255,199,82,.42);border-radius:999px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.76),transparent 48%),linear-gradient(180deg,#fff5c4f0,#ffda76e0);color:#6a4315;font-size:13px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px #ffffffbd,0 8px 14px #7653181a}.cat-level-score-pill svg{color:#df940a;flex:0 0 auto}.cat-level-appbar-logo{position:absolute;left:50%;top:50%;z-index:1;width:min(142px,32vw);max-height:40px;object-fit:contain;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%) translateY(5px) scale(.92);filter:drop-shadow(0 6px 8px rgba(72,90,28,.16));transition:opacity .18s ease,transform .18s ease}.screen-categorizer-levels.is-levels-scrolled .cat-level-appbar-logo{opacity:1;width:min(120px,30vw);transform:translate(-30%,-50%) translateY(0) scale(1)}.levels-home-btn,.levels-collection-btn{margin-left:auto}.levels-settings-btn{margin-left:8px}.categorizer-levels-content{gap:14px;padding-top:14px;padding-bottom:calc(110px + var(--sab));text-align:left}.levels-hero{padding:18px;border:1px solid rgba(255,255,255,.68);border-radius:22px;background:linear-gradient(135deg,#ffffffdb,#ebfaffb8),#ffffffb8;box-shadow:0 14px 34px #3c40431a,inset 0 1px #ffffffeb}.levels-kicker{display:inline-flex;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:#1a73e81a;color:#0b57d0;font-size:12px;font-weight:850}.levels-hero h1{margin:0 0 6px;color:var(--text);font-size:30px;line-height:1.05;letter-spacing:0}.levels-hero p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.45}.levels-list{display:grid;gap:10px}.level-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:96px;padding:13px;border:1px solid rgba(60,64,67,.1);border-radius:20px;background:linear-gradient(135deg,#fffffff0,#ffffffb8),#ffffffe0;color:var(--text);text-align:left;box-shadow:0 12px 26px #3c404317,inset 0 1px #ffffffeb;cursor:pointer}.level-row.is-current{border-color:#1a73e857;box-shadow:0 14px 30px #1a73e824,inset 0 1px #fffffff0}.level-row.is-selected{outline:2px solid rgba(26,115,232,.18)}.level-row.is-locked{cursor:not-allowed;opacity:.66}.level-row-main{display:flex;align-items:center;gap:12px;min-width:0}.level-number{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(180deg,#e8f0fe,#d2e3fc);color:#0b57d0;font-size:15px;font-weight:950;font-variant-numeric:tabular-nums}.level-copy{min-width:0}.level-copy strong{display:block;margin-bottom:4px;color:var(--text);font-size:16px;line-height:1.12}.level-copy span{display:block;color:var(--text-muted);font-size:12px;line-height:1.25}.level-metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.level-metrics span{min-height:24px;display:flex;align-items:center;justify-content:center;padding:4px 5px;border-radius:999px;background:#e8f0fed1;color:#3c4043;font-size:11px;font-weight:800;white-space:nowrap}.level-status{align-self:start;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:#34a8531a;color:#188038;font-size:12px;font-weight:900;white-space:nowrap}.level-row.is-current .level-status{background:#1a73e81a;color:#0b57d0}.level-row.is-locked .level-status{background:#5f63681a;color:#5f6368}.levels-load-more{width:100%;min-height:48px;border:1px solid rgba(26,115,232,.18);border-radius:18px;background:#ffffffc7;color:#0b57d0;font-weight:900;box-shadow:0 10px 22px #3c404314}@media(max-width:390px){.levels-hero{padding:15px;border-radius:20px}.levels-hero h1{font-size:27px}.level-row{min-height:92px;padding:11px;border-radius:18px}.level-number{width:48px;height:48px;flex-basis:48px;border-radius:14px;font-size:14px}.level-copy strong{font-size:15px}.level-status{padding:6px 7px;font-size:11px}.level-metrics span{font-size:10px;padding-inline:3px}}.cat-level-hero-card{position:relative;min-height:176px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px 8px 12px;border:2px solid rgba(109,182,70,.28);border-radius:24px;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.9),transparent 30%),radial-gradient(circle at 6% 8%,rgba(198,239,126,.36),transparent 28%),linear-gradient(180deg,#fffce6fa,#fff3cdeb);box-shadow:0 18px 38px #4a6d1f2e,inset 0 1px #fffffff0}.cat-level-hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 92%,rgba(59,151,48,.18),transparent 24%),radial-gradient(circle at 96% 86%,rgba(255,190,72,.16),transparent 22%);pointer-events:none}.cat-level-title-sr{position:absolute;z-index:1;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.cat-level-banner-art{position:relative;z-index:1;display:block;width:min(100%,380px);height:auto;max-height:164px;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 18px rgba(73,73,17,.16))}.cat-level-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 6px}.cat-level-section-title h2{margin:0;color:#244a13;font-size:22px;font-weight:950;line-height:1.05}.cat-level-section-title span{padding:6px 10px;border-radius:999px;background:#34a8531f;color:#188038;font-size:12px;font-weight:950}.cat-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-level-grid-card{position:relative;min-width:0;aspect-ratio:1 / 1;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:6px;padding:10px;border:2px solid rgba(255,191,67,.32);border-radius:21px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.72),transparent 40%),linear-gradient(180deg,#fff8d8,#ffd679);color:#3d2b10;text-align:left;box-shadow:0 12px 20px #7053191c,inset 0 2px #ffffffad;cursor:pointer}.cat-level-grid-card.is-current{border-color:#2fa51e94;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.78),transparent 42%),linear-gradient(180deg,#edffd6,#a9ec61);box-shadow:0 14px 26px #2fa51e38,0 0 0 4px #4ec92c24,inset 0 2px #ffffffbd}.cat-level-grid-card.is-selected{outline:2px solid rgba(47,165,30,.26)}.cat-level-grid-card.is-locked{border-color:#91816338;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.55),transparent 42%),linear-gradient(180deg,#f2eddf,#d5c8ae);color:#786b59;cursor:not-allowed}.cat-level-card-top,.cat-level-card-metrics{display:flex;align-items:center;justify-content:space-between;gap:5px}.cat-level-badge,.cat-level-card-status,.cat-level-card-metrics span{min-width:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:950;white-space:nowrap}.cat-level-badge{padding:5px 8px;background:#ffffffb8;color:#2f6b16;font-size:12px}.cat-level-card-status{gap:3px;padding:5px 6px;background:#ffffff85;color:#188038;font-size:10px}.cat-level-grid-card.is-locked .cat-level-card-status{color:#6b6254}.cat-level-card-icon{height:44px;display:grid;place-items:center}.cat-level-food-stack{display:flex;align-items:center;justify-content:center;isolation:isolate}.cat-level-food-icon{width:68px;aspect-ratio:7 / 5;filter:drop-shadow(0 7px 8px rgba(75,47,8,.22))}.cat-level-food-stack .cat-level-food-icon{width:49px;margin-inline:-9px}.cat-level-food-stack .cat-level-food-icon:nth-child(1){transform:rotate(-8deg) translateY(4px)}.cat-level-food-stack .cat-level-food-icon:nth-child(2){z-index:2;transform:translateY(-3px) scale(1.12)}.cat-level-food-stack .cat-level-food-icon:nth-child(3){transform:rotate(8deg) translateY(4px)}.cat-level-card-copy{min-width:0;text-align:center}.cat-level-card-copy strong{display:block;overflow:hidden;color:#2d2b1e;font-size:13px;font-weight:950;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.cat-level-card-copy span{display:block;margin-top:3px;overflow:hidden;color:#3d2b10ad;font-size:10px;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.cat-level-stars{min-height:18px;color:#f4a914;font-size:15px;font-weight:950;letter-spacing:0;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.7)}.cat-level-card-metrics span{flex:1;padding:4px 5px;background:#ffffff8c;color:#5d461f;font-size:10px}@media(max-width:390px){.cat-level-hero-card{min-height:150px;padding:8px 7px 10px;border-radius:22px}.cat-level-banner-art{width:min(100%,324px);max-height:134px}.cat-level-grid{gap:8px}.cat-level-grid-card{padding:8px;border-radius:18px}.cat-level-card-icon{height:38px}.cat-level-food-icon{width:58px}.cat-level-food-stack .cat-level-food-icon{width:43px;margin-inline:-8px}.cat-level-card-copy strong{font-size:12px}.cat-level-card-metrics span,.cat-level-card-copy span,.cat-level-card-status{font-size:9px}}.screen-ranker-levels{background:linear-gradient(180deg,#ffffff52,#fcfae3b8 52%,#ffeebee6),url(../assets/images/backgrounds/nutrition-ranker-village.webp) center center / cover no-repeat;color:var(--text)}.screen-ranker-levels .header{position:relative;background:#ffffff80;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}.screen-ranker-levels.is-levels-scrolled .header{background:#ffffffe0;border-bottom-color:#cf831038;box-shadow:0 8px 18px #744b1114}.ranker-level-appbar-logo{width:min(176px,40vw);max-height:48px;filter:drop-shadow(0 6px 9px rgba(89,59,12,.2))}.screen-ranker-levels.is-levels-scrolled .ranker-level-appbar-logo{opacity:1;width:min(124px,31vw);transform:translate(-30%,-56%) translateY(0) scale(1)}.ranker-level-score-pill{border-color:#ffbe3880;color:#6f3f0b}.ranker-levels-content{gap:14px;padding-top:12px;padding-bottom:calc(190px + var(--sab))}.ranker-level-hero-card{min-height:unset;aspect-ratio:1672 / 941;padding:0;border-color:#f9b0296b;background:#fff7d2db;box-shadow:0 18px 38px #88560c2e,inset 0 1px #fffffff0}.ranker-level-hero-card:before{display:none}.ranker-level-banner-art{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:20px;filter:none}.ranker-level-section-title{justify-content:space-between;gap:10px}.ranker-level-section-title h2{color:#5d3609}.ranker-level-section-title span{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 10px;border-radius:999px;background:#ffffffb3;color:#7a4510;font-size:12px;font-weight:950;box-shadow:inset 0 1px #ffffffbd,0 6px 14px #744b1114}.ranker-level-grid-card{border-color:#f9ae2561;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.78),transparent 42%),linear-gradient(180deg,#fff5c8,#ffbf50);color:#3f2a0d;box-shadow:0 12px 22px #764d1221,inset 0 2px #ffffffb8}.ranker-level-grid-card.is-current{border-color:#74bc169e;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.8),transparent 42%),linear-gradient(180deg,#eeffd0,#a7ec45);box-shadow:0 14px 26px #519c1638,0 0 0 4px #6cc92424,inset 0 2px #ffffffbd}.ranker-level-grid-card.is-selected{outline-color:#569d0c42}.ranker-level-grid-card .cat-level-badge{color:#6d3d09}.ranker-level-grid-card .cat-level-card-status{color:#247018}.ranker-level-grid-card.is-current .cat-level-card-status{color:#1d6915}.ranker-level-grid-card.is-locked .cat-level-card-status{color:#6b6254}.ranker-level-stars{display:flex;justify-content:center;gap:1px;color:#ffffff94;text-shadow:0 1px 2px rgba(103,64,8,.32)}.ranker-level-star{display:inline-block;min-width:13px;color:#ffffff94;-webkit-text-stroke:.35px rgba(94,57,8,.28)}.ranker-level-star.is-earned{color:#fff;text-shadow:0 1px 0 rgba(96,58,5,.34),0 0 8px rgba(255,255,255,.82),0 2px 6px rgba(113,76,10,.28)}.ranker-level-star.is-empty{color:#ffffffa3;opacity:.72}.ranker-level-card-metrics{gap:4px}.ranker-level-card-metrics span{min-height:24px;padding:3px 4px;color:#5d3609;font-size:8.5px;line-height:1.05;text-align:center;white-space:normal}.cat-level-bottom-cta{position:absolute;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;padding:10px 20px calc(10px + var(--sab));background:linear-gradient(180deg,#f2faff00,#f2faffd1 24%,#fff9e2f2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}.cat-level-play-next{width:100%;min-width:0;min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:21px;border:2px solid rgba(42,119,14,.28);background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.44),transparent 36%),linear-gradient(180deg,#7ed63b,#2fa51e);color:#fff;font-size:clamp(18px,4.8vw,23px);font-weight:950;line-height:1;text-decoration:none;text-shadow:0 2px 2px rgba(39,79,8,.26);white-space:nowrap;box-shadow:inset 0 2px #ffffff61,inset 0 -3px #1d6b0c52,0 10px 18px #2d911e38;pointer-events:auto}.cat-level-play-next:active{transform:translateY(1px) scale(.99)}.ranker-level-bottom-cta{background:linear-gradient(180deg,#fff5d200,#fff5d2d1 24%,#ffe6a4f5)}.ranker-level-play-next{border-color:#6da3125c;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.42),transparent 36%),linear-gradient(180deg,#92df35,#36a51e);box-shadow:inset 0 2px #ffffff61,inset 0 -3px #1c650c4d,0 10px 18px #308b123d}.screen-box-merge-levels{background:linear-gradient(180deg,#ffffff70,#f2faffbd 48%,#ffefc6eb),url(../assets/images/backgrounds/categorizer-garden.webp) center center / cover no-repeat;color:var(--text)}.screen-box-merge-levels .header{position:relative;background:#ffffff8f;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}.screen-box-merge-levels.is-levels-scrolled .header{background:#ffffffe6;border-bottom-color:#a66b2333;box-shadow:0 8px 18px #6c4b1d1a}.box-level-score-pill,.box-play-score-pill{border-color:#ffba437a;color:#6c4214}.box-merge-levels-content{gap:14px;padding-top:12px}.box-level-hero-card{min-height:176px;justify-content:space-between;gap:12px;padding:18px 18px 16px;border-color:#e29a2f5c;background:radial-gradient(circle at 84% 20%,rgba(255,255,255,.9),transparent 30%),linear-gradient(180deg,#fffae4fa,#ffde97f0)}.box-level-hero-card:before{background:radial-gradient(circle at 10% 82%,rgba(255,174,63,.2),transparent 24%),radial-gradient(circle at 94% 82%,rgba(60,174,68,.18),transparent 22%)}.box-level-hero-copy{position:relative;z-index:1;flex:1 1 auto;min-width:0;text-align:left}.box-level-hero-copy>span{display:inline-flex;margin-bottom:7px;padding:5px 9px;border-radius:999px;background:#52931b1f;color:#2e741a;font-size:12px;font-weight:950}.box-level-hero-copy h1{margin:0;color:#4d2f13;font-size:24px;line-height:1.08;letter-spacing:0}.box-level-hero-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.box-level-hero-stats strong{min-height:27px;display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;background:#ffffff94;color:#6a3d0f;font-size:12px;font-weight:950}.box-level-hero-icon{position:relative;z-index:1;flex:0 0 112px;width:112px;height:112px;display:grid;place-items:center;border-radius:30px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.8),transparent 58%),#ffffff5c;filter:drop-shadow(0 16px 18px rgba(101,61,14,.18))}.box-level-hero-icon .imagegen-mode-icon{width:108%;height:108%}.box-level-section-title h2{color:#5c3912}.box-level-section-title span{background:#ffffffad;color:#794914}.box-level-grid-card{gap:3px;padding:8px;justify-content:flex-start;border-color:#dc8b285c;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.78),transparent 42%),linear-gradient(180deg,#fff0bd,#e8a64d)}.box-level-grid-card .cat-level-card-copy{display:grid;gap:1px;min-height:34px;align-content:center}.box-level-grid-card .cat-level-card-copy strong{min-height:15px;display:-webkit-box;overflow:hidden;font-size:12.5px;line-height:1.08;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.box-level-grid-card .cat-level-card-copy span{min-height:12px;display:-webkit-box;overflow:hidden;margin-top:0;font-size:9.5px;line-height:1.12;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.box-level-grid-card .cat-level-stars{min-height:14px;font-size:14px;line-height:.9}.box-level-grid-card.is-current{border-color:#48a32294;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.8),transparent 42%),linear-gradient(180deg,#eeffd2,#a7e757)}.box-level-grid-card.is-locked{background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.55),transparent 42%),linear-gradient(180deg,#f1eadb,#d1bea1)}.box-level-food-stack{min-height:40px;display:flex;align-items:center;justify-content:center;isolation:isolate}.box-level-food-icon{width:52px;aspect-ratio:7 / 5;margin-inline:-12px;filter:drop-shadow(0 8px 8px rgba(72,42,8,.2))}.box-level-food-icon:nth-child(1){transform:rotate(-8deg) translateY(5px)}.box-level-food-icon:nth-child(2){z-index:2;transform:translateY(-4px) scale(1.08)}.box-level-food-icon:nth-child(3){transform:rotate(8deg) translateY(5px)}.box-level-card-metrics span{min-height:19px;padding:3px 4px;font-size:9px;line-height:1.05;text-align:center;white-space:normal;overflow-wrap:anywhere}.box-level-bottom-cta{background:linear-gradient(180deg,#fff5d200,#fff5d2d1 24%,#ffe4a4f5)}.box-level-play-next{background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.42),transparent 36%),linear-gradient(180deg,#7bd73b,#2fa51e)}.screen-ranker.gradient-berry-sunrise{background:linear-gradient(180deg,#ffffff14,#125a7014 42%,#50300933),url(../assets/images/backgrounds/nutrition-ranker-village.webp) center center / cover no-repeat;animation:none}.screen-ranker.gradient-berry-sunrise:before,.screen-ranker.gradient-berry-sunrise:after{display:none}.screen-ranker.gradient-berry-sunrise .header{background:#ffffff9e;border-bottom-color:#70562424;box-shadow:0 8px 18px #4d432914}.ranker-play-header{gap:8px}.ranker-play-header-spacer{flex:1 1 auto;min-width:0}.box-play-header{gap:8px}.box-play-header-spacer,.box-play-header-level{flex:1 1 auto;min-width:0}.box-play-header-level{color:#2f3028;font-size:clamp(15px,4vw,18px);font-weight:950;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-ranker .ranker-status-row{flex-wrap:wrap}@media(max-width:390px){.ranker-level-appbar-logo{width:min(154px,38vw);max-height:42px}.ranker-level-banner-art{width:100%;max-height:none}.cat-level-play-next{min-height:54px;border-radius:16px}.ranker-level-section-title span{min-height:26px;padding-inline:8px;font-size:11px}.ranker-level-card-metrics span{font-size:8px}}.screen-home-carousel{background:#0c241f;isolation:isolate}.screen-home-carousel:before{display:none}.screen-home-carousel .home-top{position:relative;z-index:5;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.home-carousel-content{position:absolute;inset:0;z-index:0;display:block;padding:0;overflow:hidden}.home-poster-carousel{position:absolute;inset:0;width:100%;height:100%;display:block}.home-poster-stage{position:relative;width:100%;height:100%;aspect-ratio:auto;border-radius:0;overflow:hidden;background:#0c241f;box-shadow:none}.home-poster-slide{position:absolute;inset:0;width:100%;height:100%;display:block;padding:0;border:0;border-radius:inherit;background:transparent;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transform:scale(1.018);transition:opacity .42s ease,transform .62s cubic-bezier(.16,1,.3,1)}.home-poster-slide.is-active{opacity:1;pointer-events:auto;transform:scale(1)}.home-poster-slide:focus-visible{outline:3px solid rgba(26,115,232,.72);outline-offset:4px}.home-poster-slide:active{transform:scale(.992)}.home-poster-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;-webkit-user-select:none;user-select:none}.home-poster-play{position:absolute;inset:50% auto auto 50%;width:clamp(78px,24vw,108px);height:clamp(78px,24vw,108px);display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.72),transparent 36%),linear-gradient(180deg,#50d237f0,#199723f5);box-shadow:inset 0 2px #ffffff6b,inset 0 -4px #0c5d1847,0 16px 32px #1682284d;color:#fff;text-shadow:0 1px 0 rgba(10,72,18,.28);transform:translate(-50%,-50%)}.home-poster-play svg{margin-left:5px;filter:drop-shadow(0 2px 0 rgba(17,91,29,.22))}.home-poster-dots{position:absolute;left:50%;bottom:max(18px,var(--sab));z-index:3;min-height:10px;display:flex;align-items:center;justify-content:center;gap:7px;transform:translate(-50%)}.home-poster-dot{width:7px;height:7px;border-radius:999px;background:#ffffff6b;box-shadow:0 1px 3px #0000003d;transition:width .22s ease,background-color .22s ease,transform .22s ease}.home-poster-dot.is-active{width:20px;background:#6be548;transform:translateY(-1px)}@media(prefers-reduced-motion:no-preference){.home-poster-slide.is-active .home-poster-play{animation:homePosterPlayPulse var(--home-poster-duration, 5.2s) ease-in-out both}}@keyframes homePosterPlayPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}7%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}32%{opacity:0;transform:translate(-50%,-50%) scale(.9)}75%{opacity:0;transform:translate(-50%,-50%) scale(.9)}84%{opacity:1;transform:translate(-50%,-50%) scale(.96)}92%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 38px),-50%) scale(.7)}}@media(prefers-reduced-motion:reduce){.home-poster-slide,.home-poster-dot{transition:none}.home-poster-play{animation:none}}.screen-categorizer.categorizer-garden-bg{padding-top:max(10px,var(--sat));padding-bottom:max(8px,var(--sab))}.screen-box-merge{padding-bottom:var(--sab)}@media(min-height:780px){.home-poster-stage{width:100%}}@media(max-height:700px){.home-carousel-content{padding:0}.home-poster-stage{width:100%;border-radius:0}.home-poster-play{width:76px;height:76px}}