:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#fff5dd;background:#111b20;font-synthesis:none;--gold:#eeb779;--ink:#14252b}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffda91;outline-offset:5px}button{border:0}button:not(.mug-option){transition:background .2s,transform .2s}button:not(:disabled):hover{filter:brightness(1.1)}.scene{min-height:850px;height:100svh;position:relative;isolation:isolate;overflow:hidden}.kitchen,.art-shade,.window-light,.dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.kitchen{object-fit:cover;z-index:-5}.art-shade{z-index:-4;background:linear-gradient(180deg,rgba(8,19,24,.64),transparent 32%,rgba(8,17,21,.13) 55%,#111c24 100%)}.window-light{z-index:-3;background:linear-gradient(120deg,transparent 20%,#fff0b212 32%,transparent 42%);animation:breathe 8s ease-in-out infinite}.dust{z-index:-2;background-image:radial-gradient(circle,#ffe7a955 1px,transparent 2px),radial-gradient(circle,#ffe7a92a 2px,transparent 3px);background-size:143px 137px,233px 219px;animation:drift 24s linear infinite;opacity:.3}header{display:flex;align-items:center;gap:38px;margin:0 4.3%;padding:28px 0;border-bottom:1px solid #fff2d82d}.brand{color:#fff5dd;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:4px}.brand span{display:block;font-size:9px;letter-spacing:3px;font-weight:500;margin-top:7px;color:var(--gold)}.chapter{margin-left:auto;display:grid;gap:7px}.chapter span,.overline,.dialogue-heading>span,.scene-label>span{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:650}.chapter b{font-size:12px;font-weight:400}.icon{width:40px;height:40px;border-radius:50%;background:#19323a99;color:#eedec4;font-size:25px;border:1px solid #ffe5b94d}.scene-label{position:absolute;left:4.3%;top:136px;display:grid;gap:9px}.scene-label b{font-size:12px;font-weight:400;color:#efe4d0}.game-area{position:absolute;inset:145px 5% 280px;display:grid;place-items:center}.dialogue-area{position:absolute;bottom:66px;left:5%;right:5%;min-height:184px}.dialogue{margin-left:235px;background:linear-gradient(115deg,#18272aed,#16252df2);border:1px solid #dbc3955e;border-radius:4px;padding:25px 28px 24px;position:relative;min-height:184px;box-shadow:0 14px 60px #06121955;backdrop-filter:blur(15px);border-left:3px solid #f2bd79}.dialogue-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialogue-heading b{font-family:Georgia,serif;font-size:24px;font-weight:400}.dialogue p{font-size:17px;line-height:1.6;max-width:770px;min-height:55px;margin:16px 0 15px;cursor:pointer}.primary,.action{background:#e8b77d;color:#17262b;padding:13px 21px;border-radius:3px;font-size:12px;font-weight:750;letter-spacing:.2px}.primary span{margin-left:24px}.type-hint{font-size:10px;color:#c5c6ba8f;margin-left:18px}.portrait{position:absolute;bottom:-6px;left:-22px;width:280px;max-height:410px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 20px #0005);pointer-events:none}.dialogue-area:has(.dialogue):not(:has(.portrait)) .dialogue{margin-left:0}footer{position:absolute;bottom:20px;left:4.3%;right:4.3%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.7px;color:#c0c4b982}.notice{position:absolute;top:105px;left:20%;right:20%;z-index:30;padding:12px 16px;background:#263d42;border:1px solid var(--gold);font-size:13px;border-radius:4px}.phone{justify-self:end;margin-right:7%;width:284px;padding:30px 27px;transform:rotate(3deg);color:#253538;background:#f1e5c8ee;box-shadow:0 20px 60px #06151c66;border:7px solid #1c3338;border-radius:26px;animation:arrive .8s ease}.phone>span{font-size:13px}.phone strong{display:block;font:32px Georgia,serif;line-height:1.15;margin:14px 0}.phone p{font-size:13px;line-height:1.7}.phone i{display:block;font-size:8px;letter-spacing:1.4px;font-style:normal;margin-top:25px;opacity:.7}.mug-choice,.activity,.end-card{animation:arrive .5s ease;text-align:center;background:linear-gradient(130deg,#152a2fea,#15272bdb);padding:25px 34px 22px;border:1px solid #dfc39a50;border-radius:9px;box-shadow:0 22px 80px #0215194d;backdrop-filter:blur(9px);max-width:720px;width:100%}.mug-choice h1,.activity h1,.end-card h1{font:35px/1.13 Georgia,serif;font-weight:400;margin:12px 0 20px}.mugs{display:flex;justify-content:center;gap:12px}.mug-option{color:#eadcc5;border:1px solid #d6be9433;border-radius:6px;background:#243c404a;padding:8px 15px 14px;width:175px}.mug-option svg{width:95px;height:105px;display:block;margin:auto}.mug-option span{font-size:11px}.mug-option.selected{background:#e6b6771c;border-color:#e8b77d;box-shadow:inset 0 -2px #e8b77d}.activity{max-width:610px}.activity p{font-size:12px;color:#d3d5c6;line-height:1.6;min-height:20px}.activity h1{font-size:29px;margin-bottom:15px}.pan{position:relative;width:170px;height:95px;border-radius:50%;border:8px solid #566260;background:radial-gradient(ellipse,#263235,#0d161b);box-shadow:0 10px 0 #0d191e,0 14px 28px #0004;margin:25px auto}.pan:after{content:'';position:absolute;left:145px;top:30px;width:94px;height:17px;border-radius:4px;background:linear-gradient(#61716e,#273b41);transform:rotate(-14deg)}.egg{position:absolute;width:78px;height:56px;border-radius:43% 55% 37% 60%;background:#fff1c7;left:14px;top:10px;transform:rotate(-10deg)}.egg:after{content:'';position:absolute;width:29px;height:26px;border-radius:50%;background:#eab34f;left:24px;top:12px;box-shadow:inset 2px 2px 4px #ffdf84}.egg.second{left:64px;top:15px;transform:scale(.8) rotate(70deg)}.meter{height:12px;position:relative;background:#071a1e;border-radius:10px;max-width:380px;margin:26px auto}.sweetspot{position:absolute;left:55%;width:21%;height:100%;background:#d6ad6f;border-radius:4px}.meter i{position:absolute;left:0;width:4px;height:24px;top:-6px;background:#fff5ce;border-radius:4px}.retry{background:transparent;color:#d2c6b1;margin-left:15px;font-size:11px;text-decoration:underline;padding:10px}.toast-field{height:132px;position:relative;background:linear-gradient(0deg,#6c76671c,transparent);overflow:hidden;margin:0 18px}.toast-piece{position:absolute;left:28%;top:63%;width:41px;height:42px;background:#d5a463;border:7px solid #b87737;border-radius:14px 14px 5px 5px;transform:translate(-50%,-50%);font-size:0;opacity:0}.catch-plate{position:absolute;bottom:20px;left:50%;width:90px;height:11px;background:#dde0d0;border-radius:50%;transform:translateX(-50%);box-shadow:0 3px 0 #91a4a0}.tiny-toaster{position:absolute;left:20%;bottom:35px;width:62px;height:38px;background:#7ba5a0;border:2px solid #99bab0;border-radius:10px 10px 2px 2px}.tiny-toaster:before{content:'';position:absolute;top:5px;left:10px;right:10px;height:4px;background:#223f43;border-radius:5px}.plate-range{width:90%;accent-color:#e8b77d;cursor:ew-resize}.pour-visual{height:145px;position:relative;display:flex;justify-content:center;align-items:end}.glass{position:relative;width:99px;height:123px;border:4px solid #b9d5c0;border-top:2px solid #b9d5c077;border-radius:0 0 15px 15px;overflow:hidden;background:#52807822}.glass b{position:absolute;inset:50px 0 auto;text-align:center;font-size:14px;color:#fff0bf;z-index:2}.liquid{position:absolute;bottom:0;width:100%;height:0;background:linear-gradient(0deg,#a66028,#d9a15b);transition:height .03s}.fill-mark{position:absolute;top:27%;left:0;right:0;border-top:2px dashed #ffe5a7;z-index:3}.fill-note{position:absolute;left:calc(50% + 60px);top:52px;font-size:10px;color:#e8bb83}.stream{position:absolute;top:0;height:134px;width:5px;left:50%;background:#d7ad6e;z-index:1}.breakfast-tray{display:flex;align-items:center;justify-content:center;margin:auto;gap:10px;background:#a77e4b;border-radius:50%;border:5px solid #6f573c;width:280px;height:105px;box-shadow:0 8px 0 #4d3c30;cursor:grab}.breakfast-tray svg{width:60px;height:85px}.food{font-size:47px}.table-target{border:1px dashed #e3c48f73;border-radius:50%;height:40px;max-width:320px;margin:20px auto 8px;padding:10px;font-size:11px;color:#dabf94}.end-card{max-width:630px;text-align:left;position:relative;padding:35px}.end-card h1{font-size:42px}.end-card h1 em{color:#e4b578;font-style:normal}.end-card p{font-size:13px;line-height:1.7}.end-mug{position:absolute;right:25px;bottom:20px;width:130px;transform:rotate(-7deg)}.next-chapter{display:block;font-size:9px;letter-spacing:2px;color:#a9b7ae;margin-top:27px}.next-chapter b{display:block;font-size:16px;letter-spacing:0;margin-top:7px;color:#f3e7cf;font-weight:400}dialog{border:1px solid #cab18a70;background:#172c32;color:#f3e6cc;padding:32px;border-radius:10px;max-width:470px;width:calc(100% - 40px);box-shadow:0 20px 100px #0009}dialog::backdrop{background:#07151dba;backdrop-filter:blur(8px)}dialog h2{font:30px Georgia,serif}dialog label{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:14px;line-height:1.5}dialog input{accent-color:#e8b77d;width:20px;height:20px}dialog p{font-size:12px;line-height:1.7;color:#bfcabe}.secondary{display:block;background:#365057;color:#f6e9d1;border:1px solid #c7af8133;padding:12px 20px;margin:15px 0}dialog .primary{width:100%}.still *{animation:none!important;transition:none!important}@keyframes drift{to{transform:translateY(-130px)}}@keyframes breathe{50%{opacity:.3}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.scene{min-height:940px}.game-area{bottom:310px}.dialogue-area{left:12%;right:12%}.portrait{width:320px;left:-50px}.dialogue{padding:28px 36px}.dialogue p{font-size:19px}.mug-choice,.activity{transform:scale(1.1)}}
@media(max-width:800px){.scene{height:auto;min-height:100svh;padding-bottom:25px;overflow:hidden;display:flex;flex-direction:column}.kitchen{object-position:38% center}.art-shade{background:linear-gradient(#0b1d2877,transparent 30%,#111e29ee 75%)}header{margin:0 22px;padding:20px 0;gap:15px}.brand{font-size:13px;letter-spacing:3px}.brand span{font-size:8px;letter-spacing:1.5px}.chapter{display:none}.icon{margin-left:auto}.scene-label{position:relative;top:auto;left:auto;margin:24px 25px 10px}.scene-label b{font-size:11px}.game-area{position:relative;inset:auto;margin:20px 20px 25px;min-height:260px;display:grid;place-items:center}.dialogue-area{position:relative;inset:auto;margin:35px 20px 25px}.portrait{width:140px;max-height:190px;bottom:auto;top:-105px;left:auto;right:-4px;z-index:-1}.dialogue{margin:0;padding:22px 20px;min-height:210px}.dialogue-heading{align-items:start;flex-direction:column;gap:9px}.dialogue-heading>span{font-size:8px;max-width:210px;line-height:1.7}.dialogue-heading b{font-size:22px}.dialogue p{font-size:15px;min-height:60px}.type-hint{display:none}.primary{font-size:11px}.phone{width:235px;margin-right:10px;padding:22px;justify-self:end}.phone strong{font-size:28px}.mug-choice,.activity,.end-card{padding:23px 16px;backdrop-filter:blur(12px)}.mug-choice h1,.activity h1{font-size:27px}.mugs{gap:6px}.mug-option{width:33%;padding:9px 4px 13px}.mug-option svg{width:72px;height:88px}.mug-option span{font-size:9px;line-height:1.4;display:block;min-height:26px}.overline{font-size:8px;letter-spacing:1.7px}.retry{margin-left:0;padding-left:0;display:block;margin-top:8px}.activity p{font-size:11px}footer{position:relative;inset:auto;margin:0 23px;display:grid;font-size:7px;gap:9px;line-height:1.5}.notice{top:85px;left:20px;right:20px;font-size:12px}.fill-note{left:calc(50% + 56px);width:65px;text-align:left;line-height:1.5}.end-card h1{font-size:32px}.end-mug{width:80px;right:12px}.end-card p{max-width:230px}.end-card .next-chapter{max-width:210px}.activity .toast-field{margin:0}.activity .pan{margin:28px auto}.activity .pan:after{width:62px}.toast-game .action{margin-top:6px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.plated-egg{display:block;position:relative;width:76px;height:59px;background:#fff0c6;border-radius:47% 39% 55% 37%;transform:rotate(-16deg)}.plated-egg:after{content:'';position:absolute;left:24px;top:16px;width:31px;height:29px;background:#e8aa43;border-radius:50%;box-shadow:inset 2px 2px 4px #ffe181}.plated-toast{display:block;width:48px;height:52px;background:#dfb675;border:7px solid #a56a31;border-radius:13px 13px 5px 5px;transform:rotate(13deg)}
/* Approved warm-paper dialogue treatment over the painted world. */
.dialogue{color:#263e42;background:linear-gradient(125deg,#f4ead2f5,#eaddbef5);border-color:#b59a6ecc;border-left-color:#607f78;box-shadow:0 18px 55px #061a285c,inset 0 0 40px #b69c6b10}.dialogue-heading>span{color:#80704f}.dialogue .primary{background:#294b50;color:#f7e8c9}.dialogue .type-hint{color:#68786e}.dialogue .retry,.dialogue .text-button{color:#516b65}.dialogue .dialogue-heading b{color:#29454a}.dialogue p{color:#2c4345}
@media(pointer:coarse){.icon{min-width:44px;min-height:44px}.primary,.action,.secondary,.retry{min-height:44px}.plate-range{height:32px}}
/* Illustrated, stateful breakfast playfields. Atlas rectangles preserve the painted edges. */
.illustrated-breakfast{max-width:800px;width:min(100%,800px);padding:18px 22px 17px;background:linear-gradient(130deg,#173238ed,#1d3537de);border-color:#c9ac7969;border-radius:16px;box-shadow:0 24px 65px #05151b70,inset 0 1px #fff2cd20}.food-heading{text-align:left;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:15px}.food-heading h1{font-size:26px;margin:0 0 10px}.food-heading .overline{font-size:8px;max-width:125px;line-height:1.7}.breakfast-stage{height:265px;position:relative;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 27% 25%,#e1b77e22,transparent 50%),repeating-linear-gradient(2deg,#805b3b 0,#795337 3px,#845c3a 6px,#805b3b 50px);box-shadow:inset 0 5px 22px #352c2799,0 2px #ead4ac33}.breakfast-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#f7d79a14,transparent 50%,#162c3233);border-radius:inherit;box-shadow:inset 0 0 0 1px #fff1cc24}.food-prop{display:block;position:absolute;background-repeat:no-repeat;pointer-events:none;filter:drop-shadow(0 8px 5px #18212466)}.prop-pan{background-size:274.2857% 240.941%;background-position:0% 7.5125%;aspect-ratio:560/425}.prop-egg{background-size:374.634% 259.24%;background-position:51.0657% 9.5389%;aspect-ratio:410/395}.prop-toaster{background-size:307.2% 240.941%;background-position:99.4208% 8.3472%;aspect-ratio:500/425}.prop-toast{background-size:361.412% 240.941%;background-position:4.0504% 90.1503%;aspect-ratio:1}.prop-plate{background-size:320% 215.579%;background-position:50.6629% 90.1639%;aspect-ratio:480/475}.prop-kettle{background-size:313.469% 213.333%;background-position:99.9044% 88.2353%;aspect-ratio:490/480}.pan-illustration{position:absolute;left:7%;top:1%;width:66%;height:95%;transform:rotate(-7deg);transition:transform .45s}.pan-illustration>.prop-pan{width:100%;inset:0}.pan-illustration>.prop-egg{width:26%;left:19%;top:24%;z-index:2;opacity:0;transition:opacity .5s,filter .3s;filter:drop-shadow(1px 3px 2px #532c2655) sepia(calc(var(--toastiness,0)*.8)) brightness(calc(1 - var(--toastiness,0)*.22))}.pan-illustration>.egg-two{left:35%;top:40%;width:23%;transform:rotate(25deg)}[data-cooking=frying] .prop-egg,[data-cooking=done] .prop-egg{opacity:1}[data-cooking=done] .pan-illustration{transform:rotate(-3deg) translateY(-8px)}.hob{position:absolute;left:6%;top:10%;width:44%;height:83%;border-radius:20px;background:linear-gradient(140deg,#506466,#1c353a);border:2px solid #8e9e92;box-shadow:0 9px 0 #142a2c,0 12px 14px #1a211e80}.hob i{position:absolute;border:4px solid #152a2e;border-radius:50%;inset:17%;box-shadow:inset 0 0 0 3px #82908a44,0 0 0 3px #c1a2791c}.hob i:nth-child(2){inset:26%}.hob i:nth-child(3){inset:36%}[data-cooking=frying] .hob i{border-color:#d7945d;box-shadow:0 0 20px #ffb46466}.stove-knob{position:absolute;left:49%;top:79%;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#b6b7a4,#506263 65%);box-shadow:2px 3px 0 #1a3339}.stove-knob>i{height:12px;width:3px;position:absolute;top:4px;left:17px;background:#f6d096;transform:rotate(35deg);transform-origin:bottom}.stove-knob small{position:absolute;white-space:nowrap;left:50px;top:15px;font-size:7px;letter-spacing:1px;color:#f0d8b2}.recipe-note{position:absolute;right:3%;top:11%;padding:20px 18px 15px;width:160px;background:#ede0bb;box-shadow:1px 7px 10px #21262d55;transform:rotate(4deg);color:#3d534d;text-align:left}.recipe-note:before{content:'';width:48px;height:18px;background:#c4c99a88;position:absolute;left:45%;top:-8px;transform:rotate(-9deg)}.recipe-note>span{font-size:7px;letter-spacing:1px}.recipe-note b{display:block;font:19px/1.55 Georgia,serif;margin:10px 0}.recipe-note em{font-size:10px;display:block;border-top:1px solid #8e9b7766;padding-top:9px}.cooking-guide{display:flex;align-items:center;justify-content:center;gap:13px;margin:14px auto 0;max-width:460px;font-size:9px;color:#e0c898}.cooking-guide .meter{flex:1;margin:0;height:8px}.cooking-guide .meter i{height:18px;top:-5px}.illustrated-breakfast p{margin:10px 0}.food-steam{position:absolute;width:100px;height:90px;pointer-events:none;z-index:5;opacity:0;transition:opacity .3s}.food-steam i{position:absolute;left:30%;bottom:0;width:18px;height:65px;border-left:3px solid #fff3d885;border-radius:50%;filter:blur(3px);animation:foodSteam 2.8s infinite ease-out}.food-steam i:nth-child(2){left:55%;height:80px;animation-delay:.7s}.food-steam i:nth-child(3){left:75%;height:50px;animation-delay:1.5s}.pan-illustration>.food-steam{top:3%;left:22%}[data-cooking=frying] .food-steam,.toasting .food-steam,.pouring .food-steam{opacity:.8}.sizzle{position:absolute;left:14%;top:15%;width:41%;height:57%;opacity:0;z-index:4}[data-cooking=frying] .sizzle{opacity:1}.sizzle i{position:absolute;left:calc(10% + mod(var(--i)*29,80)*1%);top:calc(8% + mod(var(--i)*37,78)*1%);width:5px;height:5px;border:1px solid #fff0b9;border-radius:50%;animation:sizzlePop 1.3s calc(var(--i)*-.11s) infinite}.sizzle i:nth-child(3n){left:25%;top:70%}.sizzle i:nth-child(3n + 1){left:75%;top:30%}.sizzle i:nth-child(3n + 2){left:45%;top:50%}.toast-game .toast-field{height:265px;margin:0;overflow:hidden}.toast-game .tiny-toaster{position:absolute;left:10%;bottom:6%;width:33%;height:auto;aspect-ratio:500/425;background:none;border:0;border-radius:0;z-index:2}.tiny-toaster:before{display:none}.tiny-toaster>.prop-toaster{inset:0;width:100%}.tiny-toaster .food-steam{left:26%;top:-12%;width:40%}.toaster-light{position:absolute;right:15%;bottom:21%;width:6px;height:6px;border-radius:50%;background:#6b4938}.toasting .toaster-light{background:#f8c777;box-shadow:0 0 10px #ffe5a0}.toast-game .toast-piece{width:80px;height:80px;border:0;background:none;z-index:5;border-radius:0}.toast-piece .prop-toast{width:100%;inset:0}.toast-game .catch-plate{bottom:1%;height:70px;width:145px;background:none;box-shadow:none;border-radius:0;z-index:4}.catch-plate>.prop-plate{width:100%;inset:0;transform:scaleY(.43);transform-origin:top}.toast-flight-guide{position:absolute;left:29%;top:13%;width:39%;height:45%;border-top:2px dashed #ffe9b839;border-radius:50%}.plate-controls{display:flex;align-items:center;gap:10px;margin:8px 0}.plate-nudge{height:34px;width:44px;background:#294b50;border:1px solid #d5b88a77;color:#f6e2bd;border-radius:6px;font-size:20px}.plate-controls .plate-range{flex:1;width:auto}.pour-game .pour-visual{display:block;height:265px}.kettle-illustration{position:absolute;right:9%;top:-3%;width:39%;height:99%;transform:rotate(3deg);transform-origin:70% 65%;transition:transform .6s;z-index:4}.kettle-illustration>.prop-kettle{width:100%;inset:0}.kettle-illustration.pouring{transform:rotate(-20deg) translate(-10px,-10px)}.kettle-illustration>.food-steam{left:30%;top:3%;opacity:.35}.pour-game .glass{position:absolute;left:31%;bottom:26px;width:112px;height:135px;border:6px solid #d3bb8c;border-top:8px solid #f0dbad;border-radius:12px 12px 27px 27px;background:linear-gradient(100deg,#c5b58db3,#f5e8bd8c 25%,#d7c69bc7 78%,#8e937578);box-shadow:inset 0 0 0 1px #6f72555e,8px 9px 8px #2e322b50;z-index:3;overflow:hidden}.glass .liquid{background:linear-gradient(90deg,#784224cc,#c88336cc 45%,#784e24dd);box-shadow:0 -4px 0 #e1b777b3;z-index:1;border-radius:45% 45% 0 0/5px 5px 0 0}.liquid>i{position:absolute;inset:2px 15% auto;height:3px;border-radius:50%;background:#f3cf9277;animation:teaRipple 1.3s infinite}.glass b{z-index:3;inset:48px 0 auto;color:#2c534e;font-size:16px;line-height:1.2;text-shadow:0 1px #f5e4b550;letter-spacing:1px}.glass.mug-gina b{font-size:9px}.glass.mug-heart b{font-size:29px;color:#915842}.glass .cup-shine{position:absolute;inset:4px auto 12px 8px;width:9px;border-radius:10px;background:linear-gradient(#fff9d644,#fff9d611);z-index:4}.pour-game .cup-handle{position:absolute;left:calc(31% + 103px);bottom:60px;width:49px;height:57px;border:11px solid #d5c197;border-radius:10px 28px 28px 4px;box-shadow:3px 5px 5px #332c2544;z-index:2}.cup-saucer{position:absolute;width:185px;height:64px;left:calc(31% - 27px);bottom:10px;z-index:1}.cup-saucer>.prop-plate{width:100%;inset:0;transform:scaleY(.32);transform-origin:top}.pour-game .stream{left:calc(31% + 51px);top:89px;height:133px;width:8px;z-index:4;transform:rotate(-6deg);transform-origin:top;background:linear-gradient(90deg,#f8da9266,#ffe5b2dd,#ae703999);border-radius:40%;box-shadow:0 0 7px #f3c77d44;animation:pourShimmer .5s infinite alternate}.stream[hidden]{display:none}.pour-game .fill-note{left:4%;top:53%;font:italic 13px/1.5 Georgia;color:#f5dfb3;text-align:right}.pour-game .fill-note:after{content:'';width:38px;position:absolute;right:-44px;top:14px;border-top:1px dashed #f5dfb399}.pour-visual>.food-steam{left:31%;top:18%;opacity:.4}.breakfast-tray{position:relative;width:325px;height:135px;background:repeating-linear-gradient(3deg,#92643d 0,#a77647 20px,#90643d 22px);border:7px solid #b78e59;border-radius:30%;box-shadow:0 8px 0 #4d3c30,inset 0 0 10px #4e392d99}.breakfast-tray>.served-egg{width:95px;left:18px;top:16px}.breakfast-tray>.served-toast{width:85px;left:118px;top:13px}.breakfast-tray>svg{position:absolute;right:16px;bottom:10px;width:70px;height:98px}@keyframes foodSteam{0%{transform:translateY(8px) rotate(-8deg);opacity:0}30%{opacity:.8}100%{transform:translateY(-35px) rotate(15deg);opacity:0}}@keyframes sizzlePop{0%,100%{transform:scale(.3);opacity:0}50%{transform:scale(1.4);opacity:.85}}@keyframes teaRipple{50%{transform:scaleX(.6);opacity:.4}}@keyframes pourShimmer{to{opacity:.7;filter:brightness(1.2)}}
@media(min-width:801px){.scene:has(.illustrated-breakfast){min-height:960px}.scene:has(.illustrated-breakfast) .game-area{inset:178px 5% 285px}.scene:has(.illustrated-breakfast) .scene-label{top:123px}}
@media(max-width:800px){.illustrated-breakfast{padding:14px 12px}.food-heading{display:block;text-align:left;padding:0 3px}.food-heading .overline{max-width:none;font-size:8px}.food-heading h1{font-size:25px;margin:8px 0 14px}.breakfast-stage,.toast-game .toast-field,.pour-game .pour-visual{height:250px}.pan-illustration{width:88%;left:0;top:22%;height:80%}.hob{width:55%;left:4%;top:32%;height:58%}.recipe-note{width:125px;padding:12px;right:4%;top:5%;z-index:2}.recipe-note b{font-size:15px;margin:6px 0}.recipe-note em{font-size:9px}.recipe-note>span{font-size:6px}.stove-knob{left:56%;top:84%}.stove-knob small{display:none}.tiny-toaster{min-width:125px}.toast-game .toast-piece{width:60px;height:60px}.toast-game .catch-plate{width:110px;bottom:6%}.kettle-illustration{width:57%;right:-1%;top:4%}.pour-game .glass{left:18%;bottom:24px;width:88px;height:113px}.pour-game .cup-handle{left:calc(18% + 80px);bottom:53px;width:42px;height:48px;border-width:9px}.cup-saucer{width:150px;left:calc(18% - 24px);bottom:11px}.pour-game .stream{left:calc(18% + 40px);top:101px;height:103px}.pour-game .fill-note{top:16%;left:4%;font-size:10px}.pour-game .fill-note:after{display:none}.glass b{top:40px;font-size:12px}.glass.mug-gina b{font-size:7px}.pour-visual>.food-steam{left:12%;top:30%}.breakfast-tray{width:280px}.breakfast-tray>.served-egg{width:80px}.breakfast-tray>.served-toast{width:70px;left:108px}.breakfast-tray>svg{right:10px;width:62px}}
/* The same painted cup carries the player's choice through the whole story. */
.pour-game .glass{left:28%;bottom:17px;width:175px;height:175px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.painted-mug{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0;filter:drop-shadow(5px 8px 4px #2a2b2355)}.glass .tea-window{position:absolute;left:12%;right:28%;top:27%;bottom:13%;border-radius:5px 5px 30% 30%;overflow:hidden;z-index:1;mix-blend-mode:multiply}.tea-window .liquid{opacity:.65}.glass .fill-mark{border-top:2px dashed #fff5cc;filter:drop-shadow(0 1px 1px #704828);mix-blend-mode:normal}.glass b{inset:95px 47px auto 24px;font-size:10px}.glass.mug-heart b{opacity:0}.glass.mug-gina b,.glass.mug-round b{background:#e9d6aeed;border-radius:4px;padding:5px 2px;font-size:8px;letter-spacing:.2px}.glass .cup-shine,.pour-game .cup-handle{display:none}.pour-game .stream{left:calc(28% + 65px);top:88px;height:115px}.cup-saucer{left:calc(28% - 5px)}
@media(max-width:800px){.pour-game .glass{left:11%;bottom:16px;width:156px;height:156px}.glass b{inset:82px 43px auto 21px}.pour-game .stream{left:calc(11% + 58px);top:101px;height:102px}.cup-saucer{left:calc(11% - 1px)}}
/* Keep props wholly within their playable scene at both desktop and phone sizes. */
.stove-stage .pan-illustration{width:340px;max-width:70%;height:250px;top:0;left:10%}.stove-stage .hob{width:235px;max-width:43%;left:9%;top:13%;height:205px}.kettle-illustration{width:34%;right:12%;top:0}.pour-game .stream{left:calc(28% + 65px);top:88px}
@media(max-width:800px){.stove-stage .pan-illustration{width:88%;max-width:88%;left:0;top:22%;height:78%}.stove-stage .hob{width:55%;max-width:55%;left:4%;top:32%;height:58%}.kettle-illustration{width:57%;right:-1%;top:4%}.pour-game .stream{top:101px;left:calc(11% + 58px)}}
.kettle-illustration.pouring{transform:rotate(-28deg) translate(-75px,-25px)}
@media(max-width:800px){.kettle-illustration.pouring{transform:rotate(-28deg) translate(-30px,-18px)}}