.landing-root{position:fixed;inset:0;z-index:50;overflow-y:auto;overflow-x:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#241813;-webkit-font-smoothing:antialiased;background:linear-gradient(155deg,#2f8e95,#155f76 52%,#a85e2f);touch-action:auto}.landing-shell{position:relative;width:min(100vw,480px);min-height:100%;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 18%,rgba(6,42,52,.38) 100%),linear-gradient(180deg,#34a8a8,#1f8898 58%,#ac6532);box-shadow:0 28px 90px #062a3473}.landing-brand{display:inline-flex;align-self:center;align-items:center;gap:7px;margin:0;padding:6px 14px;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:#14525f;background:#fff9e2ed;border:1px solid rgba(20,82,95,.18);border-radius:999px;box-shadow:0 8px 18px #124e5b38}.landing-brand-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#fff063,#ff7f3f);box-shadow:0 0 0 2px #fff7e599}.landing-scene{position:relative;padding:10px 10px 12px;border:1px solid rgba(255,247,229,.4);border-radius:12px;background:linear-gradient(180deg,#0b3840c7,#0b3840e0);box-shadow:inset 0 1px #ffffff14,0 12px 28px #124e5b52}.landing-toolbar{display:inline-flex;gap:4px;margin:0 auto 10px;padding:4px;background:#00000052;border:1px solid rgba(255,247,229,.18);border-radius:999px;display:flex;justify-content:center}.landing-btn{padding:6px 14px;font:inherit;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff7e5c7;background:transparent;border:0;border-radius:999px;cursor:pointer;transition:color .16s ease,background .16s ease}.landing-btn:hover{color:#fff7e5}.landing-btn--active{color:#201411;background:linear-gradient(180deg,#fff063,#ff9b4a);box-shadow:inset 0 1px #ffffff80,0 4px 12px #b9502152}.landing-canvas-shell{position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#c4e8ee,#d8eef3);box-shadow:inset 0 0 0 1px #ffffff80,0 8px 20px #00000040}#cherry-canvas{display:block;width:100%;height:clamp(200px,30vh,280px);touch-action:manipulation;cursor:pointer;outline:none}#cherry-canvas:focus-visible{box-shadow:0 0 0 3px #fff06399}.landing-canvas-shell--fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:1.4rem 1rem;min-height:clamp(280px,44vh,380px);background:radial-gradient(70% 60% at 50% 35%,#fff9e2f5,#ffe8a0e6)}.landing-canvas-shell--fallback #static-qr-canvas{display:block;border-radius:10px;background:#fff;padding:10px;box-shadow:0 6px 18px #51321c38}.landing-fallback-caption{margin:0;font-size:12px;font-weight:850;color:#604c42;text-align:center;max-width:28ch;line-height:1.35}.landing-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;min-height:0;padding:0 2px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff7e5c7}.landing-feedback{min-height:1em;margin:6px 0 0;padding:0 2px;font-size:12px;font-weight:850;color:#ffd9b0}.landing-error{position:absolute;inset:10px;z-index:5;margin:0;padding:1.25rem;text-align:center;font-size:.85rem;line-height:1.45;color:#fff7e5;background:#0b3840f5;border:1px solid rgba(255,247,229,.32);border-radius:10px;overflow:auto}.landing-error[hidden]{display:none!important}.landing-error:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.landing-error strong{font-size:.95rem;color:#fff}.landing-error code{display:block;max-width:100%;margin-top:.25rem;padding:.5rem .65rem;font-size:.74rem;text-align:left;white-space:pre-wrap;word-break:break-word;color:#ffd9b0;background:#0006;border-radius:6px}.landing-ticket{margin-top:4px;padding:20px 18px 22px;border:1px solid rgba(255,247,229,.5);border-radius:10px;background:linear-gradient(135deg,#fff9e5fa,#ffe791f0);box-shadow:0 20px 52px #00000057;color:#241813}.landing-eyebrow{margin:0 0 6px;font-size:11px;font-weight:950;letter-spacing:.02em;text-transform:uppercase;color:#1f806e}.landing-title{margin:0 0 8px;font-size:clamp(26px,7vw,34px);font-weight:950;letter-spacing:-.015em;line-height:1.18;color:#241813}.landing-title-accent{color:#ff7f3f}.landing-tagline{margin:0 0 16px;font-size:14px;font-weight:760;line-height:1.42;color:#705f52}.landing-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;padding:14px 18px;font:inherit;font-size:18px;font-weight:950;letter-spacing:.005em;color:#201411;background:linear-gradient(180deg,#fff063,#ff7f3f);border:0;border-radius:8px;cursor:pointer;box-shadow:inset 0 1px #ffffff8c,0 10px 20px #b9502142;transition:transform .12s ease,box-shadow .12s ease}.landing-cta:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff9,0 12px 24px #b9502152}.landing-cta:active{transform:translateY(2px) scale(.99);box-shadow:inset 0 1px #ffffff73,0 6px 14px #b9502138}.landing-cta-arrow{font-size:1.1rem;line-height:1}.landing-footer{margin:8px 0 0;text-align:center;font-size:10px;font-weight:850;letter-spacing:.04em;color:#fff7e5db;text-shadow:0 1px 2px rgba(0,0,0,.28)}@media (max-height: 740px){.landing-shell{gap:10px}.landing-ticket{padding:16px 16px 18px}#cherry-canvas{height:clamp(180px,26vh,240px)}.landing-canvas-shell--fallback{min-height:clamp(180px,26vh,240px)}}:root{--ink: #241813;--paper: #fff7e5;--ticket: #fff0c9;--amber: #ffd65b;--orange: #ff7f3f;--jade: #21b69d;--dark: #126c81;--muted: #705f52;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:#102c2a}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:linear-gradient(155deg,#2f8e95,#155f76 52%,#a85e2f);touch-action:none;-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;font:inherit}button:focus-visible{outline:3px solid rgba(255,247,229,.92);outline-offset:3px}.app-shell{position:relative;width:min(100vw,480px);height:100dvh;min-height:640px;margin:0 auto;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 16%,rgba(6,42,52,.38) 100%),linear-gradient(180deg,#34a8a8,#1f8898 58%,#ac6532);box-shadow:0 28px 90px #062a347a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.screen,.game-canvas,.menu-vignette{position:absolute;inset:0}.game-canvas{z-index:1;pointer-events:none}.game-canvas canvas{width:100%;height:100%;display:block}.menu-vignette{z-index:2;background:linear-gradient(180deg,#23b2c40a,#23b2c414 42%,#19515eb8),radial-gradient(circle at 50% 42%,transparent 0 47%,rgba(0,0,0,.18))}.menu-card,.result-card{position:absolute;z-index:20;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:20px;border:1px solid rgba(255,247,229,.5);border-radius:8px;background:linear-gradient(135deg,#fff9e5fa,#ffe791f0);box-shadow:0 20px 52px #00000057;pointer-events:auto}.eyebrow{margin:0 0 5px;color:#1f806e;font-size:11px;font-weight:950;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}.menu-card h1,.result-card h1{margin-bottom:8px;font-size:clamp(34px,9.4vw,48px);line-height:1.24}.menu-card p,.result-card p{color:var(--muted);font-weight:760;line-height:1.32}.best-row{margin:14px 0;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(36,24,19,.14);border-radius:7px;background:#ffeec4db;font-weight:950;text-transform:uppercase}.best-row strong,.result-stars{color:#b97506;font-size:32px;line-height:1}.primary-button,.auto-task{min-height:56px;width:100%;border-radius:8px;background:linear-gradient(180deg,#fff063,#ff7f3f);box-shadow:inset 0 1px #ffffff8c,0 10px 20px #b9502142;color:#201411;font-size:18px;font-weight:950}.dish-picker{display:flex;gap:6px;margin:8px 0 12px}.dish-chip{flex:1;min-height:44px;padding:8px 10px;font:inherit;font-size:14px;font-weight:800;color:var(--ink);background:#fff7e5b3;border:1.5px solid rgba(36,24,19,.14);border-radius:8px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.dish-chip:hover{border-color:#2418134d}.dish-chip--active{color:#201411;background:linear-gradient(180deg,#fff8d2,#ffd47a);border-color:#b9502199;box-shadow:inset 0 1px #ffffffb3}.locale-toggle{display:flex;justify-content:center;gap:4px;margin-top:12px}.locale-btn{min-width:56px;padding:7px 14px;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--muted);background:#fff7e566;border:1px solid rgba(36,24,19,.18);border-radius:999px;cursor:pointer;transition:background .12s ease,color .12s ease}.locale-btn:hover{color:var(--ink)}.locale-btn--active{color:#201411;background:#fff;border-color:#24181366;box-shadow:0 2px 8px #2418132e}.primary-button:active,.auto-task:active{transform:translateY(2px) scale(.99)}.top-hud{position:absolute;z-index:15;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;display:grid;gap:6px;pointer-events:none}.order-ticket{border:1px solid rgba(255,247,229,.36);border-radius:8px;background:#0b3840f0;box-shadow:0 12px 28px #00000057;backdrop-filter:blur(8px);color:#fff8e6}.order-ticket .eyebrow{color:#5acfb1}.order-ticket h2{color:#fff8e6;text-shadow:0 1px 2px rgba(0,0,0,.32)}.status-strip{border:1px solid rgba(255,247,229,.36);border-radius:8px;box-shadow:0 12px 28px #00000052;backdrop-filter:blur(8px)}.order-ticket{min-height:50px;padding:6px 8px;display:grid;grid-template-columns:1fr repeat(3,44px);gap:6px;align-items:center}.order-ticket h2{margin:0;font-size:18px;line-height:1.22}.order-chip{position:relative;width:44px;min-height:44px;padding:0;display:grid;place-items:center;border:2px solid rgba(36,24,19,.12);border-radius:8px;background:#ffe9a3;color:#69594e}.order-chip.done{border-color:#197e5752;background:#c6f0b8;color:#163b33}.order-chip i{position:relative;display:block;width:32px;height:28px}.order-chip i:before,.order-chip i:after{content:"";position:absolute;display:block}.order-rice i:before{left:5px;top:8px;width:22px;height:14px;border-radius:50%;background:#fffdf1;box-shadow:0 -4px #f6e7ae,-6px 2px #fff7d1,6px 2px #fff7d1}.order-chicken i:before{left:3px;top:8px;width:23px;height:16px;border-radius:55% 45% 50%;background:#f2b066;box-shadow:inset 0 -4px #c9783c}.order-chicken i:after{right:0;top:11px;width:10px;height:7px;border-radius:4px;background:#fff4d8}.order-chili i:before{left:9px;top:8px;width:18px;height:13px;border-radius:55% 35%;background:#db3328;transform:rotate(-22deg)}.order-chili i:after{left:18px;top:4px;width:8px;height:9px;border-radius:7px 7px 0;background:#23a95e;transform:rotate(28deg)}.order-chip.done:after{content:"";position:absolute;right:5px;bottom:5px;width:12px;height:7px;border-left:4px solid #157c55;border-bottom:4px solid #157c55;transform:rotate(-45deg)}.status-strip{min-height:42px;padding:7px 10px;display:grid;grid-template-columns:56px 1fr 72px;gap:8px;align-items:center;background:#0b3840eb;color:#fff8e6}.status-strip strong{color:#ffe27a;font-size:17px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.35)}.status-strip span,.status-strip em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:normal;font-weight:900}.status-strip em{text-align:right;color:#ffd9b0}.workflow-guide{position:absolute;z-index:14;top:calc(max(10px,env(safe-area-inset-top)) + 50px);left:20px;right:20px;height:70px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;border:1px solid rgba(255,247,229,.32);border-radius:8px;background:#0a3840c7;box-shadow:inset 0 1px #ffffff1a,0 12px 24px #134a5347;backdrop-filter:blur(4px);pointer-events:none}.workflow-step{position:relative;min-width:0;height:100%;display:grid;place-items:center;align-content:center;gap:4px;color:#fff8e6;font-size:9px;font-weight:950;line-height:1;text-align:center;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.45)}.workflow-step+.workflow-step:before{content:"";position:absolute;left:-12px;top:27px;width:24px;height:3px;border-radius:99px;background:#fff7e57a}.workflow-step i{position:relative;width:30px;height:24px;display:block;border-radius:8px;background:#fff5d780;box-shadow:inset 0 0 0 1px #fff7e52e}.workflow-step i:before,.workflow-step i:after{content:"";position:absolute;display:block}.workflow-step.done{color:#edfff6}.workflow-step.done i{background:#c6f0b8e0}.workflow-step.done i:after{right:-2px;bottom:-2px;width:13px;height:8px;border-left:4px solid #157c55;border-bottom:4px solid #157c55;transform:rotate(-45deg)}.workflow-step.active{color:#fff7dc}.workflow-step.active i{background:linear-gradient(180deg,#fff063,#ff9f45);box-shadow:0 0 0 5px #fff06324,0 8px 16px #7444152e;animation:guide-pulse .9s ease-in-out infinite}.guide-rice i:before{left:5px;top:8px;width:20px;height:11px;border-radius:50%;background:#fffdf1;box-shadow:-4px 2px #fff7d1,4px 2px #fff7d1}.guide-chicken i:before{left:4px;top:7px;width:18px;height:13px;border-radius:55% 45% 50%;background:#f2b066;box-shadow:inset 0 -4px #c9783c}.guide-chicken i:after{right:4px;top:10px;width:8px;height:6px;border-radius:4px;background:#fff4d8}.guide-chili i:before{left:8px;top:7px;width:15px;height:11px;border-radius:55% 35%;background:#db3328;transform:rotate(-22deg)}.guide-chili i:after{left:17px;top:4px;width:7px;height:8px;border-radius:7px 7px 0;background:#23a95e;transform:rotate(28deg)}.guide-plate i:before{left:5px;top:7px;width:20px;height:12px;border-radius:50%;background:#fff8e8;box-shadow:inset 0 -3px #d8cdbb}.guide-serve i:before{left:5px;top:9px;width:20px;height:12px;border-radius:3px;background:#ffe0a5;box-shadow:inset 0 -4px #be743a}.guide-serve i:after{left:11px;top:3px;width:8px;height:7px;border-radius:50% 50% 2px 2px;background:#ffd65b}.station-labels{position:absolute;z-index:9;inset:0;display:none;pointer-events:none}.station-label{position:absolute;width:30px;height:30px;padding:0;display:grid;place-items:center;border:2px solid rgba(255,255,255,.78);border-radius:50%;background:#0d546275;box-shadow:0 8px 18px #164d5338;opacity:.72;transform:translate(-50%,-50%)}.station-label.near,.station-label.active{border-color:#fff15cfa;background:#ff7f3fbd;box-shadow:0 0 0 6px #fff15c38,0 10px 20px #78331538;opacity:1;transform:translate(-50%,-50%) scale(1.16)}.station-label i,.station-label i:before,.station-label i:after{content:"";position:relative;display:block}.station-label i:before,.station-label i:after{position:absolute}.station-fridge i{width:18px;height:22px;border-radius:3px;background:#dff3f6;box-shadow:inset 0 -9px #93d5dc}.station-fridge i:after{right:3px;top:9px;width:3px;height:8px;border-radius:3px;background:#34737c}.station-pantry i{width:22px;height:17px;border-radius:3px 3px 7px 7px;background:#b87435;box-shadow:inset 0 5px #f8eac4}.station-board i{width:24px;height:14px;border-radius:3px;background:#e7a85e}.station-board i:after{left:5px;top:5px;width:21px;height:4px;border-radius:3px;background:#dfe6df;transform:rotate(-26deg)}.station-riceCooker i{width:22px;height:18px;border-radius:40%;background:#e9f0ec;box-shadow:inset 0 -5px #839690}.station-riceCooker i:after{left:7px;top:5px;width:8px;height:5px;border-radius:50%;background:#fff9d7}.station-pot i{width:24px;height:17px;border-radius:50%;background:#d8e6df;box-shadow:inset 0 -5px #76827c}.station-pot i:after{left:4px;top:5px;width:16px;height:6px;border-radius:50%;background:#79dce8}.station-mortar i{width:22px;height:16px;border-radius:50% 50% 45% 45%;background:#7d7468;box-shadow:inset 0 -5px #3b332d}.station-mortar i:after{right:-2px;top:-8px;width:5px;height:20px;border-radius:4px;background:#f4dfb6;transform:rotate(34deg)}.station-plate i{width:24px;height:17px;border-radius:50%;background:#fff8e8;box-shadow:inset 0 -3px #d8cdbb}.station-serve i{width:24px;height:17px;border-radius:3px;background:#ffe0a5;box-shadow:inset 0 -5px #be743a}.station-serve i:after{left:8px;top:-8px;width:9px;height:7px;border-radius:50% 50% 2px 2px;background:#ffd65b}.station-trash i{width:18px;height:20px;border-radius:3px 3px 6px 6px;background:#57544d;box-shadow:inset 0 4px #8b877c}.move-pad{position:absolute;z-index:18;left:50%;bottom:max(22px,env(safe-area-inset-bottom));width:122px;height:122px;border:2px solid rgba(255,247,229,.62);border-radius:50%;background:#0a3840b8;box-shadow:0 14px 28px #00000061;touch-action:none;transform:translate(-50%)}.move-pad i{position:absolute;left:50%;top:50%;width:44px;height:44px;border-radius:50%;background:#fff7e5;box-shadow:0 8px 18px #00000052}.auto-panel{position:absolute;z-index:19;left:50%;bottom:max(150px,calc(env(safe-area-inset-bottom) + 142px));width:min(330px,calc(100% - 36px));display:grid;gap:6px;pointer-events:none;transform:translate(-50%)}.near-pill{min-height:32px;padding:7px 10px;display:grid;place-items:center;border:1px solid rgba(255,247,229,.5);border-radius:8px;background:#0b3840eb;color:#fff8e6;box-shadow:0 10px 22px #0000004d;font-size:12px;font-weight:950;text-shadow:0 1px 2px rgba(0,0,0,.45)}.education-tip{padding:9px 11px 10px;border:1px solid rgba(255,247,229,.32);border-radius:8px;background:#0b3840f0;box-shadow:0 12px 24px #0000004d;color:#fff8e6}.education-tip h3{margin:0 0 3px;color:#5acfb1;font-size:11px;font-weight:950;line-height:1.05;text-transform:uppercase}.education-tip p{margin:0;color:#ffe6c8;font-size:clamp(11px,3vw,13px);font-weight:850;line-height:1.22;text-shadow:0 1px 2px rgba(0,0,0,.34)}.auto-panel.working{gap:6px}.auto-panel.working .education-tip{padding:7px 10px 8px}.auto-panel.working .education-tip p{font-size:clamp(10px,2.8vw,12px);line-height:1.18}.auto-panel.working .near-pill{display:none}.auto-panel.working .auto-task{min-height:34px}.auto-task{position:relative;min-height:40px;display:grid;place-items:center;overflow:hidden;border-radius:999px}.auto-task:not(.ready){display:none}.auto-task i{position:absolute;inset:0;background:#21b69d5c;transform-origin:left center}.auto-task strong{position:relative;display:block;padding:0 10px;font-size:clamp(13px,3.4vw,16px);line-height:1.08;text-align:center;text-transform:none}.auto-panel>p{display:none}@keyframes guide-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.result-meta{font-size:18px;font-weight:950}.result-art{width:min(176px,44vw);aspect-ratio:1;margin:-92px auto 10px;overflow:hidden;border:5px solid rgba(255,248,232,.95);border-radius:50%;background:#fff4d6;box-shadow:0 18px 38px #51321c47}.result-art img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.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}@media (max-height: 740px){.app-shell{min-height:580px}.top-hud{gap:6px}.order-ticket{min-height:58px;padding:8px;grid-template-columns:1fr repeat(3,40px)}.order-ticket h2{font-size:16px}.order-chip{width:40px;min-height:40px}.status-strip{min-height:40px;padding:6px 8px}.workflow-guide{top:calc(max(8px,env(safe-area-inset-top)) + 46px);left:16px;right:16px;height:60px}.workflow-step{font-size:8px}.workflow-step i{width:26px;height:21px}.move-pad{width:104px;height:104px}.auto-panel{bottom:max(126px,calc(env(safe-area-inset-bottom) + 116px));width:min(300px,calc(100% - 28px))}.auto-task{min-height:38px}.auto-panel>p{display:none}.station-label{width:28px;height:28px}.menu-card,.result-card{bottom:10px;padding:16px}.result-art{width:min(132px,38vw);margin-top:-68px;margin-bottom:6px}}