@charset "UTF-8";
html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
:root{--ink:#203b26;--mid:#547045;--light:#91a96c;--lcd:#c0cf91;--shell:#e6e1cd;--wine:#773b48;color-scheme:light;font-family:"MS Gothic","Yu Gothic",monospace;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#26271e;color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:focus-visible,a:focus-visible{outline:3px solid #b9793b;outline-offset:4px}button:disabled{cursor:default}button[hidden]{display:none}.desk{min-height:100svh;min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:22px 14px;background:radial-gradient(ellipse at 50% 42%,#5b58403b,transparent 70%),repeating-linear-gradient(94deg,transparent 0 56px,#0000000c 57px 59px),#292b22;gap:16px}.desk-caption{position:absolute;left:36px;top:30px;display:flex;flex-direction:column;color:#c7c7af;gap:8px;font-size:13px;letter-spacing:2px}.desk-caption span:first-child{font-size:19px;letter-spacing:4px}.desk-caption span:last-child{font-size:9px;opacity:.55}.console{width:380px;max-width:100%;padding:16px 23px 18px;border-radius:18px 18px 54px 18px;background:linear-gradient(125deg,#efecdd,#d9d3bd);box-shadow:inset 2px 2px 0 #ffffff8c,inset -3px -5px 0 #aaa48b,0 18px 0 -8px #171a1580,0 35px 45px #0000006b;position:relative}.console:after{content:"";position:absolute;left:2px;right:2px;top:45px;height:2px;background:#bbb6a338;pointer-events:none}.console-top{height:36px;display:flex;justify-content:space-between;align-items:flex-start}.power{border:0;background:none;padding:0 0 10px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:bold;letter-spacing:1.5px;color:#646857;min-height:34px}.switch{display:block;width:44px;height:21px;border-radius:3px;background:#a6a594;box-shadow:inset 1px 2px 3px #565b5180;padding:3px}.switch i{display:block;width:20px;height:15px;background:repeating-linear-gradient(90deg,#f0eedf 0 2px,#c5c1ae 2px 3px);border-radius:2px;box-shadow:1px 1px 2px #0004;transition:transform .15s}.power[aria-pressed=true] .switch i{transform:translateX(18px)}.edition{font-size:10px;letter-spacing:2px;color:#7d806e;padding-top:5px}.bezel{border-radius:8px 8px 30px 8px;background:#5c625b;padding:12px 17px 11px;box-shadow:inset 1px 2px 2px #40463a,inset -1px -1px 0 #ffffff66}.bezel-top{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:7px;letter-spacing:.5px;color:#c8c9b9;margin-bottom:11px}.bezel-line{flex:1;border-top:2px solid #957277;border-bottom:1px solid #313e4b;height:6px}.screen-wrap{position:relative}.led{position:absolute;width:5px;height:5px;left:-11px;top:22px;background:#362e27;border-radius:50%;box-shadow:inset 1px 1px 2px #151a13}.led.on{background:#f07d69;box-shadow:0 0 7px #ee6449}.screen{height:318px;position:relative;background:var(--lcd);border:3px solid #344332;box-shadow:inset 3px 3px 8px #344c3659;overflow:hidden;isolation:isolate;transition:background .15s}.screen[data-stage=off]{background:#879675}.scene{height:100%;padding:17px 15px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.lcd-grid{pointer-events:none;position:absolute;inset:0;z-index:10;opacity:.14;background-image:linear-gradient(#203b2638 1px,transparent 1px),linear-gradient(90deg,#203b2638 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:multiply}.bezel-bottom{display:flex;justify-content:space-between;margin-top:9px;color:#b7bca9;font-size:7px;letter-spacing:1px}.bezel-bottom span:last-child{font-size:9px}.wordmark{display:flex;align-items:baseline;gap:9px;margin:15px 0 9px;color:#344b55}.wordmark>span:first-child{font-family:Georgia,serif;font-size:26px;font-weight:bold;font-style:italic}.wordmark>span:nth-child(2){font-family:Arial,sans-serif;font-size:12px;font-weight:900;font-style:italic;letter-spacing:1.3px}.wordmark small{font-size:8px;margin-left:auto}.controls{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 6px;height:82px}.back-button{width:53px;height:51px;border:0;border-radius:7px;background:#434b40;color:#d8dbbb;box-shadow:0 4px 0 #272e26,inset 1px 1px 1px #ffffff30;position:relative}.back-button>span{font-family:Arial,sans-serif;font-size:26px}.back-button small{position:absolute;left:0;right:0;bottom:-17px;font-size:8px;letter-spacing:2px;color:#626d58}.back-button:disabled{opacity:.4}.back-button:active:not(:disabled),.action-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #38212a}.action-group{display:flex;align-items:center;gap:12px}.action-label{font-size:11px;color:#666a59;max-width:135px;line-height:1.6;text-align:right}.action-button{width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(135deg,#94505e,#753745);color:#e4c6c6;font:bold 23px Georgia,serif;box-shadow:0 5px 0 #482c34,inset 1px 2px 1px #d5969780}.action-button:disabled{filter:saturate(.35);color:#c1aba8}.console-bottom{display:flex;gap:12px;align-items:center;margin-top:13px;height:26px}.utility{background:none;border:0;padding:9px 0;color:#6b705f;font-size:10px;min-height:36px}.utility[aria-pressed=true]{color:#304332}.speaker{display:flex;gap:6px;transform:rotate(-24deg);margin-left:auto;margin-right:4px}.speaker i{display:block;height:22px;width:4px;border-radius:2px;background:#b3af9d;box-shadow:inset 1px 1px 1px #63685577}.desk-note{font-size:10px;letter-spacing:3px;color:#d0d0b476}.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}.off-content{margin:auto;text-align:center;opacity:.63;font-size:11px;letter-spacing:1px;line-height:2.4}.off-icon{font-size:30px;display:block}.boot{justify-content:center;align-items:center}.boot-logo{width:150px;animation:boot-drop 1.5s steps(28,end) both}.boot-brand{font-size:15px;letter-spacing:7px;text-align:center;margin-bottom:10px}.pixel-logo{width:100%;display:block;fill:var(--ink);shape-rendering:crispEdges}.boot-sub{margin-top:15px;font-size:8px;letter-spacing:2px}.chapter{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;border-bottom:1px solid var(--mid);padding-bottom:7px}.title-copy{text-align:center;margin:12px 0 7px}.title-copy p{margin:0 0 6px;font-size:11px;letter-spacing:3px}.title-copy h1{font-size:23px;line-height:1.5;letter-spacing:2px;margin:0;font-weight:normal}.title-copy .pixel-logo{width:100px;margin:6px auto 0}.pixel-art{width:100%;height:118px;flex-shrink:0;display:block;shape-rendering:crispEdges}.title-hint{margin:9px 0 0;text-align:center;font-size:10px;letter-spacing:1px}.scene-enter{animation:appear .3s steps(4,end)}.scene h2{font-size:19px;line-height:1.5;margin:0;font-weight:normal;letter-spacing:1px}.dialogue{border:2px solid var(--ink);padding:10px 11px;box-shadow:3px 3px 0 var(--mid);background:#cad79a;font-size:12px;line-height:1.9;position:relative;min-height:73px}.dialogue p{margin:0}.dialogue-name{position:absolute;top:-10px;left:9px;background:var(--lcd);padding:0 6px;font-size:9px;letter-spacing:1px}.dialogue-next{position:absolute;right:7px;bottom:4px;font-size:8px}.fact-kicker{font-size:9px;letter-spacing:2px;margin:10px 0 3px;color:#405b36}.fact-title{font-size:20px!important;font-weight:bold!important}.fact-description{font-size:12px;line-height:1.8;margin:8px 0}.fact-art{height:86px}.ingredient-progress{display:flex;gap:5px}.ingredient-progress i{display:block;width:18px;height:4px;background:var(--light)}.ingredient-progress i.filled{background:var(--ink)}.ribbon{font-size:9px;border:1px solid var(--mid);padding:4px 5px;align-self:flex-start}.wrap-button{background:none;border:0;display:block;align-self:center;width:160px;padding:0;min-height:105px;transition:transform .15s}.wrap-button:active{transform:scale(.94)}.wrap-button .pixel-art{height:100px}.wrap-meter{display:flex;gap:5px;justify-content:center;margin:3px 0}.wrap-meter i{width:37px;height:6px;background:var(--light)}.wrap-meter i.filled{background:var(--ink)}.wrap-hint{text-align:center;font-size:10px;line-height:1.8;margin:0}.complete-heading{text-align:center;margin:9px 0!important}.seal{display:inline-flex;align-self:center;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--mid);font-size:10px;padding:5px 9px;letter-spacing:1px}.result-links{display:flex;justify-content:center;gap:15px;font-size:9px;margin-top:8px}.result-links a{color:var(--ink);text-underline-offset:3px;padding:8px 0}.steam{animation:steam 2.4s steps(5,end) infinite}.squeeze{animation:squeeze .3s steps(4,end)}
@keyframes boot-drop{from{transform:translateY(-180px)}to{transform:translateY(0)}}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes steam{0%,100%{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes squeeze{50%{transform:scale(.9,1.04)}}
body.reduced .boot-logo,body.reduced .scene-enter,body.reduced .steam,body.reduced .squeeze{animation:none}body.reduced *{transition:none!important}
@media(max-width:700px){.desk-caption{display:none}.desk{padding:12px 10px;gap:13px}.console{width:370px}.desk-note{font-size:9px;letter-spacing:2px}}
@media(max-height:700px){.desk{padding-top:10px;padding-bottom:10px;gap:10px}.console{width:350px;padding:12px 19px 13px}.console-top{height:33px}.screen{height:285px}.scene{padding:13px 12px}.bezel{padding:10px 15px}.wordmark{margin:10px 0 4px}.controls{height:71px}.console-bottom{margin-top:9px}.pixel-art{height:100px}.fact-art{height:66px}.title-copy{margin:8px 0 5px}.title-copy h1{font-size:21px}.fact-description{margin:5px 0;font-size:11px}.dialogue{padding:9px 10px;font-size:11px;min-height:67px}.desk-caption{display:none}}
.screen[data-stage=title] .pixel-art{height:80px}.screen[data-stage=title] .title-copy h1{line-height:1.3}.screen[data-stage=intro] .pixel-art{height:95px}.screen[data-stage=complete] .pixel-art{height:75px}.screen[data-stage=complete] .fact-description{text-align:center}.screen[data-stage=wrap] .dialogue{min-height:61px}.dialogue,.fact-description{font-size:12px}.screen[data-stage=ingredient] .fact-description{line-height:1.7}
@media(max-width:340px){.console{padding-left:15px;padding-right:15px}.bezel{padding-left:12px;padding-right:12px}.screen{height:275px}.scene{padding:11px 10px}.fact-title{font-size:18px!important}.dialogue{font-size:11px}.wordmark>span:nth-child(2){font-size:10px}.action-label{font-size:10px}.desk-note{display:none}.screen[data-stage=intro] .pixel-art{height:76px}}
@media(max-height:560px) and (orientation:landscape){.desk{min-height:100dvh;justify-content:flex-start}.desk-note{display:none}}
@media(prefers-reduced-motion:reduce){body:not(.full-motion) .boot-logo,body:not(.full-motion) .scene-enter,body:not(.full-motion) .steam,body:not(.full-motion) .squeeze{animation:none}}
.screen[data-stage=complete] .pixel-art{height:55px}.complete-heading{margin:4px 0!important;font-size:18px!important;line-height:1.4!important}.result-links{margin-top:0}.result-links a{min-height:40px;display:flex;align-items:center;font-size:11px}.screen[data-stage=complete] .fact-description{font-size:11px}

/* Walk around the same pocket console, then move the camera to the worktop. */
.controls{height:114px;padding:0 2px;gap:16px}.dpad{position:relative;width:114px;height:114px;flex:0 0 114px;filter:drop-shadow(0 4px 0 #272e26)}.dpad-center{position:absolute;left:35px;top:35px;width:44px;height:44px;background:#434b40;box-shadow:inset 0 0 10px #252d2655}.dpad-center:after{content:"";position:absolute;inset:13px;border:1px solid #252d2655;border-radius:50%}.dpad button{position:absolute;width:44px;height:44px;border:0;background:#434b40;color:#adb39d;font:12px Arial,sans-serif;touch-action:none;box-shadow:inset 1px 1px 1px #ffffff20;border-radius:3px}.dpad button[data-dir=up]{top:0;left:35px;border-radius:5px 5px 0 0}.dpad button[data-dir=down]{bottom:0;left:35px;border-radius:0 0 5px 5px}.dpad button[data-dir=left]{left:0;top:35px;border-radius:5px 0 0 5px}.dpad button[data-dir=right]{right:0;top:35px;border-radius:0 5px 5px 0}.dpad button:active:not(:disabled),.dpad button.held{background:#303a30;box-shadow:inset 1px 2px 5px #172119;color:#e3e5cd}.dpad button:disabled{color:#697361}.action-group{flex-direction:column;gap:5px;align-items:flex-end;min-width:0;flex:1}.action-label{font-size:10px;max-width:145px;white-space:nowrap;line-height:1.4}.ab-buttons{display:flex;align-items:center;gap:13px}.back-button{border-radius:50%;width:44px;height:44px;font:bold 17px Georgia,serif;align-self:flex-end;margin-bottom:-7px}.action-button{width:57px;height:57px}.console-bottom{margin-top:14px}.title-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:5px}.title-brand>span{font-size:13px;letter-spacing:2px}.title-copy .pixel-logo{width:76px;margin:0}.title-copy h1{font-size:24px!important;letter-spacing:0}.title-copy{margin:9px 0 0}.screen[data-stage=title] .pixel-art{height:76px}.title-hint{font-size:10px}.screen[data-stage=intro] .pixel-art{height:78px}.screen[data-stage=intro] .dialogue{font-size:11px;line-height:1.8;padding:9px 8px;min-height:77px}.screen[data-stage=item] .fact-description{font-size:12px;line-height:1.7}.pickup-hint{font-size:10px;border-top:1px solid var(--mid);padding-top:7px}.world-scene{padding:10px 9px;gap:7px;justify-content:flex-start}.world-scene .chapter{font-size:10px;letter-spacing:0;padding-bottom:5px;flex-shrink:0}.quest{margin:0;min-height:28px;font-size:11px;line-height:1.4;font-weight:bold;display:flex;align-items:center;flex-shrink:0}.quest:before{content:"◆";margin-right:5px;font-size:9px}.world-frame{width:100%;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;transform-origin:center;will-change:transform}.world-map{display:block;width:100%;height:100%;max-height:204px;shape-rendering:crispEdges;overflow:visible}.world-context{margin:0;min-height:27px;font-size:10px;line-height:1.4;border-top:1px solid var(--mid);padding-top:5px;flex-shrink:0}.world-frame.camera-in{animation:camera-in .46s steps(10,end) both}.room-arrival{animation:arrive .3s steps(4,end)}.target-marker{animation:target-bob .8s steps(2,end) infinite}.bag-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:12px}.bag-list li{opacity:.65}.bag-list li.collected{opacity:1;font-weight:bold}.bag-list span{display:inline-block;width:24px}.bag-note{font-size:11px;line-height:1.6;margin:0;padding-top:7px;border-top:1px solid var(--mid)}.cooking-scene{gap:8px;justify-content:flex-start}.cooking-title{font-size:17px!important;letter-spacing:0!important;line-height:1.5!important;margin-top:6px!important;flex-shrink:0}.work-target{flex:1;min-height:70px;padding:0;border:0;background:transparent;width:100%;overflow:hidden;touch-action:manipulation}.work-art{height:100%;max-height:145px;min-height:75px}.work-progress{flex-shrink:0;font-size:11px;line-height:1.6}.work-progress .wrap-meter{justify-content:flex-start;margin-top:8px}.work-hint{flex-shrink:0;margin:0;border-top:1px solid var(--mid);padding-top:7px;font-size:11px;line-height:1.4}.chopping .knife{animation:knife-chop .2s steps(2,end)}.stirring .mixing{animation:stir .3s steps(4,end)}.cooking-scene.scene-enter .work-target{animation:hand-camera .32s steps(5,end)}
@keyframes camera-in{to{transform:scale(2.8);opacity:0}}@keyframes hand-camera{from{transform:scale(.88);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes arrive{from{opacity:.2}to{opacity:1}}@keyframes target-bob{50%{transform:translateY(-2px)}}@keyframes knife-chop{50%{transform:translateY(6px)}}@keyframes stir{50%{transform:translateX(-8px)}}
body.reduced .camera-in,body.reduced .room-arrival,body.reduced .target-marker,body.reduced .work-target,body.reduced .knife,body.reduced .mixing{animation:none!important}
@media(max-height:700px){.screen{height:270px}.controls{height:114px}.wordmark{margin-top:9px}.console-bottom{margin-top:10px}.scene{padding:11px 10px}.world-scene{padding:8px;gap:5px}.cooking-scene{gap:6px}.work-art{max-height:105px}.screen[data-stage=intro] .pixel-art{height:60px}.screen[data-stage=title] .pixel-art{height:65px}.title-copy p{letter-spacing:2px}.title-copy h1{font-size:22px!important}.title-copy .pixel-logo{width:65px}.chapter{font-size:9px}.screen[data-stage=item] .fact-description{font-size:11px}}
@media(max-width:340px){.controls{gap:8px}.ab-buttons{gap:9px}.action-button{width:51px;height:51px}.action-label{font-size:9px}.console{padding-left:13px;padding-right:13px}.screen{height:260px}.title-copy h1{font-size:21px!important}.world-scene{padding:7px;gap:4px}.world-scene .chapter{font-size:9px}.quest{font-size:10px}.world-context{font-size:9px}.cooking-title{font-size:15px!important}.work-progress{font-size:10px}.work-hint{font-size:10px}.screen[data-stage=intro] .dialogue{font-size:10px}.bag-list{font-size:11px;gap:6px}.screen[data-stage=title] .pixel-art{height:59px}}
@media(prefers-reduced-motion:reduce){body:not(.full-motion) .camera-in,body:not(.full-motion) .room-arrival,body:not(.full-motion) .target-marker,body:not(.full-motion) .work-target,body:not(.full-motion) .knife,body:not(.full-motion) .mixing{animation:none!important}}
@media(max-height:600px) and (orientation:portrait){.desk{padding-top:6px;padding-bottom:6px}.console{padding-top:10px;padding-bottom:10px}.console-top{height:30px}.screen{height:250px}.console-bottom{margin-top:8px}.desk-note{display:none}.screen[data-stage=item] .fact-art{height:57px}.world-scene{gap:4px}.screen[data-stage=intro] .pixel-art{height:52px}}
.world-frame{overflow:hidden}.world-map.camera-in{animation:camera-in .46s steps(10,end) both}.world-map.camera-out{animation:camera-in .36s steps(8,end) reverse both}body.reduced .camera-out{animation:none!important}
@media(prefers-reduced-motion:reduce){body:not(.full-motion) .camera-out{animation:none!important}}
@media(min-width:701px) and (min-height:601px) and (max-height:760px){.desk{padding-top:10px;padding-bottom:10px;gap:10px}}

/* Keep the map still while a message changes. Text has its own reserved space. */
.world-scene .quest{height:34px;min-height:34px;flex:0 0 34px;font:600 12px/1.4 "Yu Gothic",Meiryo,sans-serif;letter-spacing:.02em}
.world-scene .quest:before{flex-shrink:0}
.world-scene .world-context{height:38px;min-height:38px;max-height:38px;flex:0 0 38px;padding:3px 4px;margin:0;border:2px solid transparent;border-top-color:var(--mid);font:500 11.5px/14px "Yu Gothic",Meiryo,sans-serif;overflow:hidden;letter-spacing:0}
.world-context.is-speaking{border-color:var(--ink);background:var(--lcd)}
.screen[data-stage=world] .lcd-grid,.screen[data-stage=item] .lcd-grid{opacity:.055}
.screen[data-stage=item] .fact-title{font-family:"Yu Gothic",Meiryo,sans-serif;letter-spacing:.03em}
.target-marker{animation:target-bob 1s steps(3,end) infinite}
.finish-scene{gap:7px;justify-content:flex-start}.finish-scene h2{font-size:17px;letter-spacing:0;flex-shrink:0}.finish-picture{display:flex;align-items:center;justify-content:center;flex:1;min-height:65px;overflow:hidden}.finish-picture .finish-art,.finish-picture .pixel-art{height:100%;max-height:145px;width:100%;min-height:0}.finish-copy{font-size:11px;line-height:1.65;margin:0;flex-shrink:0}.finish-detail{font-size:10px;border-top:1px solid var(--mid);padding-top:7px;flex-shrink:0}.steam-meter{height:10px;border:2px solid var(--ink);flex-shrink:0;padding:1px}.steam-meter>span{display:block;height:100%;background:var(--ink);transition:width .25s steps(4,end)}
.serving-scene{gap:6px;justify-content:flex-start}.serving-scene h2{font-size:18px;flex-shrink:0;letter-spacing:.02em}.product-photo{position:relative;margin:0;flex:1;min-height:66px;max-height:134px;border:2px solid var(--ink);background:var(--light);overflow:hidden}.product-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 39%}.product-photo img[hidden],.photo-fallback[hidden]{display:none}.photo-fallback{width:100%;height:100%}.photo-fallback .finish-art{height:100%;width:100%}.serving-copy{font-size:11px;line-height:1.5;margin:0;flex-shrink:0}.serving-scene .result-links{margin:0;flex-shrink:0}.serving-scene .result-links a{background:var(--ink);color:var(--lcd);text-decoration:none;padding:8px 6px;width:100%;justify-content:center;min-height:40px;font-size:11px}.replay-note{font-size:9px;line-height:12px;text-align:right;flex-shrink:0}.screen[data-stage=complete] .lcd-grid{opacity:0}
@media(max-height:700px){.finish-scene,.serving-scene{gap:5px}.finish-scene h2{font-size:16px}.finish-picture .finish-art{max-height:112px}.product-photo{max-height:96px}}
@media(max-width:340px){.world-scene .quest{font-size:11px;line-height:1.4}.finish-scene h2{font-size:15px}.serving-scene h2{font-size:17px}.finish-copy{font-size:10px}.finish-detail{font-size:9px}}

/* Close-ups keep fine edges and clear captions inside the original console. */
.cooking-scene,.finish-scene{font-family:"Yu Gothic",Meiryo,sans-serif}
.cooking-scene .cooking-title,.finish-scene h2{font-weight:600;line-height:1.45}
.cooking-scene .work-target{display:flex;align-items:center;justify-content:center;min-height:80px}
.work-target .kitchen-art{max-height:172px;min-height:0;overflow:hidden}
.finish-picture .kitchen-art,.finish-picture .parcel-art{width:100%;height:100%;max-height:172px;min-height:0}
.screen[data-stage=cook] .lcd-grid,.screen:has(.finish-scene) .lcd-grid{opacity:.025}
.finish-copy{min-height:36px;display:flex;align-items:center}
.finish-detail{letter-spacing:.02em}
.photo-fallback .kitchen-art{height:100%;width:100%}
@media(max-height:700px){.work-target .kitchen-art,.finish-picture .kitchen-art,.finish-picture .parcel-art{max-height:125px}.cooking-scene{gap:5px}.work-progress .wrap-meter{margin-top:5px}.work-hint{padding-top:5px}}
@media(max-width:340px){.action-label{max-width:138px;letter-spacing:-.03em}.finish-copy{min-height:32px}.finish-scene .chapter{letter-spacing:0}.finish-scene h2{font-size:14px}}

/* The same portrait handheld layout is used on phones and desktop. */
.desk-caption,.desk-note{display:none}
.desk{padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:0}
.console{width:min(380px,100%);max-width:100%}
.console-top{height:44px;align-items:center}
.power{min-height:44px;padding:0;letter-spacing:1px}
.sound-toggle{min-width:92px;min-height:44px;padding:8px 10px;font-size:12px;font-weight:bold;border:1px solid #a6a594;border-radius:6px;background:#f0eedf66;white-space:nowrap}
.sound-toggle[aria-pressed=false]{background:#d0ccb9;color:#666a59}
.console:after{top:60px}
@media(max-height:600px) and (orientation:portrait){.screen{height:240px}}
/* Opening portrait: a visible apron and arms, behind a larger counter. */
.boot-logo{width:224px;max-width:100%;display:flex;align-items:center;justify-content:center;gap:12px}
.boot-owner-face{display:block;width:72px;height:78px;object-fit:contain;flex:0 0 72px;image-rendering:auto}
.boot-wordmark{width:130px;min-width:0}
.boot-wordmark .boot-brand{letter-spacing:5px;margin-bottom:8px}
.screen[data-stage=title] .opening-kitchen{height:132px;flex:1 1 132px;min-height:82px;max-height:150px}
.screen[data-stage=intro] .opening-kitchen{height:110px;flex:1 1 110px;min-height:65px;max-height:130px}
.screen[data-stage=title] .title-copy p{margin-bottom:3px}
.screen[data-stage=title] .title-hint{margin-top:3px;flex-shrink:0}
@media(max-height:700px){.screen[data-stage=title] .opening-kitchen{height:108px;max-height:112px}.screen[data-stage=intro] .opening-kitchen{height:85px;max-height:95px}}
@media(max-height:600px){.screen[data-stage=title] .opening-kitchen{height:94px;max-height:100px}.screen[data-stage=intro] .opening-kitchen{height:72px;max-height:80px}}