.kitchen-experiences{width:100%;height:100%;min-width:0;min-height:0;isolation:isolate;color:#372b38;font:15px/1.5 var(--font-body,Satoshi),sans-serif;container-type:inline-size}
.kitchen-experiences[hidden]{display:none!important}.kitchen-experiences *{box-sizing:border-box}.kitchen-experiences :is(p,h2,h3,ul,ol){margin:0}.kitchen-experiences :is(button,a):focus-visible{outline:3px solid #8d689c;outline-offset:3px}.kitchen-experiences button{font:inherit;cursor:pointer}.kx-panel{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:22px 26px;background:#f4ecdd;border:1px solid #d5c6bb;border-radius:7px;box-shadow:0 14px 45px #2d17302a}.kx-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:sticky;top:-22px;padding:8px 0 14px;z-index:2;background:#f4ecdd}.kx-kicker{font-size:10px;letter-spacing:.14em;font-weight:650;color:#87726b}.kx-title{font-size:25px;line-height:1.14;letter-spacing:-.6px;font-weight:650;margin-top:5px!important}.kx-title:focus{outline:0}.kx-back{min-height:44px;flex-shrink:0;border:0;padding:0;background:none;color:#695071;text-decoration:underline;text-underline-offset:4px;font-size:12px!important}.kx-intro{font-size:15px;line-height:1.55;color:#6f615f;margin-bottom:17px!important;max-width:46ch}.kx-draft{font-size:11px;letter-spacing:.01em;border-top:1px solid #d7c9bc;border-bottom:1px solid #d7c9bc;padding:10px 0;color:#867166;margin-bottom:17px!important}.kx-recipe{display:grid;grid-template-columns:.94fr 1.2fr;gap:24px;margin:18px 0}.kx-recipe h3,.kx-prep-stages h3{font-size:15px;font-weight:650;line-height:1.25;margin-bottom:9px}.kx-recipe :is(ul,ol){padding-left:18px;font-size:13px;line-height:1.55;color:#695b58}.kx-recipe li+li{margin-top:8px}.kx-source{display:inline-block;color:#75517d;font-size:12px;font-weight:550;text-underline-offset:4px;min-height:30px;padding:5px 0}.kx-note{color:#847069;font-size:13px;line-height:1.5;margin:14px 0!important}.kx-prep-stages{counter-reset:prep;list-style:none;padding:0}.kx-prep-stages li{counter-increment:prep;position:relative;padding:13px 0 13px 36px;border-top:1px solid #d8c9be}.kx-prep-stages li:before{content:counter(prep,decimal-leading-zero);position:absolute;left:0;top:13px;font-size:11px;color:#9c7e67}.kx-prep-stages h3{margin-bottom:5px}.kx-prep-stages p{font-size:13px;color:#74645d;line-height:1.45}.kx-spice-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 20px}.kx-spice{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;min-height:76px;border:1px solid transparent;background:#e9dece;color:#6d5a55;border-radius:5px;padding:9px 4px;font-size:11px!important;line-height:1.2}.kx-spice[aria-selected=true]{background:#fff7e9;border-color:#92708b;color:#473148;box-shadow:inset 0 -2px #92708b}.kx-pigment{display:block;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 4px #ffffff25,0 1px 2px #46232a22;flex-shrink:0}.kx-spice-detail{border-top:1px solid #d7c9bc;padding-top:16px;min-height:163px;outline-color:#98709a}.kx-spice-title{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.kx-spice-title h3{font-size:20px;font-weight:650;letter-spacing:-.3px}.kx-native{font-size:12px;color:#907867}.kx-spice-detail .kx-note{margin:6px 0 9px!important}.kx-spice-detail ul{padding-left:18px;font-size:13px;color:#6d5b54}.kx-spice-detail li+li{margin-top:4px}.kx-recipe-link{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;column-gap:12px;width:100%;padding:18px 0;border:0;border-top:1px solid #d7c9bc;text-align:left;background:none;color:inherit}.kx-recipe-number{grid-row:1/3;font-size:11px;color:#aa8b76}.kx-recipe-name{font-size:17px;font-weight:600;letter-spacing:-.3px}.kx-recipe-meta{grid-column:2;font-size:11px;color:#8b7468;margin-top:4px}.kx-arrow{grid-column:3;grid-row:1/3;color:#89648e;font-size:19px}.kx-recipe-link:hover .kx-recipe-name{text-decoration:underline;text-underline-offset:4px}
@container (max-width:430px){.kx-panel{padding:16px 18px}.kx-header{top:-16px;gap:10px;padding-top:3px}.kx-title{font-size:22px}.kx-back{font-size:11px!important}.kx-recipe{gap:16px}.kx-kicker{font-size:9px}.kx-intro{font-size:14px}.kx-spice-picker{gap:5px;margin-bottom:15px}.kx-spice{font-size:10px!important;min-height:68px;padding:7px 3px}.kx-pigment{width:23px;height:23px}.kx-spice-title h3{font-size:18px}}
@container (max-width:290px){.kx-recipe{grid-template-columns:1fr}.kx-title{font-size:20px}.kx-spice-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.kx-header{align-items:flex-start}.kx-back{max-width:65px;white-space:normal;text-align:right}.kx-spice-title{display:block}.kx-panel{padding:14px}.kx-header{top:-14px}}
@media(prefers-reduced-motion:reduce){.kitchen-experiences *{scroll-behavior:auto!important}}

/* The cooking surface is the main event; instructions stay close to the action. */
.kitchen-experiences .kx-title{font-family:'Cabinet Grotesk',var(--font-body,Satoshi),sans-serif;font-size:28px;font-weight:750;letter-spacing:-.5px}
.kitchen-experiences .kx-kicker{font-size:12px;letter-spacing:0;color:#705c66}.kitchen-experiences .kx-note{color:#71605b}
.kitchen-play{--kp-heat:.55;--kp-brew:0;--kp-pour:0;--kp-roll-x:.45;--kp-roll-y:.45;--kp-brown:0;color:#4c3559;max-width:660px;margin-inline:auto}
.kitchen-play [hidden]{display:none!important}.kitchen-play button:disabled{cursor:default}.kitchen-play :is(button,input,summary,[tabindex]):focus-visible{outline:3px solid #80628d;outline-offset:3px}
.kp-caption{font-size:12px;color:#76645f;margin:0 0 16px!important;max-width:54ch}.kp-reading{min-height:69px}.kp-instruction{font-family:'Cabinet Grotesk',var(--font-body,Satoshi),sans-serif;font-size:23px;font-weight:700;line-height:1.15;margin-bottom:6px!important;letter-spacing:-.3px}.kp-instruction:focus{outline:0}.kp-detail{font-size:14px;line-height:1.45;color:#71635d;max-width:52ch}
.kp-stage{position:relative;height:225px;margin:13px 0 16px;background:linear-gradient(0deg,#b58d6722 0 24%,transparent 24%);border-bottom:2px solid #b99b7c;isolation:isolate;overflow:hidden;border-radius:8px 8px 0 0}
.kp-art{position:absolute;inset:0;pointer-events:none}.kp-stove{position:absolute;left:12%;bottom:10px;width:44%;height:17px;border:3px solid #595057;background:#786f75;border-radius:50%;box-shadow:0 8px 0 #aa9692}
.kp-pot{position:absolute;width:43%;height:106px;bottom:39px;left:12%;transform-origin:65% 60%;transition:transform .65s cubic-bezier(.3,.5,.3,1)}
.kp-pot-body{position:absolute;inset:27px 0 0;border-radius:7% 7% 37% 37%;background:linear-gradient(90deg,#6c686c,#c6beba 34%,#e2d9ca 50%,#a49994 90%);border:2px solid #776c70;box-shadow:inset 5px 0 6px #fff4}
.kp-pot-rim{position:absolute;inset:0 0 auto;height:54px;border-radius:50%;border:6px solid #b8b1aa;background:#625960;box-shadow:0 -2px 0 #ebe1d1,inset 0 1px 3px #29232b}
.kp-pot-handle{position:absolute;width:49%;height:17px;left:-42%;top:28px;background:linear-gradient(#6b5263,#3b2f38);border-radius:14px 3px 3px 14px;transform:rotate(-9deg);box-shadow:0 3px 0 #b8aaa8}
.kp-liquid{position:absolute;left:7%;right:7%;top:9px;height:36px;border-radius:50%;background:#71817b;opacity:0;overflow:hidden;transition:background .8s,opacity .3s}.kp-liquid[data-water=true]{opacity:1;background:color-mix(in srgb,#687f79, #5f3520 calc(var(--kp-brew)*100%))}.kp-liquid[data-milk=true]{background:#b67a46;box-shadow:inset 0 0 0 4px #d8b99180}
.kp-bubble{position:absolute;width:6px;height:5px;border:1px solid #f3dabb;border-radius:50%;left:calc(10% + var(--i)*12%);top:calc(8px + mod(var(--i),3)*4px);opacity:0}.kitchen-play[data-boiling=true] .kp-bubble{animation:kp-bubble .9s calc(var(--i)*-.13s) infinite}
.kp-pot-ingredients{position:absolute;left:10%;top:9px;right:10%;height:38px;overflow:hidden;border-radius:50%}.kp-added{position:absolute;width:30%;left:17%;top:-19px;animation:kp-drop .55s ease-out both}.kp-added-cardamom{left:52%;transform:rotate(17deg)}.kp-added-tea{left:32%;width:38%}.kp-added-water,.kp-added-milk{display:none}.kp-added svg{width:100%;height:auto}.kitchen-play:is([data-phase=simmering],[data-phase=pour],[data-phase=pouring],[data-phase=done]) .kp-pot-ingredients{opacity:.22}
.kp-steam{position:absolute;left:24%;right:18%;top:-62px;height:66px;opacity:0;transition:opacity .4s}.kp-steam i{position:absolute;width:17px;height:47px;border-left:3px solid #fff5e3;border-radius:50%;left:11%;transform:rotate(13deg)}.kp-steam i:nth-child(2){left:45%;top:-11px}.kp-steam i:nth-child(3){left:75%;top:6px}.kitchen-play[data-boiling=true] .kp-steam{opacity:.8}.kitchen-play[data-boiling=true] .kp-steam i{animation:kp-steam 1.9s infinite ease-in-out}.kp-steam i:nth-child(2){animation-delay:-.6s!important}.kp-steam i:nth-child(3){animation-delay:-1.2s!important}
.kp-flame{position:absolute;bottom:-22px;left:15%;right:15%;height:21px;display:flex;justify-content:space-around;opacity:0;transform-origin:50% 100%;transform:scaleY(calc(.4 + var(--kp-heat)));transition:transform .2s,opacity .3s}.kp-flame i{width:14px;height:23px;display:block;border-radius:60% 40% 55% 45%;background:linear-gradient(#f1c872,#d99058 50%,#82638a);transform:rotate(8deg)}.kitchen-play:is([data-phase=brewing],[data-phase=simmering]) .kp-flame{opacity:var(--kp-heat)}
.kp-cup{position:absolute;right:7%;bottom:19px;width:78px;height:80px;border-radius:6px 6px 29px 29px;background:linear-gradient(90deg,#a58cad,#d7c3df 40%,#c4aacd);border:2px solid #95749d;box-shadow:0 4px 2px #4c355921;transform-origin:50% 100%;transition:transform .5s}.kp-cup:before{content:'';position:absolute;left:0;right:0;top:-6px;height:14px;border-radius:50%;background:#f4ecdd;border:2px solid #95749d;z-index:1}.kp-cup-handle{position:absolute;right:-22px;top:14px;width:27px;height:36px;border:7px solid #b99ec5;border-radius:0 45% 45% 0;z-index:-1}.kp-cup-liquid{position:absolute;left:4px;right:4px;top:-2px;height:8px;background:#a36836;border-radius:50%;z-index:2;opacity:var(--kp-pour)}.kp-cup-face{position:absolute;inset:23px 0 auto;text-align:center;font:750 22px 'Cabinet Grotesk',sans-serif;color:#6a4574}.kp-pour-stream{position:absolute;right:18%;bottom:95px;width:7px;height:66px;background:linear-gradient(90deg,#945b32,#cf9c68);border-radius:4px;opacity:0;transform-origin:top;transform:scaleY(0)}
.kitchen-play[data-phase=pouring] .kp-pot{transform:translate(40%, -15px) rotate(32deg)}.kitchen-play[data-phase=pouring] .kp-pour-stream{opacity:.8;transform:scaleY(1);transition:transform .55s .25s}.kitchen-play[data-phase=done] .kp-cup{transform:scale(1.14) translateX(-26px)}
.kp-ingredients{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:-3px 0 12px}.kp-ingredient{background:none;border:1px solid #cab8b04d;border-radius:9px;padding:5px 2px 8px;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:end;color:#563e5e;line-height:1.2;position:relative}.kp-ingredient:not(:disabled):hover{background:#ebe0ed;border-color:#a889b5}.kp-ingredient:disabled{opacity:.42}.kp-ingredient[data-added=true]{opacity:.8;border-color:transparent}.kp-ingredient[data-added=true]:after{content:'✓';position:absolute;right:4px;top:4px;font-size:12px;color:#5f714e}.kp-ingredient-icon{display:block;width:54px;height:45px}.kp-ingredient-icon svg{width:100%;height:100%}.kp-icon-water,.kp-icon-milk{width:27px;height:33px;border:2px solid #aca0a3;border-top:0;border-radius:0 0 8px 8px;margin:6px 0 6px;background:linear-gradient(transparent 24%,#94b9bdb3 24%);transform:rotate(-5deg)}.kp-icon-milk{background:linear-gradient(transparent 20%,#fff8e9 20%);border-radius:4px 4px 7px 7px;transform:rotate(3deg)}.kp-ingredient-name{font-size:12px;font-weight:650}.kp-ingredient small{font-size:11px;color:#776363;margin-top:4px}
.kp-controls{display:flex;gap:8px;flex-wrap:wrap}.kp-action{min-height:44px;border:1px solid #4c3559;border-radius:7px;background:#4c3559;color:#fff7ed;padding:10px 16px;font-size:14px;font-weight:600}.kp-action:hover{background:#60436e}.kp-action:disabled{opacity:.5}.kp-action[aria-pressed=true]{background:#e2d3e8;color:#4c3559}.kp-heat{display:grid;grid-template-columns:auto minmax(70px,1fr) 62px;gap:12px;align-items:center;margin:14px 0;font-size:13px}.kp-heat input{min-width:0;width:100%;height:32px;accent-color:#70517d}.kp-heat-value{text-align:right;font-size:12px;font-weight:600}.kp-step{display:block;background:none;border:0;color:#71537b;padding:9px 0;min-height:40px;text-decoration:underline;text-underline-offset:4px;font-size:13px}.kp-notice{font-size:13px;line-height:1.4;color:#5e465f;min-height:0}.kp-notice:empty{display:none}.kp-notice:not(:empty){margin-top:10px!important}
.kp-options{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:end;border-top:1px solid #d8c8bc;margin-top:15px;padding-top:9px}.kp-pace{display:flex;gap:7px;align-items:center;margin-right:auto;min-height:36px;font-size:12px;color:#6c555f}.kp-pace input{width:16px;height:16px;accent-color:#765380}.kp-text-button{border:0;background:none;color:#745e6b;min-height:36px;padding:4px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.kp-progress-label{display:block;font-size:11px;color:#796963;margin-top:8px}.kp-progress{appearance:none;display:block;width:100%;height:4px;margin:7px 0 15px;border:0;border-radius:4px;overflow:hidden;background:#dcd0c2}.kp-progress::-webkit-progress-bar{background:#dcd0c2}.kp-progress::-webkit-progress-value{background:#8c7296;transition:width .1s linear}.kp-progress::-moz-progress-bar{background:#8c7296}
.kp-recipe{border-top:1px solid #d6c5b8;padding:5px 0 0;margin-top:12px}.kp-recipe summary{min-height:44px;cursor:pointer;font-size:14px;font-weight:650;align-content:center;color:#563e5e}.kp-recipe-content{font-size:13px;color:#746059;line-height:1.55;padding:6px 0}.kp-recipe-content ul,.kp-recipe-content ol{padding-left:19px;margin-top:12px!important}.kp-recipe-content li+li{margin-top:6px}.kp-recipe-note{font-size:13px;line-height:1.5;color:#77635d;max-width:54ch;margin-top:13px!important}
/* A real action changes the dough silhouette, not just a completion bar. */
.kitchen-play[data-kind=prep] .kp-stage{height:250px;background:none;border:0}.kp-board{position:absolute;inset:12px 10% 8px;border-radius:49% 46% 48% 51%;background:repeating-linear-gradient(4deg,transparent 0 16px,#8054310d 17px 18px),linear-gradient(135deg,#c89e72,#b08358);border:3px solid #a7774e;box-shadow:0 6px 0 #8b6345,0 13px 14px #563e5e18;touch-action:none;display:grid;place-items:center;transition:background .45s,border-color .45s,box-shadow .45s}.kp-dough{width:77%;height:85%;border-radius:47% 50% 48% 51%;background:radial-gradient(ellipse at 30% 24%,#fff4d4,#e6c998 70%,#ccaa78);box-shadow:inset 0 0 9px #c4a574,0 3px 5px #76553233;transform:scale(var(--kp-roll-x),var(--kp-roll-y));transition:transform .16s;position:relative;overflow:hidden}.kp-dough i{position:absolute;width:calc(7% + mod(var(--i),3)*3%);height:8%;border-radius:40% 60% 45% 55%;left:calc(8% + mod(var(--i)*19,76)*1%);top:calc(10% + mod(var(--i)*29,72)*1%);background:#835426;filter:blur(.3px);opacity:calc(var(--kp-brown)*.85);transform:rotate(calc(var(--i)*33deg))}.kp-roller{position:absolute;left:16%;right:16%;top:29%;height:22px;border-radius:12px;background:linear-gradient(#e8c898,#c39463 45%,#8e623d);box-shadow:0 5px 3px #6e4b3433;transform:rotate(-14deg);pointer-events:none;transition:transform .15s}.kp-roller:before,.kp-roller:after{content:'';position:absolute;width:20%;height:10px;top:6px;border-radius:8px;background:#93633f;z-index:-1}.kp-roller:before{left:-14%}.kp-roller:after{right:-14%}
.kitchen-play:is([data-phase=rolled],[data-phase=cooking],[data-phase=done],[data-phase=overdone]) .kp-roller{transform:translateY(-135px) rotate(-14deg)}.kitchen-play:is([data-phase=cooking],[data-phase=overdone]) .kp-board{background:radial-gradient(#5f5858,#37343a);border-color:#373039;box-shadow:0 5px 0 #25212a,0 14px 14px #563e5e20}.kitchen-play:is([data-phase=cooking],[data-phase=overdone]) .kp-board:after{content:'';position:absolute;right:-21%;top:45%;height:19px;width:28%;background:linear-gradient(#74606b,#3b303c);border-radius:0 10px 10px 0;z-index:-1}.kitchen-play[data-phase=done] .kp-board{background:#ede0f0;border:9px solid #cbb4d5;box-shadow:0 3px 0 #a48baf,0 10px 15px #563e5e15}.kitchen-play[data-phase=overdone] .kp-dough{background:#a47a48}.kp-sides{display:flex;gap:18px;margin:15px 0 6px}.kp-side-label{font-size:12px;color:#786259;flex:1}.kp-side-label[data-active=true]{font-weight:700;color:#4c3559}.kp-side-label meter{width:100%;height:12px;display:block;accent-color:#7c895d}.kp-side-label meter::-webkit-meter-bar{border:0;background:#dcd0c2}.kp-side-label meter::-webkit-meter-optimum-value{background:#819060}.kp-side-label meter::-webkit-meter-suboptimum-value{background:#ba925c}.kp-side-label meter::-webkit-meter-even-less-good-value{background:#996951}
.kitchen-play[data-paused=true] *{animation-play-state:paused!important}.kitchen-play[data-reduced=true] *{animation:none!important;transition:none!important}.kitchen-play[data-reduced=true][data-boiling=true] .kp-bubble{opacity:.55}
/* The spice itself sits inside a small glass jar and is repeated at inspection size. */
.kitchen-experiences .kx-spice-picker{gap:9px 7px}.kitchen-experiences .kx-spice{background:transparent;border-radius:6px;padding:6px 3px 10px;font-size:12px!important;min-height:108px;gap:5px}.kitchen-experiences .kx-spice[aria-selected=true]{background:#eee0ee;border:1px solid #ae94b6;box-shadow:none}.kx-spice-jar{display:block;width:65px;height:67px;border:1px solid #c8b7ad;border-radius:5px 5px 13px 13px;position:relative;background:linear-gradient(105deg,#fff6 20%,transparent 24% 72%,#f7f2e759 74%);margin-top:7px}.kx-spice-jar:before{content:'';position:absolute;left:-2px;right:-2px;top:-9px;height:12px;border-radius:4px 4px 2px 2px;background:linear-gradient(#b79171,#8d674c);box-shadow:0 2px 0 #6a503329}.kx-spice-art{display:block;width:100%;height:100%}.kx-spice-jar .kx-spice-art{height:58px;margin-top:6px}.kitchen-experiences .kx-spice-detail{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;align-items:start;padding-top:19px;min-height:190px}.kx-spice-sample{width:100px;height:86px;border-radius:50%;background:#e9d6bf;box-shadow:inset 0 0 0 4px #faf0dd,0 3px 0 #cbb39b}.kx-spice-notes{min-width:0}.kitchen-experiences .kx-spice-title{display:block}.kitchen-experiences .kx-native{margin-top:3px;font-size:13px;color:#7d695b}
@keyframes kp-bubble{0%,100%{opacity:.1;transform:scale(.5)}50%{opacity:.7;transform:scale(1.4)}}
@keyframes kp-steam{0%,100%{transform:translateY(4px) rotate(8deg);opacity:.3}50%{transform:translateY(-7px) rotate(-9deg);opacity:.9}}
@keyframes kp-drop{from{translate:0 -45px;opacity:0}to{translate:0 0;opacity:1}}
@container(max-width:430px){
 .kitchen-experiences .kx-title{font-size:25px}.kp-instruction{font-size:22px}.kp-caption{font-size:12px}.kp-detail{font-size:13px}.kp-stage{height:205px;margin-top:8px}.kp-pot{width:42%;left:13%;height:95px}.kp-cup{width:65px;height:68px;right:8%}.kp-cup-face{font-size:19px;top:22px}.kp-ingredient{min-height:88px}.kp-ingredient-name{font-size:11px}.kp-ingredient small{font-size:10px}.kp-ingredient-icon{width:44px;height:38px}.kp-icon-milk,.kp-icon-water{width:25px;height:30px}.kp-action{padding:10px 12px;font-size:13px}.kp-options{gap:13px}.kp-heat{gap:9px}.kitchen-play[data-kind=prep] .kp-stage{height:220px}.kp-board{inset-inline:8%}.kitchen-experiences .kx-spice{font-size:11px!important;min-height:99px}.kx-spice-jar{width:54px;height:58px}.kx-spice-jar .kx-spice-art{height:50px}.kitchen-experiences .kx-spice-detail{grid-template-columns:72px minmax(0,1fr);gap:12px}.kx-spice-sample{width:72px;height:68px}
}
@container(max-width:290px){.kp-pot{left:11%;width:45%}.kp-cup{right:8%;width:53px;height:59px}.kp-cup-handle{right:-17px;width:22px;border-width:5px}.kp-options{gap:10px}.kp-pace{width:100%}.kp-ingredients{gap:2px}.kp-ingredient-name{font-size:10px}.kp-ingredient-icon{width:35px}.kp-ingredient small{font-size:9px}.kp-action{flex:1}.kp-stage{height:195px}.kp-pot-handle{left:-25%;width:35%}.kitchen-experiences .kx-spice-detail{grid-template-columns:1fr}.kx-spice-sample{display:none}}
@media(prefers-reduced-motion:reduce){.kitchen-play *{animation:none!important;transition:none!important}.kitchen-play[data-boiling=true] .kp-bubble{opacity:.55}}

.kp-notice[data-feedback=false]{position:absolute;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.kitchen-play[data-enabled=false] .kp-flame{opacity:0}

/* The room already contains the teapot. The panel is its controls, with a small
   cup appearing only when it is time to pour. Standalone games keep their stove. */
.kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=tea] .kp-stage{display:none;height:92px;margin:5px 0 10px;background:none;border:0}
.kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=tea]:is([data-phase=pour],[data-phase=pouring],[data-phase=done]) .kp-stage{display:block}
.kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=tea] :is(.kp-pot,.kp-stove){display:none}
.kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=tea] .kp-cup{width:59px;height:62px;left:calc(50% - 30px);right:auto;bottom:6px;transform:none}
.kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=tea] .kp-cup-face{font-size:18px;top:19px}
.kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=tea] .kp-pour-stream{left:calc(50% - 3px);right:auto;top:0;bottom:auto;height:27px}
.kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=tea][data-phase=done] .kp-cup{transform:scale(1.05)}
.kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=tea]:is([data-phase=brewing],[data-phase=simmering],[data-phase=pour],[data-phase=pouring],[data-phase=done]) .kp-ingredients{display:none}
.kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=tea][data-phase=milk] .kp-ingredients{grid-template-columns:100px}
.kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=tea][data-phase=milk] .kp-ingredient[data-added=true]{display:none}
.kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=tea] .kp-reading{min-height:0;margin-bottom:14px}
@container(max-width:430px){
 .kitchen-experiences[data-scene-linked=true] .kitchen-play .kp-caption{margin-bottom:10px!important}
 .kitchen-experiences[data-scene-linked=true] .kitchen-play .kp-reading{min-height:0;margin-bottom:10px}
 .kitchen-experiences[data-scene-linked=true] .kitchen-play .kp-options{margin-top:10px;padding-top:5px}
 .kitchen-experiences[data-scene-linked=true] .kitchen-play .kp-progress{margin-bottom:10px}
 .kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=prep] .kp-stage{height:170px;margin:6px 0 12px}
 .kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=prep] .kp-board{inset:8px max(10%,calc(50% - 115px)) 8px}
 .kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=prep]:is([data-phase=cooking],[data-phase=done],[data-phase=overdone]) .kp-stage{height:112px}
 .kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=prep]:is([data-phase=cooking],[data-phase=done],[data-phase=overdone]) .kp-board{inset:5px calc(50% - 78px) 8px}
 .kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=prep] .kp-sides{margin-top:10px;gap:12px}
 .kitchen-experiences[data-scene-linked=true] .kitchen-play[data-kind=prep] .kp-heat{margin:10px 0 5px}
}

/* Keep the selected jar's uses in view; the room supplies the large cupboard. */
.kitchen-experiences[data-kitchen-object=spices] .kx-header{padding-bottom:10px}
.kitchen-experiences[data-kitchen-object=spices] .kx-intro{display:none}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 6px;margin:3px 0 12px}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice{min-height:70px;padding:4px 3px 6px;gap:4px;font-size:11px!important;line-height:1.2;justify-content:flex-start}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice-jar{width:40px;height:35px;margin-top:5px;flex-shrink:0;border-radius:4px 4px 8px 8px}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice-jar:before{top:-6px;height:8px}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice-jar .kx-spice-art{height:32px;margin-top:2px}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice-detail{display:block;min-height:0;padding-top:12px}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice-sample{display:none}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice-title h3{font-size:20px;line-height:1.2}
.kitchen-experiences[data-kitchen-object=spices] .kx-native{margin-top:0;font-size:12px}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice-detail .kx-note{font-size:13px;line-height:1.4;margin:6px 0 8px!important}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice-detail ul{font-size:13px;line-height:1.45}
.kitchen-experiences[data-kitchen-object=spices] .kx-spice-detail li+li{margin-top:4px}
.kitchen-experiences[data-kitchen-object=spices] .kx-source{margin-top:9px}
@container(max-width:290px){
 .kitchen-experiences[data-kitchen-object=spices] .kx-spice-picker{gap:5px 3px}
 .kitchen-experiences[data-kitchen-object=spices] .kx-spice{font-size:10px!important;padding-inline:2px}
 .kitchen-experiences[data-kitchen-object=spices] .kx-spice-jar{width:34px}
 .kitchen-experiences[data-kitchen-object=spices] .kx-spice-title h3{font-size:18px}
}