:root{--color-bg: #fff8ec;--color-bg-surface: #fffdf8;--color-bg-surface-2: #f7ead4;--color-text-primary: #3d2b1f;--color-text-secondary: #6b5646;--color-text-tertiary: #7a6656;--color-text-disabled: #b7a99d;--color-border: #e6d2b6;--color-primary: #a94524;--color-primary-hover: #8f381d;--color-primary-pressed: #772e18;--color-on-primary: #ffffff;--color-accent-honey: #e5a63a;--color-accent-honey-soft: #fff0bd;--color-accent-leaf: #5e7c45;--color-accent-leaf-soft: #e7efd9;--color-accent-sky: #5d8798;--color-accent-wood: #79543a;--color-success: #2f7047;--color-success-bg: #e2f2e6;--color-retry: #795f4c;--color-retry-bg: #f2e6d8;--color-focus: #68458a;--color-overlay: rgba(61, 43, 31, .42);--font-display: "Arial Rounded MT Bold", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--text-display-32: 32px;--text-title-24: 24px;--text-heading-20: 20px;--text-body-17: 17px;--text-caption-14: 14px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 48px;--motion-fast: .15s;--motion-base: .25s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-size-adjust:100%}button{font:inherit;color:inherit}html{-webkit-tap-highlight-color:transparent}:focus{outline:none}html.kb :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{max-width:480px;margin:0 auto;min-height:100%;padding:calc(var(--safe-top) + var(--space-xl)) var(--space-lg) calc(var(--safe-bottom) + var(--space-xl));display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-xl)}.display-32{font-family:var(--font-display);font-size:var(--text-display-32);font-weight:700;line-height:1.2;margin:0}.title-24{font-family:var(--font-display);font-size:var(--text-title-24);font-weight:700;line-height:1.3;margin:0}.heading-20{font-family:var(--font-display);font-size:var(--text-heading-20);font-weight:700;line-height:1.35;margin:0}.body-17{font-size:var(--text-body-17);font-weight:500;line-height:1.5;margin:0}.caption-14{font-size:var(--text-caption-14);font-weight:500;line-height:1.45;margin:0}.btn-primary{height:56px;padding:16px 24px;border:none;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-display);font-size:var(--text-heading-20);font-weight:700;line-height:1.35;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--motion-fast) ease,transform var(--motion-fast) ease}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{background:var(--color-primary-pressed);transform:scale(.98)}.btn-primary:disabled{background:var(--color-text-disabled);cursor:default}.btn-secondary{height:48px;padding:12px 20px;border:none;border-radius:var(--radius-pill);background:var(--color-bg-surface-2);color:var(--color-text-primary);font-size:var(--text-body-17);font-weight:500;line-height:1.5;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) ease}.btn-secondary:active{transform:scale(.97)}.icon-btn{width:48px;height:48px;min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) ease,background var(--motion-fast) ease}.icon-btn:active,.icon-btn.holding{transform:scale(.92);background:var(--color-bg-surface-2)}.welcome{justify-content:flex-start}.welcome-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin-top:var(--space-xxl)}.welcome-guide{color:var(--color-text-secondary)}.welcome-faces{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin-top:var(--space-sm)}.welcome-faces img{width:52px;height:52px}.welcome-start{margin-top:var(--space-lg)}.mode-cards{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;margin-top:var(--space-xl)}.mode-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease}.mode-card:hover{border-color:var(--color-accent-honey)}.mode-card:active{transform:scale(.97);background:var(--color-bg-surface-2)}.mode-preview{display:flex;align-items:center;justify-content:center;gap:var(--space-md);min-height:56px}.mode-preview img{background:var(--color-accent-leaf-soft);border-radius:var(--radius-pill);padding:6px}.mode-title{font-family:var(--font-display);font-size:var(--text-title-24);font-weight:700;line-height:1.3;color:var(--color-text-primary)}.mode-description{font-size:var(--text-body-17);font-weight:500;line-height:1.5;color:var(--color-text-secondary);text-align:center}.mode-arrow{position:absolute;right:var(--space-lg);top:50%;transform:translateY(-50%);color:var(--color-accent-honey);font-size:14px}.settings-entry{margin-top:auto}.playful-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:2px 4px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.playful-sun-btn{display:inline-flex;align-items:center;gap:3px;background:#fff8e1f2;border:1.5px solid #ffe082;border-radius:var(--radius-pill);padding:2px 8px;cursor:pointer;touch-action:manipulation;box-shadow:0 2px 5px #ffb30026;transition:transform var(--motion-fast) ease}.playful-sun-btn:hover{transform:scale(1.08) rotate(3deg);background:#fff8e1}.sun-icon{font-size:16px;line-height:1;filter:drop-shadow(0 1px 2px rgba(255,179,0,.4))}.sun-badge{font-family:var(--font-display);font-size:11px;font-weight:700;color:#b45309}.sun-wobbling{animation:sun-wobble .6s ease}@keyframes sun-wobble{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.15) rotate(-12deg)}75%{transform:scale(1.15) rotate(12deg)}}.playful-trail-progress{display:flex;align-items:center;gap:6px;background:#ffffffa6;border:1px solid var(--color-border);padding:3px 10px;border-radius:var(--radius-pill);box-shadow:0 2px 4px #0000000a}.trail-dot{font-size:14px;line-height:1;opacity:.35;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.trail-dot.is-done{opacity:.9;transform:scale(1.05);filter:drop-shadow(0 1px 3px rgba(229,166,58,.5))}.trail-dot.is-current{opacity:1;transform:scale(1.25);filter:drop-shadow(0 2px 5px rgba(169,69,36,.4));animation:current-paw-bounce 1.2s ease-in-out infinite alternate}@keyframes current-paw-bounce{0%{transform:scale(1.2) translateY(0)}to{transform:scale(1.3) translateY(-2px)}}.playful-parrot-btn{display:inline-flex;align-items:center;gap:2px;background:#f0fdf4f2;border:1.5px solid #86efac;border-radius:var(--radius-pill);padding:2px 7px;cursor:pointer;touch-action:manipulation;box-shadow:0 2px 5px #22c55e26;transition:transform var(--motion-fast) ease}.playful-parrot-btn:hover{transform:scale(1.08);background:#f0fdf4}.parrot-icon{font-size:16px;line-height:1}.parrot-note{font-family:var(--font-display);font-size:12px;font-weight:700;color:#15803d;animation:note-float 1.5s ease-in-out infinite alternate}@keyframes note-float{0%{transform:translateY(0);opacity:.7}to{transform:translateY(-2px);opacity:1}}.parrot-chirping{animation:parrot-chirp .6s ease}@keyframes parrot-chirp{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.2) rotate(-10deg)}70%{transform:scale(1.2) rotate(10deg)}}.stage-area{width:100%;background:var(--color-accent-leaf-soft);border-radius:var(--radius-md);padding:6px}.stage-canvas{position:relative;width:100%;aspect-ratio:16 / 10;max-height:min(230px,32vh);overflow:hidden;border-radius:var(--radius-md)}.stage-canvas canvas{display:block;border-radius:var(--radius-md)}.stage-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;color:var(--color-text-secondary);font-size:var(--text-body-17)}.game-question{color:var(--color-text-primary);font-size:15px;margin:2px 0;text-align:center}.food-options{display:flex;gap:8px;width:100%;margin:2px 0}.food-card{position:relative;flex:1;min-width:0;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease}.food-card img{width:56px;height:56px;pointer-events:none}.animal-card img{width:66px;height:66px}.food-card .food-name{font-size:14px;font-weight:700;font-family:var(--font-display);line-height:1.2;color:var(--color-text-primary)}.food-card:active:not(:disabled){transform:scale(.96)}.food-card:disabled{opacity:.55;cursor:default}.food-card.correct:disabled{opacity:1}.food-card.correct{background:var(--color-success-bg);border-color:var(--color-success)}.food-card.correct .food-name{color:var(--color-success)}.food-card.retry{background:var(--color-retry-bg);border-color:var(--color-retry)}.food-card.retry .food-name{color:var(--color-retry)}.card-badge{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.correct-badge{background:var(--color-success);color:#fff}.retry-badge{background:var(--color-retry);color:#fff}.feedback{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.feedback-retry{margin:0;color:var(--color-retry);font-size:var(--text-body-17);font-weight:500}.feedback-success{display:inline-flex;align-items:center;gap:var(--space-xs);margin:0;color:var(--color-success);font-size:var(--text-body-17);font-weight:500}.feedback-muted{margin:0;color:var(--color-text-secondary);font-size:var(--text-caption-14)}.storage-note{margin:0;color:var(--color-text-tertiary);font-size:var(--text-caption-14)}.animal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);width:100%}.completion-animal{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.completion-animal img{width:56px;height:56px}.animal-card img{width:64px;height:64px;pointer-events:none}.animal-card .food-category{background:var(--color-accent-leaf-soft)}.sound-bubble{position:absolute;top:10%;left:50%;transform:translate(-50%);margin:0;padding:6px 18px;background:var(--color-bg-surface);border:2px solid var(--color-accent-honey);border-radius:var(--radius-pill);color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-heading-20);font-weight:700;line-height:1.35;box-shadow:0 4px 12px #3d2b1f24;animation:bubble-pop var(--motion-fast) ease-out;z-index:5}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.sound-bubble{animation:none}}.page>.btn-secondary{margin-top:var(--space-md)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-lg);background:var(--color-overlay)}.parent-sheet{position:relative;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-lg);background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-xl);padding-bottom:calc(var(--space-xl) + var(--safe-bottom));box-shadow:0 8px 32px #3d2b1f2e}.sheet-close{position:absolute;top:var(--space-lg);right:var(--space-lg)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.setting-rows-top{align-items:flex-start}.setting-label{font-size:var(--text-body-17);font-weight:500}.setting-value{font-size:var(--text-body-17);color:var(--color-text-secondary);text-align:right}.switch-btn{position:relative;width:56px;height:44px;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;cursor:pointer;flex-shrink:0}.switch-btn:before{content:"";position:absolute;top:6px;left:0;width:100%;height:32px;border-radius:var(--radius-pill);background:var(--color-text-disabled);transition:background var(--motion-base) ease}.switch-btn[aria-checked=true]:before{background:var(--color-accent-leaf)}.switch-btn:after{content:"";position:absolute;top:9px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform var(--motion-base) ease}.switch-btn[aria-checked=true]:after{transform:translate(24px)}.science-note{margin:0;background:var(--color-accent-leaf-soft);border-radius:var(--radius-sm);padding:var(--space-md);color:var(--color-text-secondary);font-size:var(--text-caption-14);line-height:1.5}.reset-area{display:flex;flex-direction:column;gap:var(--space-md);border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.btn-reset{height:48px;padding:12px 20px;border:2px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-bg-surface);color:var(--color-primary);font-size:var(--text-body-17);font-weight:500;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) ease}.btn-reset:active{transform:scale(.97)}.reset-warning{margin:0;font-size:var(--text-body-17);font-weight:500}.reset-actions{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background:radial-gradient(circle at 12% 8%,rgba(229,166,58,.14) 0 3px,transparent 4px),radial-gradient(circle at 88% 18%,rgba(94,124,69,.12) 0 4px,transparent 5px),linear-gradient(180deg,#fffaf0 0%,var(--color-bg) 55%,#f9efd9 100%);background-size:72px 72px,96px 96px,auto}.welcome-hero{width:100%;margin-top:var(--space-lg);padding:var(--space-xl) var(--space-lg);border:2px solid rgba(229,166,58,.34);border-radius:36px 36px 28px 28px;background:linear-gradient(155deg,#fffdf8,#fff0bd);box-shadow:0 12px 28px #79543a1a}.welcome-faces{flex-wrap:nowrap;gap:var(--space-sm);width:100%}.welcome-faces img{width:68px;height:68px;padding:4px;border:2px solid rgba(255,255,255,.8);border-radius:48% 52% 46% 54%;background:#ffffff94;filter:drop-shadow(0 5px 5px rgba(61,43,31,.12))}.welcome-faces img:nth-child(2n){transform:translateY(5px) rotate(2deg)}.welcome-faces img:nth-child(odd){transform:rotate(-2deg)}.playtime-welcome,.playtime-chip{margin:0;padding:6px 12px;border-radius:var(--radius-pill);background:#fffdf8d6;color:var(--color-text-secondary);font-size:var(--text-caption-14);font-weight:600}.mode-card{overflow:hidden;border-color:#79543a3d;box-shadow:0 8px 20px #79543a14}.mode-card:first-child{background:linear-gradient(145deg,#fffdf8,#eef5df)}.mode-card:nth-child(2){background:linear-gradient(145deg,#fffdf8,#e9f3f5)}.mode-preview img{filter:drop-shadow(0 3px 3px rgba(61,43,31,.12))}.game-page{gap:var(--space-lg)}.playtime-chip{align-self:flex-start;border:1px solid var(--color-border);background:var(--color-bg-surface)}.stage-area{position:relative;overflow:hidden;isolation:isolate;border:2px solid rgba(94,124,69,.2);box-shadow:0 14px 28px #3d2b1f1a}.stage-area:before,.stage-area:after{content:"";position:absolute;z-index:-1;border-radius:50%}.stage-area:before{width:160px;height:92px;right:-28px;bottom:-34px;background:#5e7c4529}.stage-area:after{width:110px;height:70px;left:-22px;bottom:-30px;background:#e5a63a24}.habitat-ocean{background:linear-gradient(180deg,#dff3f6,#bfe2e8);border-color:#5d879847}.habitat-pond{background:linear-gradient(180deg,#e9f5df,#cfe8db)}.habitat-grassland{background:linear-gradient(180deg,#fff0bd,#e8efcf)}.habitat-birds{background:linear-gradient(180deg,#e3f1f5,#f7ead4)}.habitat-reptile{background:linear-gradient(180deg,#eff3d7,#d9e8c9)}.habitat-farm{background:linear-gradient(180deg,#fff1d2,#f4dfc9)}.stage-sparkles{position:absolute;inset:14px 18px auto;z-index:2;display:flex;justify-content:space-between;color:#a9452461;pointer-events:none}.animal-sound-btn{position:relative;z-index:3;min-height:44px;margin-top:-6px;padding:8px 16px;border:1px solid rgba(121,84,58,.24);border-radius:var(--radius-pill);background:#fffdf8e6;color:var(--color-text-primary);font-size:var(--text-caption-14);font-weight:700;cursor:pointer}.food-card{min-height:142px;padding:var(--space-sm);border-color:#79543a38;box-shadow:0 7px 16px #3d2b1f14}.illustration-frame{width:76px;height:76px;display:grid;place-items:center;border-radius:46% 54% 50% 50%;background:linear-gradient(145deg,#fffdf8,#f7ead4);box-shadow:inset 0 0 0 2px #e6d2b694}.food-card:nth-child(2) .illustration-frame{transform:rotate(2deg)}.food-card:nth-child(3) .illustration-frame{transform:rotate(-2deg)}.food-card img{width:66px;height:66px;filter:drop-shadow(0 3px 2px rgba(61,43,31,.1))}.animal-card .illustration-frame{width:86px;height:86px}.animal-card img{width:78px;height:78px}.completion-page,.rest-page{padding-top:var(--space-xl)}.celebration-stars,.rest-moon{color:var(--color-accent-honey);font-family:var(--font-display);font-size:36px}.animal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.completion-animal{padding:var(--space-sm);background:linear-gradient(145deg,#fffdf8,#f7ead4);box-shadow:0 5px 12px #3d2b1f12}.rest-page{justify-content:center;min-height:calc(100dvh - 48px)}.rest-friends{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-xl);border-radius:40px;background:linear-gradient(180deg,#e8f1e3,#fff0bd);box-shadow:0 12px 28px #3d2b1f1a}.rest-friends img{filter:drop-shadow(0 5px 4px rgba(61,43,31,.12))}.rest-friends img:nth-child(2){width:96px;height:96px}.rest-copy{max-width:360px;color:var(--color-text-secondary)}.rest-ideas{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.rest-ideas span{padding:8px 12px;border-radius:var(--radius-pill);background:var(--color-bg-surface-2);font-size:var(--text-caption-14)}.completion-actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.sort-game-page{gap:var(--space-md)}.sort-dining-table{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:var(--space-md);width:100%;padding:var(--space-md);background:var(--color-accent-leaf-soft);border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:0 8px 24px #3d2b1f14}.dining-seat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-surface);border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease;position:relative}.dining-seat.targetable{border-color:var(--color-accent-honey);border-style:solid;background:var(--color-accent-honey-soft);animation:seat-pulse 1.2s ease-in-out infinite alternate}@keyframes seat-pulse{0%{transform:scale(1)}to{transform:scale(1.03)}}.seat-animal{display:flex;flex-direction:column;align-items:center;gap:4px}.seat-animal-name{font-family:var(--font-display);font-size:var(--text-heading-20);font-weight:700;color:var(--color-text-primary)}.seat-plate{width:100%;min-height:48px;background:var(--color-bg-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:4px 8px}.plate-inner{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.plate-hint{font-size:var(--text-caption-14);color:var(--color-text-disabled)}.plate-food-item{animation:food-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes food-pop{0%{transform:scale(0)}to{transform:scale(1)}}.table-center-divider{display:flex;align-items:center;justify-content:center;font-size:20px;opacity:.8}.sort-bubble{position:absolute;top:-24px;background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-pill);padding:4px 12px;font-size:var(--text-caption-14);font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #3d2b1f1f;z-index:10;animation:bubble-float .3s ease-out}.sort-bubble.eat{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-bg)}.sort-bubble.reject{border-color:var(--color-retry);color:var(--color-retry);background:var(--color-retry-bg)}@keyframes bubble-float{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dining-seat.eat-anim{animation:seat-eat .6s ease}@keyframes seat-eat{0%,to{transform:scale(1) translateY(0)}30%{transform:scale(1.08) translateY(-6px)}60%{transform:scale(.96) translateY(2px)}}.dining-seat.reject-anim{animation:seat-reject .5s ease}@keyframes seat-reject{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sort-tray-wrapper{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.sort-guide{text-align:center;color:var(--color-text-secondary)}.sort-food-tray{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);width:100%}.sort-food-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) 4px;min-height:96px;background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:0 4px 10px #3d2b1f0f;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease}.sort-food-card:hover{border-color:var(--color-accent-honey)}.sort-food-card.selected{border-color:var(--color-primary);background:var(--color-accent-honey-soft);transform:translateY(-4px) scale(1.04);box-shadow:0 8px 16px #a945242e}.sort-food-card.delivered{opacity:.45;cursor:default;filter:grayscale(.5)}.card-badge.select-badge{background:var(--color-primary);color:#fff}.sort-complete-banner,.memory-complete-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.memory-game-page{gap:var(--space-md)}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:440px;margin:0 auto;perspective:800px}.memory-card-container{aspect-ratio:1 / 1.22;width:100%;position:relative;perspective:1000px}.memory-card-inner{width:100%;height:100%;position:relative;border:none;background:transparent;padding:0;cursor:pointer;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);touch-action:manipulation;-webkit-user-select:none;user-select:none}.memory-card-container.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-container.wrong .memory-card-inner{animation:card-wiggle .5s ease-in-out}@keyframes card-wiggle{0%,to{transform:rotateY(180deg) translate(0)}25%{transform:rotateY(180deg) translate(-6px)}75%{transform:rotateY(180deg) translate(6px)}}.memory-card-back,.memory-card-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #3d2b1f14}.memory-card-back{background:radial-gradient(circle at center,#fff8ec,#faecd6 70%,#ebd3b0);border:2px solid #dfc39d;color:var(--color-accent-wood);overflow:hidden}.card-back-pattern{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-back-emblem{width:72px;height:72px;border-radius:50%;background:#ffffffe0;border:2px dashed #d5b388;display:grid;place-items:center;color:#a06b3a;box-shadow:0 2px 8px #79543a26;transition:transform var(--motion-fast) ease}.memory-card-inner:hover .card-back-emblem{transform:scale(1.06) rotate(3deg)}.card-back-decor-corner{position:absolute;font-size:11px;color:#c49d6d;opacity:.65}.card-back-decor-corner.top-left{top:3px;left:3px}.card-back-decor-corner.top-right{top:3px;right:3px}.card-back-decor-corner.bottom-left{bottom:3px;left:3px}.card-back-decor-corner.bottom-right{bottom:3px;right:3px}.memory-card-front{background:#fff;border:2px solid var(--color-border);transform:rotateY(180deg);padding:2px 2px 3px;gap:0;justify-content:space-between}.memory-card-container.matched .memory-card-front{border-color:var(--color-success);background:#f0fdf4;box-shadow:0 4px 12px #2f70472e}.memory-illustration{flex:1;width:100%;display:grid;place-items:center;padding-top:1px}.memory-illustration img{width:92%;height:92%;max-width:92px;max-height:92px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(61,43,31,.12))}.memory-card-label{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-text-primary);background:var(--color-bg-surface-2);padding:1px 8px;border-radius:var(--radius-pill);line-height:1.2;margin-bottom:2px}.balance-game-page{gap:var(--space-md)}.seesaw-stage{position:relative;width:100%;min-height:240px;background:linear-gradient(180deg,#e3f2fd,#e8f5e9 65%,#c8e6c9);border:2px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:var(--space-lg) var(--space-sm) var(--space-xs);overflow:hidden;box-shadow:0 8px 24px #3d2b1f14}.seesaw-sky-decor{position:absolute;top:10px;left:0;right:0;display:flex;justify-content:space-around;font-size:20px;opacity:.7}.seesaw-beam{position:relative;display:flex;align-items:flex-end;justify-content:space-between;width:92%;min-height:140px;margin-bottom:24px;transform-origin:50% 90%;transition:transform .45s cubic-bezier(.34,1.56,.64,1);z-index:2}.seesaw-beam.balanced{animation:balanced-gentle-bob 2.2s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px rgba(229,166,58,.45))}@keyframes balanced-gentle-bob{0%{transform:rotate(-.8deg) translateY(0)}to{transform:rotate(.8deg) translateY(-3px)}}.seesaw-celebrate-sparkles{position:absolute;top:12px;left:0;right:0;pointer-events:none;display:flex;justify-content:space-around;font-size:22px;z-index:8}.seesaw-celebrate-sparkles span{animation:float-celebrate 1.8s ease-in-out infinite alternate}.seesaw-celebrate-sparkles span:nth-child(2){animation-delay:-.4s}.seesaw-celebrate-sparkles span:nth-child(3){animation-delay:-.8s}.seesaw-celebrate-sparkles span:nth-child(4){animation-delay:-1.2s}@keyframes float-celebrate{0%{transform:translateY(0) scale(.9);opacity:.7}to{transform:translateY(-10px) scale(1.15);opacity:1}}.seesaw-wood-bar{position:absolute;bottom:0;left:5%;right:5%;height:14px;background:linear-gradient(180deg,#bcaaa4,#8d6e63);border:2px solid #5d4037;border-radius:var(--radius-pill);box-shadow:0 4px 10px #00000026}.seesaw-seat{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;min-width:115px}.seat-weight-meter{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fffffff0;border:2px solid var(--color-border);border-radius:var(--radius-md);padding:3px 8px;margin-bottom:6px;box-shadow:0 3px 8px #00000014}.seat-weight-meter.target-meter{border-color:var(--color-accent-honey);background:#fffdf2}.seat-weight-meter.live-meter.matched{border-color:var(--color-success);background:var(--color-success-bg)}.seat-weight-meter.live-meter.overflow{border-color:var(--color-retry);background:var(--color-retry-bg)}.meter-label{font-size:11px;font-weight:700;color:var(--color-text-secondary)}.weight-dots-row{display:flex;align-items:center;justify-content:center;gap:3px;min-height:10px}.weight-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.weight-dot.filled-gold{background:var(--color-accent-honey);box-shadow:0 1px 3px #e5a63a66}.weight-dot.filled-green{background:var(--color-success)}.weight-dot.hollow-slot{background:transparent;border:1.5px dashed var(--color-text-disabled)}.weight-dot.overflow-red{background:var(--color-retry)}.meter-number{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-text-primary)}.placed-chip-dots{display:flex;gap:2px;margin-top:2px}.mini-dot{width:5px;height:5px;border-radius:50%;background:var(--color-accent-wood)}.candidate-weight-pill{display:flex;align-items:center;gap:4px;background:var(--color-bg-surface-2);border:1.5px solid var(--color-border);padding:2px 6px;border-radius:var(--radius-pill);margin-top:2px}.pill-dots{display:flex;gap:2px}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent-honey)}.pill-num{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--color-text-primary)}.seat-animals-wrapper{display:flex;align-items:flex-end;justify-content:center;gap:4px;min-height:80px;padding-bottom:4px}.seesaw-animal-chip{position:relative;display:flex;flex-direction:column;align-items:center;animation:chip-pop .35s cubic-bezier(.175,.885,.32,1.275)}.seesaw-placed-btn{background:transparent;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;position:relative;touch-action:manipulation;animation:chip-pop .35s cubic-bezier(.175,.885,.32,1.275)}.seesaw-placed-btn:hover:not(:disabled){transform:scale(1.06)}.seesaw-placed-btn:disabled,.seesaw-beam.balanced .seesaw-animal-chip,.seesaw-beam.balanced .seesaw-placed-btn{cursor:default;pointer-events:none}.balanced-happy-animal img{animation:happy-animal-hop .8s ease-in-out infinite alternate}.seat-left .balanced-happy-animal img{animation-delay:-.4s}@keyframes happy-animal-hop{0%{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(-8px) scale(1.08) rotate(3deg)}to{transform:translateY(0) scale(1) rotate(-3deg)}}.balanced-speech-bubble{position:absolute;top:-18px;background:#fff;color:#c2410c;font-family:var(--font-display);font-size:11px;font-weight:700;padding:2px 6px;border-radius:var(--radius-pill);border:1.5px solid var(--color-accent-honey);box-shadow:0 3px 8px #0000001f;white-space:nowrap;animation:speech-bubble-pop .35s cubic-bezier(.34,1.56,.64,1) forwards;z-index:10;pointer-events:none}@keyframes speech-bubble-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.seesaw-animal-name{font-family:var(--font-display);font-size:var(--text-caption-14);font-weight:700;color:var(--color-text-primary);background:#ffffffd9;padding:2px 6px;border-radius:var(--radius-pill);margin-top:2px}.remove-cross{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--color-retry);color:#fff;border-radius:var(--radius-pill);font-size:10px;display:grid;place-items:center;font-weight:700}.seat-drop-hint{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-text-secondary);font-size:var(--text-caption-14);opacity:.65;border:2px dashed var(--color-border);padding:8px 12px;border-radius:var(--radius-md)}.seat-cushion{width:100%;height:16px;border-radius:8px;background:#ffab91;border:2px solid #d84315;box-shadow:0 3px 6px #0000001a}.seat-left .seat-cushion{background:#80cbc4;border-color:#00796b}.seesaw-pivot-base{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:1}.pivot-triangle{width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:38px solid #5d4037;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.pivot-ground-grass{width:120px;height:12px;background:#66bb6a;border-radius:var(--radius-pill);margin-top:-4px}.balance-tray-wrapper{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.balance-guide{text-align:center;color:var(--color-text-secondary)}.balance-candidates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:440px;margin:0 auto}.candidate-animal-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;min-width:0;min-height:72px;background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:0 4px 10px #3d2b1f0f;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease}.candidate-animal-card:hover{border-color:var(--color-accent-honey);transform:translateY(-2px)}.candidate-animal-card.placed{opacity:.4;cursor:default;filter:grayscale(.6)}.candidate-name{font-family:var(--font-display);font-size:var(--text-caption-14);font-weight:700;color:var(--color-text-primary)}.balance-complete-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.welcome-park-banner{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#e8f5e9,#fff8e1);border:2px solid #a5d6a7;border-radius:var(--radius-lg);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:0 6px 16px #2e7d321f;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease;margin-top:var(--space-xs);margin-bottom:var(--space-xs);text-align:left}.welcome-park-banner:hover{transform:translateY(-2px);border-color:#66bb6a}.park-banner-icon{font-size:32px}.park-banner-text{flex:1;display:flex;flex-direction:column;gap:2px}.park-banner-title{font-family:var(--font-display);font-size:var(--text-heading-20);font-weight:700;color:#2e7d32}.park-banner-sub{font-size:13px;color:var(--color-text-secondary)}.park-banner-badge{font-family:var(--font-display);font-size:13px;font-weight:700;color:#fff;background:#2e7d32;padding:6px 12px;border-radius:var(--radius-pill);white-space:nowrap}.seat-animals-wrapper.launched-rocket{animation:rocket-launch-flip 1.4s cubic-bezier(.175,.885,.32,1.275)}.parachute-cloud{position:absolute;top:-26px;font-size:24px;animation:parachute-drift 1.4s ease-in-out}@keyframes rocket-launch-flip{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-75px) rotate(360deg) scale(1.1)}70%{transform:translateY(-15px) rotate(360deg)}to{transform:translateY(0) rotate(360deg)}}@keyframes parachute-drift{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.2)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.giant-park-page{gap:var(--space-xs);width:100%}.park-header{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;gap:var(--space-xs)}.park-header-left{display:flex;align-items:center;gap:var(--space-sm)}.park-title{color:var(--color-text-primary);margin:0}.park-count-badge{font-family:var(--font-display);font-size:12px;font-weight:700;color:#15803d;background:#dcfce7;border:1px solid #86efac;padding:3px 8px;border-radius:var(--radius-pill)}.park-header-actions{display:flex;align-items:center;gap:6px}.park-action-btn{padding:6px 12px;font-size:13px}.park-biome-nav{display:flex;align-items:center;gap:6px;width:100%;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.nav-label{font-size:12px;font-weight:700;color:var(--color-text-secondary);white-space:nowrap}.biome-chip-btn{display:flex;align-items:center;gap:4px;background:var(--color-bg-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:4px 10px;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-text-primary);cursor:pointer;touch-action:manipulation;white-space:nowrap;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease}.biome-chip-btn:hover{transform:translateY(-2px);border-color:var(--color-accent-honey)}.giant-park-scroll-container{position:relative;width:100%;height:490px;overflow-x:auto;overflow-y:hidden;border:3px solid #4ade80;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001f;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;background:#bae6fd}.giant-park-canvas{position:relative;width:2000px;height:100%;background:linear-gradient(180deg,#7dd3fc,#bae6fd 26%,#dcfce7 32%,#86efac 68%,#4ade80);-webkit-user-select:none;user-select:none}.giant-sky-layer{position:absolute;top:0;left:0;right:0;height:30%;pointer-events:auto}.sky-rainbow{position:absolute;top:15px;left:35%;width:240px;height:80px;border-top:12px solid #f43f5e;border-left:12px solid #fbbf24;border-right:12px solid #38bdf8;border-radius:120px 120px 0 0;opacity:.7;filter:blur(1px)}.giant-sun{position:absolute;top:15px;left:52%;font-size:48px;background:transparent;border:none;cursor:pointer;touch-action:manipulation;transition:transform .3s ease;z-index:5}.giant-sun.active-spin{animation:sun-spin 1.2s linear infinite}@keyframes sun-spin{0%{transform:rotate(0) scale(1.2)}to{transform:rotate(360deg) scale(1.2)}}.giant-cloud{position:absolute;font-size:40px;background:transparent;border:none;cursor:pointer;touch-action:manipulation;z-index:5}.cloud-left{top:20px;left:18%}.cloud-mid{top:35px;left:65%;pointer-events:none}.cloud-right{top:20px;left:88%;pointer-events:none}.sky-air-balloon{position:absolute;top:45px;left:28%;font-size:32px;animation:balloon-drift 6s ease-in-out infinite alternate}@keyframes balloon-drift{0%{transform:translateY(0)}to{transform:translateY(-16px)}}.sky-swallow-giant{position:absolute;font-size:24px;animation:swallow-fly 4s ease-in-out infinite alternate}.arctic-biome{position:absolute;left:0;width:420px;top:0;bottom:0;background:linear-gradient(180deg,#e0f2fecc,#f1f5f9f2 60%,#e2e8f0);border-right:2px dashed #94a3b8}.snow-mountain-peaks{position:absolute;top:25%;left:20px;font-size:54px}.arctic-ice-floe{position:absolute;bottom:45px;left:30px;font-size:28px}.arctic-igloo{position:absolute;bottom:35px;right:40px;font-size:38px}.forest-biome{position:absolute;left:420px;width:520px;top:0;bottom:0;cursor:pointer}.forest-giant-tree{position:absolute;top:24%;left:40px;font-size:88px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.15))}.forest-pine-cluster{position:absolute;top:32%;right:40px;font-size:52px}.forest-mushrooms-cluster{position:absolute;bottom:30px;left:120px;font-size:28px}.farm-biome{position:absolute;left:940px;width:440px;top:0;bottom:0}.farm-red-barn{position:absolute;top:35%;left:40px;font-size:60px}.farm-wooden-fence{position:absolute;bottom:80px;left:30px;font-size:24px}.farm-tulip-meadow{position:absolute;bottom:35px;left:20px;font-size:28px}.farm-windmill{position:absolute;top:30%;right:50px;font-size:44px}.lake-biome{position:absolute;left:1380px;width:320px;top:28%;height:220px;background:radial-gradient(ellipse at center,#38bdf8,#0284c7 75%,#0369a1);border:4px solid #7dd3fc;border-radius:50%/40%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 4px 14px #00000040,0 8px 20px #0284c740}.lake-water-backdrop{display:flex;gap:12px;font-size:32px}.savanna-biome{position:absolute;left:1700px;right:0;top:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(254,240,138,.4) 30%,#fde047 60%,#f59e0b 100%)}.savanna-acacia-giant{position:absolute;top:25%;left:30px;font-size:78px}.savanna-baobab{position:absolute;top:32%;right:40px;font-size:48px}.savanna-grasslands{position:absolute;bottom:40px;left:20px;font-size:28px}.savanna-rocks{position:absolute;bottom:30px;right:50px;font-size:26px}.giant-placed-animal{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .12s ease,filter .12s ease;z-index:10}.giant-placed-animal:active{cursor:grabbing}.giant-placed-animal.is-dragging{transform:translate(-50%,-50%) scale(1.25) rotate(-3deg);filter:drop-shadow(0 16px 26px rgba(0,0,0,.35));z-index:35}.park-animal-tag{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-text-primary);background:#fffffff0;padding:2px 8px;border-radius:var(--radius-pill);margin-top:2px;box-shadow:0 2px 6px #0000001f;pointer-events:none}.park-remove-btn{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--color-retry);color:#fff;border:none;font-size:11px;cursor:pointer;display:grid;place-items:center}.photo-flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:photo-flash .6s ease-out forwards;z-index:50}@keyframes photo-flash{0%{opacity:.95}to{opacity:0}}.park-tray-wrapper{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.park-tray-guide{text-align:center;color:var(--color-text-secondary)}.park-stickers-row{display:flex;gap:var(--space-sm);overflow-x:auto;padding:var(--space-sm) var(--space-xs);width:100%;-webkit-overflow-scrolling:touch}.park-sticker-btn{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--motion-fast) ease}.park-sticker-btn:hover{transform:translateY(-2px);border-color:var(--color-accent-honey)}.sticker-name{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--color-text-primary)}@media(max-width:359px){.app{padding-left:var(--space-md);padding-right:var(--space-md)}.welcome-faces img{width:54px;height:54px}.food-options{gap:var(--space-sm)}.food-card{min-width:0;padding:6px 4px}.illustration-frame{width:60px;height:60px}.food-card img{width:52px;height:52px}.food-card .food-category{padding-inline:5px}.animal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sort-food-tray{grid-template-columns:repeat(2,1fr)}.memory-grid{gap:var(--space-xs)}.candidate-animal-card{min-width:58px;padding:4px 2px}.giant-park-scroll-container{height:380px}}@media(prefers-reduced-motion:no-preference){.welcome-faces img{animation:friend-bob 3.4s ease-in-out infinite alternate}.welcome-faces img:nth-child(2n){animation-delay:-1.2s}@keyframes friend-bob{to{translate:0 -4px}}}.code-game-page{gap:var(--space-xs);display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;margin:0 auto;min-height:100%;padding-bottom:var(--space-sm)}.code-mode-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px;padding:0 2px}.code-level-title{margin:0;font-family:var(--font-display);font-size:clamp(16px,4.2vw,19px);font-weight:700;color:var(--color-text-primary);white-space:nowrap}.code-header-actions{display:flex;align-items:center;gap:6px}.code-shuffle-btn{border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-secondary);font-family:var(--font-display);font-size:12px;font-weight:700;padding:4px 8px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;align-items:center;gap:2px;transition:all var(--motion-fast) ease;white-space:nowrap}.code-shuffle-btn:hover:not(:disabled){background:#fff;border-color:var(--color-accent-honey);color:var(--color-primary)}.code-mode-toggle{display:inline-flex;background:var(--color-bg-surface-2);padding:2px;border-radius:var(--radius-pill);border:1px solid var(--color-border)}.mode-toggle-btn{border:none;background:transparent;padding:4px 8px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:2px;transition:all var(--motion-fast) ease;white-space:nowrap}.mode-toggle-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #00000014}.code-mission-hint{margin:0;text-align:center;font-size:13px;line-height:1.35;color:var(--color-text-secondary)}.code-grid-stage{width:100%;display:flex;justify-content:center;margin:4px 0}.code-grid-board{display:grid;width:min(340px,92vw,44vh);height:min(340px,92vw,44vh);gap:6px;background:#fdf5e6;border:2.5px solid var(--color-border);border-radius:var(--radius-lg);padding:6px;box-shadow:0 4px 16px #79543a1f,inset 0 2px 6px #79543a0f}.code-grid-cell{position:relative;background:#fffdf8;border:1.5px solid #ebd9c0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;overflow:visible;transition:background-color .2s ease,border-color .2s ease}.code-grid-cell.is-start{background:#f0f7ea;border-color:#a3d987;box-shadow:inset 0 0 8px #a3d98740}.code-grid-cell.is-target{background:#fef8eb;border-color:#f59e0b;box-shadow:inset 0 0 8px #f59e0b40}.code-grid-cell.is-bump{animation:bump-shake .4s ease;background:#fde8e8;border-color:#fca5a5}@keyframes bump-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.grid-cell-dot{width:6px;height:6px;border-radius:50%;background:#ebd9c0;opacity:.45;pointer-events:none}.grid-obstacle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;pointer-events:none}.obstacle-emoji{font-size:28px;line-height:1}.obstacle-tag{font-family:var(--font-display);font-size:10px;font-weight:700;color:var(--color-text-tertiary);margin-top:1px;background:#ffffffbf;padding:0 4px;border-radius:var(--radius-pill)}.grid-food-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4}.grid-food-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(229,166,58,.45));animation:food-float 2s ease-in-out infinite alternate}@keyframes food-float{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.grid-food-tag{font-family:var(--font-display);font-size:11px;font-weight:700;color:#a94524;background:#fff0bdf2;padding:1px 6px;border-radius:var(--radius-pill);box-shadow:0 1px 3px #0000001a;margin-top:1px}.grid-target-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}.target-mat{position:absolute;bottom:2px;width:82%;height:20%;background:#fce8bb;border:1.5px dashed #e5a63a;border-radius:var(--radius-pill);z-index:1}.grid-target-img{width:48px;height:48px;object-fit:contain;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}.grid-target-tag{font-family:var(--font-display);font-size:11px;font-weight:700;color:#5e7c45;background:#e7efd9;padding:1px 6px;border-radius:var(--radius-pill);z-index:3;box-shadow:0 1px 3px #0000001a;margin-top:1px}.grid-player-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:6}.grid-player-wrapper.facing-left .grid-player-img{transform:scaleX(-1)}.grid-player-img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25));transition:transform .2s ease}.player-hopping .grid-player-img{animation:player-hop .3s ease}@keyframes player-hop{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.12)}to{transform:translateY(0) scale(1)}}.player-backpack-food{position:absolute;top:-6px;right:-2px;width:24px;height:24px;background:#fff;border:1.5px solid var(--color-accent-honey);border-radius:50%;padding:2px;box-shadow:0 2px 5px #0003;z-index:8;animation:card-pop .3s ease}.grid-player-bubble{position:absolute;bottom:calc(100% + 4px);background:#fff;color:var(--color-text-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);padding:3px 8px;font-family:var(--font-display);font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 3px 8px #00000026;z-index:9}.grid-player-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:var(--color-primary) transparent transparent transparent}.code-programming-panel{display:flex;flex-direction:column;gap:6px;width:100%}.code-tape-container{background:var(--color-bg-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:6px 8px;display:flex;flex-direction:column;gap:3px}.code-tape-header{display:flex;justify-content:space-between;align-items:center}.code-tape-title{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-text-secondary)}.code-tape-clear-btn{border:none;background:transparent;color:var(--color-retry);font-size:12px;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:var(--radius-pill)}.code-tape-strip{display:flex;gap:6px;overflow-x:auto;min-height:40px;align-items:center;padding:2px 0;-webkit-overflow-scrolling:touch}.code-tape-empty{font-size:12px;color:var(--color-text-disabled);text-align:center;width:100%}.code-command-badge{flex-shrink:0;display:flex;align-items:center;gap:4px;background:#f7ead4;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 7px;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-text-primary);cursor:pointer}.code-command-badge.is-executing{background:#fff0bd;border-color:#e5a63a;transform:scale(1.06);box-shadow:0 0 8px #e5a63ab3;z-index:2}.cmd-step-num{font-size:10px;color:var(--color-text-tertiary);background:#fffc;border-radius:50%;width:15px;height:15px;display:grid;place-items:center}.cmd-icon{font-size:15px}.cmd-remove-x{opacity:.55;display:grid;place-items:center;margin-left:2px}.code-palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.code-card-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--color-bg-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:7px 4px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:all var(--motion-fast) ease}.code-card-btn:hover:not(:disabled){border-color:var(--color-primary);background:#fff;transform:translateY(-1px)}.code-card-icon{font-size:20px}.code-card-label{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-text-primary);white-space:nowrap}.code-action-row{display:flex;gap:var(--space-sm);width:100%;margin-top:2px}.code-reset-btn{flex:1;height:42px;font-size:14px;border-radius:var(--radius-pill)}.code-run-btn{flex:2;height:42px;font-size:16px;border-radius:var(--radius-pill);background:#2f7047}.code-stop-btn{flex:2;height:42px;font-size:16px;border-radius:var(--radius-pill);background:#b91c1c}.code-remote-panel{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:4px}.remote-dpad-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.remote-dpad-grid{display:grid;grid-template-columns:52px 64px 52px;grid-template-rows:52px 52px 52px;gap:6px;align-items:center;justify-items:center}.remote-dir-btn{width:52px;height:52px;border-radius:50%;background:var(--color-bg-surface);border:2px solid var(--color-border);font-size:20px;display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-shadow:0 2px 6px #0000001a;transition:all var(--motion-fast) ease}.remote-dir-btn:hover:not(:disabled){background:#fff;border-color:var(--color-primary);transform:scale(1.05)}.step-counter-text{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-text-secondary)}.remote-reset-btn{height:34px;padding:2px 16px;font-size:13px}.code-success-banner{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d2b1f8c;display:grid;place-items:center;padding:var(--space-md);z-index:100;animation:overlay-fade .3s ease-out}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.success-banner-content{background:var(--color-bg-surface);border:3px solid var(--color-accent-honey);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);max-width:340px;width:100%;box-shadow:0 16px 36px #00000040;animation:modal-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes card-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pulse-border{0%,to{box-shadow:0 0 #2f704773}50%{box-shadow:0 0 0 10px #2f704700}}.success-stars{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--color-accent-honey)}.success-praise{margin:0;color:var(--color-text-primary)}.success-fact{margin:0;color:var(--color-text-secondary)}.success-next-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);height:46px;font-size:16px;margin-top:4px}@media(max-width:359px){.code-grid-board{width:280px;height:280px}.grid-player-img,.grid-target-img{width:40px;height:40px}.grid-food-img{width:30px;height:30px}.remote-dpad-grid{grid-template-columns:44px 56px 44px;grid-template-rows:44px 44px 44px}.remote-dir-btn{width:44px;height:44px;font-size:18px}}.puzzle-game-page{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;max-width:520px;margin:0 auto}.puzzle-title-bar{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%}.puzzle-heading{margin:0;color:var(--color-text-primary);text-align:center;font-size:clamp(20px,5vw,24px)}.puzzle-toolbar{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);flex-wrap:wrap;width:100%}.puzzle-size-toggles{display:inline-flex;background:var(--color-bg-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:2px;gap:2px}.puzzle-btn-pill{border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-display);font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--motion-fast) ease;touch-action:manipulation}.puzzle-btn-pill.active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 4px #a9452440}.puzzle-tool-btn{display:inline-flex;align-items:center;gap:3px;background:var(--color-bg-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-primary);font-family:var(--font-display);font-size:12px;font-weight:700;padding:4px 10px;cursor:pointer;transition:all var(--motion-fast) ease;touch-action:manipulation}.puzzle-tool-btn:hover{background:#fff;border-color:var(--color-primary)}.puzzle-tool-btn.active{background:var(--color-accent-honey-soft);border-color:var(--color-accent-honey);color:#7d4d00}.puzzle-stage-container{position:relative;width:100%;max-width:380px;min-height:280px;border-radius:var(--radius-lg);border:2.5px solid var(--color-border);background:var(--color-bg-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);box-shadow:0 4px 16px #0000000f;overflow:hidden}.puzzle-sparkles-ambient{position:absolute;top:8px;left:12px;right:12px;display:flex;justify-content:space-between;color:var(--color-accent-honey);font-size:14px;opacity:.6;pointer-events:none}.puzzle-speech-bubble{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:10}.puzzle-board-wrapper{position:relative;width:250px;height:250px;border-radius:var(--radius-md);overflow:hidden;background:#fff9;border:2px dashed var(--color-border);box-shadow:inset 0 2px 6px #0000000d}.puzzle-ghost-underlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.22;filter:grayscale(.2);pointer-events:none;z-index:1}.puzzle-ghost-img{width:100%;height:100%;object-fit:contain}.puzzle-grid{position:relative;width:100%;height:100%;display:grid;z-index:2;transition:all var(--motion-base) ease}.puzzle-grid.grid-size-2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5px;padding:4px}.puzzle-grid.grid-size-3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:3px}.puzzle-grid.is-solved{gap:0;padding:0;animation:puzzle-bounce .5s ease}@keyframes puzzle-bounce{0%{transform:scale(.96)}50%{transform:scale(1.05)}to{transform:scale(1)}}.puzzle-tile-cell{position:relative;background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:0;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,border-color var(--motion-fast) ease;touch-action:manipulation;overflow:hidden}.puzzle-tile-cell:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.puzzle-tile-cell.selected{border:2.5px solid var(--color-primary);box-shadow:0 0 0 3px #a9452440,0 4px 12px #00000026;transform:scale(1.04);z-index:5}.puzzle-tile-cell.correct-pos{border-color:#8bbd78}.is-solved .puzzle-tile-cell{border:none;border-radius:0;box-shadow:none;background:transparent;cursor:default}.puzzle-tile-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.puzzle-tile-image{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;object-fit:contain}.tile-correct-sparkle{position:absolute;bottom:2px;right:2px;background:#5e7c45;color:#fff;font-size:9px;font-weight:700;width:13px;height:13px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003;pointer-events:none}.puzzle-floating-heart{position:absolute;bottom:30px;font-size:24px;z-index:20;animation:float-heart 1.6s ease-out forwards;pointer-events:none}@keyframes float-heart{0%{transform:translateY(0) scale(.6);opacity:1}60%{transform:translateY(-70px) scale(1.2);opacity:.9}to{transform:translateY(-130px) scale(1.4);opacity:0}}.puzzle-instructions-panel{width:100%;text-align:center;padding:4px}.puzzle-tip-text{margin:0;font-size:13px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;gap:4px}.puzzle-success-panel{width:100%;background:var(--color-bg-surface);border:2px solid var(--color-accent-honey);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;box-shadow:0 4px 14px #e5a63a33;animation:modal-pop .35s cubic-bezier(.34,1.56,.64,1)}.puzzle-success-header{display:flex;align-items:center;gap:var(--space-sm);width:100%}.success-badge-icon{width:34px;height:34px;border-radius:50%;background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.success-text-wrap{flex:1}.success-hero-text{margin:0;font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-text-primary)}.success-fact-text{margin:2px 0 0;font-size:13px;color:var(--color-text-secondary)}.puzzle-feed-action-box{display:flex;gap:var(--space-sm);width:100%}.puzzle-feed-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--color-bg-surface-2);border:2px solid var(--color-accent-honey);border-radius:var(--radius-pill);padding:8px 12px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--color-text-primary);cursor:pointer;transition:all var(--motion-fast) ease;touch-action:manipulation}.puzzle-feed-btn:hover{background:var(--color-accent-honey-soft);transform:translateY(-1px)}.puzzle-feed-btn.fed{background:#e2f2e6;border-color:#5e7c45;color:#2f7047}.puzzle-food-icon{filter:drop-shadow(0 2px 3px rgba(0,0,0,.12))}.puzzle-next-btn{flex:1;height:48px;font-size:16px;border-radius:var(--radius-pill)}.puzzle-peek-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d2b1f8c;display:grid;place-items:center;padding:var(--space-md);z-index:100;animation:overlay-fade .25s ease-out}.puzzle-peek-content{background:var(--color-bg-surface);border:3px solid var(--color-accent-honey);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);max-width:300px;width:100%;box-shadow:0 16px 36px #00000040;animation:modal-pop .3s cubic-bezier(.34,1.56,.64,1)}.peek-title{margin:0;font-family:var(--font-display);font-size:18px;color:var(--color-text-primary)}.peek-image-frame{width:170px;height:170px;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);padding:8px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 6px #0000000d}.peek-animal-img{width:100%;height:100%;object-fit:contain}.peek-food-hint{margin:0;font-size:14px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.peek-close-btn{width:100%;height:42px;border-radius:var(--radius-pill);font-size:15px}.count-game-page{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;max-width:500px;margin:0 auto}.count-target-card{display:flex;align-items:center;gap:var(--space-sm);width:100%;background:var(--color-bg-surface);border:2px solid var(--color-accent-honey);border-radius:var(--radius-lg);padding:8px 12px;box-shadow:0 3px 10px #e5a63a26}.count-animal-avatar{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.count-avatar-img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.15))}.count-avatar-name{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--color-text-secondary)}.count-target-bubble{flex:1;display:flex;flex-direction:column;gap:2px}.count-target-title{margin:0;font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.count-number-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:18px;font-weight:800;width:28px;height:28px;border-radius:50%;box-shadow:0 2px 6px #a945244d}.count-progress-row{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.count-progress-text{margin:0;font-size:12px;color:var(--color-text-secondary)}.count-progress-text strong{color:var(--color-text-primary)}.count-board-container{position:relative;width:100%;background:#fbf7ee;border:2.5px solid #dfcfb7;border-radius:var(--radius-lg);padding:10px 12px;box-shadow:0 4px 14px #79543a14;display:flex;flex-direction:column;gap:8px}.count-board-header{display:flex;align-items:center;justify-content:space-between}.count-board-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:#795548}.count-status-pill{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--color-text-secondary);background:#ffffffd9;border:1px solid var(--color-border);padding:2px 8px;border-radius:var(--radius-pill)}.count-status-pill.is-matched{background:#eef7ee;border-color:#a3d987;color:var(--color-success)}.count-grid-plate{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:100%}.count-grid-plate.frame-size-10{grid-template-rows:repeat(2,1fr);row-gap:12px}.count-grid-plate.frame-size-10:after{content:"";position:absolute;left:8px;right:8px;top:50%;border-top:2px dashed rgba(121,84,58,.2);pointer-events:none}.count-plate-cell{position:relative;aspect-ratio:1 / 1;background:#fff;border:2px solid #ebd9c0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;padding:2px;transition:all var(--motion-fast) ease;-webkit-user-select:none;user-select:none}@media(hover:hover){.count-plate-cell:hover{border-color:var(--color-accent-honey);transform:scale(1.03)}}.count-plate-cell.is-filled{background:#fdfaf3;border-color:#e5a63a;box-shadow:0 2px 6px #e5a63a33}.count-plate-cell.is-target-hint{border-color:var(--color-primary)}.cell-num-badge{position:absolute;top:2px;left:4px;font-family:var(--font-display);font-size:9px;font-weight:700;color:#bcaaa4}.cell-food-wrapper{display:flex;align-items:center;justify-content:center;animation:card-pop .3s cubic-bezier(.34,1.56,.64,1)}.cell-food-img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.cell-empty-well{width:82%;height:82%;display:flex;align-items:center;justify-content:center;border:2px dashed #e3d2b3;border-radius:14px;background:#fdf8ec}.cell-plus-icon{font-family:var(--font-display);font-size:18px;font-weight:700;color:#d3bd9c;line-height:1}.count-floating-heart{position:absolute;bottom:20px;font-size:26px;animation:float-heart 1.6s ease-out forwards;pointer-events:none;z-index:30}.count-tray-section{display:flex;flex-direction:column;gap:4px;width:100%;background:var(--color-bg-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:6px 12px}.count-tray-header{display:flex;justify-content:space-between;align-items:center}.tray-label{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-text-secondary)}.count-clear-btn{border:none;background:transparent;color:var(--color-retry);font-size:12px;font-weight:700;cursor:pointer;padding:1px 6px;border-radius:var(--radius-pill)}.count-food-dispenser{display:flex;justify-content:center;width:100%}.food-dispenser-btn{display:inline-flex;align-items:center;gap:8px;background:#fff8eb;border:2px solid var(--color-accent-honey);border-radius:var(--radius-pill);padding:6px 18px;cursor:pointer;touch-action:manipulation;transition:all var(--motion-fast) ease;box-shadow:0 2px 6px #e5a63a33}@media(hover:hover){.food-dispenser-btn:hover:not(:disabled){background:#ffe394;transform:translateY(-2px)}}.food-dispenser-btn:disabled{opacity:.5;cursor:not-allowed}.dispenser-food-img{width:32px;height:32px;object-fit:contain}.dispenser-add-tag{font-family:var(--font-display);font-size:14px;font-weight:700;color:#7d4d00}.count-actions-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%}.count-feed-btn{width:100%;height:48px;font-size:17px;border-radius:var(--radius-pill)}.count-feed-btn.is-ready{background:var(--color-success);animation:pulse-border 1.5s infinite}.success-header{display:flex;align-items:center;gap:var(--space-sm);width:100%}.success-badge{width:34px;height:34px;border-radius:50%;background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.success-text{margin:0;font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-text-primary)}.count-success-panel{width:100%;background:var(--color-bg-surface);border:2px solid var(--color-accent-honey);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;box-shadow:0 4px 14px #e5a63a33;animation:modal-pop .35s cubic-bezier(.34,1.56,.64,1)}.split-game-page{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;max-width:500px;margin:0 auto}.split-bonds-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;background:var(--color-bg-surface);border:2px solid var(--color-accent-honey);border-radius:var(--radius-lg);padding:8px 12px;box-shadow:0 3px 10px #e5a63a26}.bond-total-node{display:flex;flex-direction:column;align-items:center;gap:2px}.bond-total-badge{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--color-text-primary)}.bond-total-icons{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.bond-mini-food{width:22px;height:22px;object-fit:contain}.split-target-row{display:flex;gap:8px;justify-content:center;width:100%}.split-target-chip{display:inline-flex;align-items:center;gap:4px;background:#fff8eb;border:1.5px solid var(--color-accent-honey);border-radius:var(--radius-pill);padding:2px 10px 2px 4px}.split-target-chip img{width:26px;height:26px;object-fit:contain}.split-target-text{font-family:var(--font-display);font-size:13px;font-weight:700;color:#7d4d00;white-space:nowrap}.split-status-pill{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--color-text-secondary);background:#ffffffd9;border:1px solid var(--color-border);padding:2px 8px;border-radius:var(--radius-pill)}.split-status-pill.is-matched{background:#eef7ee;border-color:#a3d987;color:var(--color-success)}.bond-branches-row{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%}.bond-branch-line{font-size:16px;color:var(--color-accent-wood)}.bond-formula-text{font-family:var(--font-display);font-size:16px;font-weight:800;color:#2f7047;background:#eef7ee;border:1px solid #a3d987;padding:2px 10px;border-radius:var(--radius-pill)}.split-dining-stage{position:relative;width:100%;background:#fbf7ee;border:2.5px solid #dfcfb7;border-radius:var(--radius-lg);padding:12px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px;box-shadow:0 4px 14px #79543a14}.split-animal-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.split-animal-avatar{display:flex;flex-direction:column;align-items:center}.split-avatar-img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.15))}.split-avatar-name{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--color-text-secondary)}.split-plate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;width:100%}.split-plate-cell{position:relative;aspect-ratio:1 / 1;background:#fff;border:2px solid #ebd9c0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;padding:2px;transition:all var(--motion-fast) ease;-webkit-user-select:none;user-select:none}@media(hover:hover){.split-plate-cell:hover{border-color:var(--color-accent-honey);transform:scale(1.04)}}.split-plate-cell.is-filled{background:#fdfaf3;border-color:#e5a63a;box-shadow:0 2px 6px #e5a63a33}.split-cell-food{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));animation:card-pop .25s ease}.split-cell-well{width:78%;height:78%;display:flex;align-items:center;justify-content:center;border:2px dashed #e3d2b3;border-radius:10px;background:#fdf8ec}.split-cell-plus{font-family:var(--font-display);font-size:14px;font-weight:700;color:#d3bd9c;line-height:1}.split-basket{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;min-width:66px;padding:8px 4px;background:#fff8eb;border:2px dashed #e3d2b3;border-radius:var(--radius-md);align-self:center}.split-basket-icon{font-size:22px;line-height:1}.split-basket-foods{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:58px}.split-basket-food{width:20px;height:20px;object-fit:contain;animation:card-pop .25s ease}.split-basket-empty{font-family:var(--font-display);font-size:10px;font-weight:700;color:var(--color-text-disabled)}.split-floating-heart{position:absolute;bottom:20px;font-size:26px;animation:float-heart 1.6s ease-out forwards;pointer-events:none;z-index:30}.split-actions-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%}.split-feed-btn{width:100%;height:48px;font-size:17px;border-radius:var(--radius-pill)}.split-feed-btn.is-ready{background:var(--color-success);animation:pulse-border 1.5s infinite}.split-success-panel{width:100%;background:var(--color-bg-surface);border:2px solid var(--color-accent-honey);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;box-shadow:0 4px 14px #e5a63a33;animation:modal-pop .35s cubic-bezier(.34,1.56,.64,1)}