.app-shell[data-v-cf5c8ee4]{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;padding:24px 20px 40px;position:relative;overflow:hidden;background:var(--theme)}.scanline-overlay[data-v-cf5c8ee4]{position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.03) 3px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:100}.screen[data-v-cf5c8ee4]{display:flex;flex-direction:column;align-items:center;width:100%}.welcome-screen[data-v-cf5c8ee4]{padding-top:40px;gap:16px}.welcome-deco[data-v-cf5c8ee4]{display:flex;gap:16px;font-size:1.2rem;color:var(--accent-gold)}.deco-char[data-v-cf5c8ee4]{animation:float 2s ease-in-out infinite}.deco-char[data-v-cf5c8ee4]:nth-child(2){animation-delay:.3s}.deco-char[data-v-cf5c8ee4]:nth-child(3){animation-delay:.6s}.welcome-title[data-v-cf5c8ee4]{font-size:2.8rem;color:var(--cream);letter-spacing:8px;text-shadow:4px 4px 0 var(--theme-dark)}.welcome-subtitle[data-v-cf5c8ee4]{font-weight:700;font-size:1.6rem;color:var(--accent-gold);letter-spacing:6px}.welcome-story[data-v-cf5c8ee4]{background:#00000026;border:3px solid var(--theme-light);padding:20px;color:var(--cream);font-size:1rem;line-height:1.8;text-align:center;margin:8px 0}.welcome-foods[data-v-cf5c8ee4]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:8px 0}.food-float[data-v-cf5c8ee4]{font-size:2rem;animation:float 3s ease-in-out infinite;image-rendering:pixelated}.food-float[data-v-cf5c8ee4]:nth-child(2){animation-delay:.4s}.food-float[data-v-cf5c8ee4]:nth-child(3){animation-delay:.8s}.food-float[data-v-cf5c8ee4]:nth-child(4){animation-delay:1.2s}.food-float[data-v-cf5c8ee4]:nth-child(5){animation-delay:1.6s}.food-float[data-v-cf5c8ee4]:nth-child(6){animation-delay:2s}.food-float[data-v-cf5c8ee4]:nth-child(7){animation-delay:2.4s}.food-float[data-v-cf5c8ee4]:nth-child(8){animation-delay:2.8s}.start-btn[data-v-cf5c8ee4]{font-size:1.5rem;padding:18px 48px;margin-top:8px;animation:float 2s ease-in-out infinite}.welcome-hint[data-v-cf5c8ee4]{font-weight:700;font-size:1rem;color:var(--theme-light);letter-spacing:2px}.quiz-screen[data-v-cf5c8ee4]{padding-top:20px;gap:24px}.quiz-header[data-v-cf5c8ee4]{width:100%;display:flex;flex-direction:column;gap:8px}.progress-bar-wrap[data-v-cf5c8ee4]{width:100%;height:16px;background:#0003;border:3px solid var(--cream)}.progress-bar-fill[data-v-cf5c8ee4]{height:100%;background:var(--accent-gold);transition:width .3s ease}.progress-text[data-v-cf5c8ee4]{font-weight:700;font-size:1.1rem;color:var(--cream);text-align:right;letter-spacing:2px}.question-card[data-v-cf5c8ee4]{background:var(--cream);padding:28px 24px;width:100%;display:flex;flex-direction:column;gap:20px}.question-number[data-v-cf5c8ee4]{font-weight:700;font-size:1.4rem;color:var(--theme);letter-spacing:4px}.question-text[data-v-cf5c8ee4]{font-size:1.25rem;color:var(--text-dark);line-height:1.7}.options[data-v-cf5c8ee4]{display:flex;flex-direction:column;gap:12px}.option-btn[data-v-cf5c8ee4]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:3px solid var(--theme-dark);text-align:left;transition:all .15s;cursor:pointer}.option-btn[data-v-cf5c8ee4]:hover{background:var(--cream-dark)}.option-btn.selected[data-v-cf5c8ee4]{background:var(--theme);color:var(--cream);border-color:var(--theme-dark);box-shadow:inset -4px -4px #00000026}.option-label[data-v-cf5c8ee4]{font-weight:700;font-size:1.3rem;min-width:28px;color:var(--theme);flex-shrink:0}.option-btn.selected .option-label[data-v-cf5c8ee4]{color:var(--accent-gold)}.option-text[data-v-cf5c8ee4]{font-size:1rem;line-height:1.6}.next-btn[data-v-cf5c8ee4]{align-self:center;min-width:200px}.result-screen[data-v-cf5c8ee4]{padding-top:20px;gap:20px}.result-header[data-v-cf5c8ee4]{display:flex;flex-direction:column;align-items:center;gap:8px}.result-pixel-canvas[data-v-cf5c8ee4]{width:192px;height:192px;image-rendering:pixelated;image-rendering:crisp-edges;animation:float 3s ease-in-out infinite}.result-food-name[data-v-cf5c8ee4]{font-size:2.4rem;color:var(--cream);letter-spacing:6px;text-shadow:3px 3px 0 var(--theme-dark)}.result-tagline[data-v-cf5c8ee4]{font-size:1.1rem;color:var(--cream-dark);text-align:center;padding:0 12px}.result-desc-card[data-v-cf5c8ee4]{background:var(--cream);padding:24px;width:100%}.result-desc[data-v-cf5c8ee4]{font-size:1rem;line-height:1.9;color:var(--text-dark)}.result-match-row[data-v-cf5c8ee4]{display:flex;gap:12px;width:100%}.match-item[data-v-cf5c8ee4]{flex:1;background:var(--cream);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}.match-icon[data-v-cf5c8ee4]{font-size:1.2rem}.match-label[data-v-cf5c8ee4]{font-size:.85rem;color:var(--theme);letter-spacing:2px}.match-value[data-v-cf5c8ee4]{font-size:1.15rem;color:var(--text-dark)}.share-image-section[data-v-cf5c8ee4]{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.share-image-hint[data-v-cf5c8ee4]{font-size:.9rem;color:var(--cream-dark);text-align:center;animation:float 2.5s ease-in-out infinite}.share-image[data-v-cf5c8ee4]{width:100%;max-width:360px;height:auto;image-rendering:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .15s}.share-image[data-v-cf5c8ee4]:active{transform:scale(.97)}.generating-hint[data-v-cf5c8ee4]{font-size:1.1rem;color:var(--cream-dark);padding:40px 0}.share-card-anchor[data-v-cf5c8ee4]{position:fixed;left:-9999px;top:0;z-index:-1;pointer-events:none}.share-card[data-v-cf5c8ee4]{width:960px;height:540px;background:var(--cream);border:8px solid var(--theme);display:flex;overflow:hidden}.sc-left[data-v-cf5c8ee4]{width:38%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px;background:var(--theme)}.sc-food-canvas[data-v-cf5c8ee4]{width:192px;height:192px;image-rendering:pixelated;image-rendering:crisp-edges}.sc-food-name[data-v-cf5c8ee4]{font-size:38px;color:var(--cream);letter-spacing:6px;text-align:center}.sc-vdivider[data-v-cf5c8ee4]{display:none}.sc-footer[data-v-cf5c8ee4]{font-size:14px;color:var(--theme-light);text-align:center;letter-spacing:2px;line-height:1.6}.sc-right[data-v-cf5c8ee4]{flex:1;display:flex;flex-direction:column;padding:36px 40px;gap:16px}.sc-tagline[data-v-cf5c8ee4]{font-size:24px;color:var(--theme-dark);text-align:center;letter-spacing:2px}.sc-desc[data-v-cf5c8ee4]{font-size:17px;line-height:1.9;color:var(--text-dark);text-align:center;flex:1}.sc-match-row[data-v-cf5c8ee4]{display:flex;gap:32px;justify-content:center;margin-top:auto}.sc-match[data-v-cf5c8ee4]{display:flex;flex-direction:column;align-items:center;gap:6px}.sc-match-canvas[data-v-cf5c8ee4]{width:80px;height:80px;image-rendering:pixelated;image-rendering:crisp-edges}.sc-match-label[data-v-cf5c8ee4]{font-size:16px;color:var(--theme);letter-spacing:2px}.sc-match-name[data-v-cf5c8ee4]{font-size:20px;color:var(--text-dark);letter-spacing:2px}.result-actions[data-v-cf5c8ee4]{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:8px;padding-bottom:20px}.result-actions .pixel-btn[data-v-cf5c8ee4]{width:80%;max-width:280px}@media (max-width: 400px){.welcome-title[data-v-cf5c8ee4]{font-size:2.2rem;letter-spacing:4px}.result-food-name[data-v-cf5c8ee4]{font-size:2rem}.question-text[data-v-cf5c8ee4]{font-size:1.1rem}.result-pixel-canvas[data-v-cf5c8ee4]{width:144px;height:144px}}@font-face{font-family:BoutiqueBitmap9x9HK;src:url(/assets/BoutiqueBitmap9x9HK_1.93-DCNEcTMu.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BoutiqueBitmap9x9HK;src:url(/assets/BoutiqueBitmap9x9HK_Bold_1.93-BerwewNX.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--theme: #2A835F;--theme-dark: #1B5E42;--theme-light: #3DA87A;--cream: #FFF8E7;--cream-dark: #F0E6CC;--text-dark: #1A3A2A;--text-light: #FFF8E7;--accent-red: #D94F4F;--accent-gold: #F0B860;--accent-blue: #4A90D9;--pixel-border: 4px;--font-pixel: "BoutiqueBitmap9x9HK", monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}html,body{width:100%;min-height:100dvh;overflow-x:hidden;background:var(--theme);font-family:var(--font-pixel);color:var(--text-dark);image-rendering:pixelated;-webkit-font-smoothing:none}#app{width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center}img,canvas,svg{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}button{font-family:var(--font-pixel);cursor:pointer;border:none;outline:none;-webkit-font-smoothing:none;image-rendering:pixelated}.pixel-border{border:var(--pixel-border) solid var(--text-dark);box-shadow:inset calc(-1 * var(--pixel-border)) calc(-1 * var(--pixel-border)) 0 0 #00000026,var(--pixel-border) var(--pixel-border) 0 0 #0003}.pixel-btn{display:inline-block;padding:14px 32px;font-size:1.2rem;color:var(--text-light);background:var(--theme);border:4px solid var(--text-dark);box-shadow:inset -4px -4px #0003,4px 4px #0000004d;transition:transform .08s,box-shadow .08s;letter-spacing:2px;text-align:center}.pixel-btn:active{transform:translate(4px,4px);box-shadow:inset -4px -4px #0003,0 0 #0000004d}.pixel-btn--cream{background:var(--cream);color:var(--theme-dark)}.pixel-btn--accent{background:var(--accent-gold);color:var(--text-dark)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-up-enter-from{transform:translateY(30px);opacity:0}.slide-up-leave-to{transform:translateY(-30px);opacity:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes press-ring{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.15);opacity:0}}