/* A self-contained café: the archive outside this scene is intentionally unchanged. */
.cafe-play{max-width:1120px;margin:0 auto;padding:32px 26px 20px;color:#ede3c8}.cafe-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.cafe-title h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,49px);font-weight:400;margin:9px 0 0;line-height:1.1;letter-spacing:-1px}.cafe-title .eyebrow{font-size:10px;letter-spacing:2px;color:#b7b79c}.cafe-utilities{display:flex;gap:8px;flex-shrink:0}.cafe-play button{font:inherit;cursor:pointer}.cafe-utilities button,.cafe-help button{border:1px solid #737866;background:#252f2d;color:#e5ddc2;border-radius:6px;padding:11px 14px;font-size:12px;min-height:44px}.cafe-workspace{position:relative;isolation:isolate;border:1px solid #8a795b;border-radius:15px;overflow:hidden;box-shadow:0 22px 55px #0005;background:#20373b}.cafe-stage{display:block;width:100%;height:auto;aspect-ratio:1000/610;user-select:none;touch-action:pan-y}.cafe-object{cursor:pointer;outline:none;touch-action:none}.cafe-object:focus-visible>g{filter:drop-shadow(0 0 5px #fff8ad)}.cafe-object:focus-visible>g>rect:last-child{stroke:#ffe5a8;stroke-width:3;stroke-dasharray:6 5;rx:10px}.cafe-object:hover{filter:brightness(1.065)}.cafe-svg-label{fill:#f3dfb8;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.6px;paint-order:stroke;stroke:#67462e;stroke-width:.35}.cafe-receipt{position:absolute;right:3%;top:4.2%;width:205px;z-index:2;background:#f1e6c9;color:#4a4437;transform:rotate(2deg);padding:20px 21px 22px;box-shadow:3px 7px 13px #0003;clip-path:polygon(0 0,100% 0,100% 98%,97% 100%,94% 98%,91% 100%,88% 98%,85% 100%,82% 98%,79% 100%,76% 98%,73% 100%,70% 98%,67% 100%,64% 98%,61% 100%,58% 98%,55% 100%,52% 98%,49% 100%,46% 98%,43% 100%,40% 98%,37% 100%,34% 98%,31% 100%,28% 98%,25% 100%,22% 98%,19% 100%,16% 98%,13% 100%,10% 98%,7% 100%,4% 98%,0 100%)}.cafe-receipt>span{display:block;font:8px Arial,sans-serif;letter-spacing:1.5px;opacity:.7}.cafe-receipt h2{font:italic 24px/1.15 Georgia,serif;margin:12px 0 14px;color:#403c32}.cafe-receipt [data-recipe]{display:flex;flex-wrap:wrap;gap:7px 12px;border-top:1px dashed #a79a7d;padding-top:13px}.cafe-receipt [data-recipe] span{font:12px/1.5 Arial,sans-serif;white-space:nowrap}.cafe-receipt i{display:inline-block;width:18px;font-style:normal}.cafe-receipt .done{color:#486653}.cafe-feedback{display:flex;align-items:center;gap:20px;min-height:70px;border-bottom:1px solid #736c5044}.cafe-feedback p{margin:16px 0;font-size:15px;line-height:1.45;color:#e4d7b5}.cafe-feedback .btn{margin-left:auto;flex-shrink:0;background:#c1b181;color:#1c302c;border-color:#d8cda5}.cafe-help{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:14px}.cafe-help p{font:12px/1.55 Arial,sans-serif;max-width:480px;color:#adae9b;margin:0}.cafe-help button{flex-shrink:0;background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px;color:#c9c6ae;padding-right:0}.cafe-canon{font:10px/1.5 Arial,sans-serif;color:#8f9788;margin:14px 0 0}.cafe-pause{position:absolute;inset:0;background:#172b2dec;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.cafe-pause[hidden]{display:none}.cafe-pause h2{font:32px Georgia,serif;margin:0}.cafe-pause p{color:#c8c3a7}.cafe-pause .btn{margin-top:12px}.cafe-orientation{display:flex;align-items:center;gap:15px;padding:4px 0 10px;font-size:11px;color:#abae96}.cafe-orientation[hidden]{display:none}.cafe-orientation button{margin-left:auto;width:36px;min-height:36px;background:none;border:0;color:inherit;font-size:23px}.cafe-play [hidden]{display:none!important}.cafe-play button:focus-visible{outline:2px solid #e8d098;outline-offset:3px}.cafe-play button:disabled{opacity:.5;cursor:default}
.cafe-play [data-cup],.cafe-play [data-pitcher],.cafe-play [data-bottle]{transition:transform .28s cubic-bezier(.2,.7,.3,1),opacity .4s}.cafe-play.is-dragging [data-cup]{transition:none;filter:drop-shadow(4px 8px 4px #0003)}.cafe-play[data-selected="cup"] [data-cup]{filter:drop-shadow(0 0 4px #f5d889)}.cafe-play[data-selected="cup"] [data-shelf],.cafe-play[data-selected="cup"] [data-mat]{filter:drop-shadow(0 0 5px #e0cd8a)}.cafe-play[data-selected="pitcher"] [data-pitcher],.cafe-play[data-selected="bottle"] [data-bottle]{filter:drop-shadow(0 0 6px #efda95)}.cafe-lever-arm{transition:transform .25s;transform-origin:0 0}.cafe-play[data-active="espresso"] .cafe-lever-arm{transform:rotate(70deg)}.cafe-pitcher-body{transform-origin:-36px -90px;transition:transform .3s}.cafe-play[data-active="milk"] .cafe-pitcher-body{transform:rotate(-30deg)}.cafe-play[data-active="foam"] .cafe-pitcher-body{transform:rotate(-16deg)}.cafe-play[data-active="vanilla"] .cafe-pump{animation:cafe-pump .85s ease-in-out}.cafe-steam{animation:cafe-steam 4s ease-in-out infinite}.cafe-stream{stroke-dasharray:6 2;animation:cafe-flow .4s linear infinite}.cafe-guest-arm,.cafe-guest-hand{transition:transform .7s;transform-origin:-48px -15px}.cafe-play[data-phase="serving"] .cafe-guest-arm,.cafe-play[data-phase="serving"] .cafe-guest-hand{transform:rotate(-24deg)}.cafe-play[data-phase="complete"] [data-guest]{filter:brightness(1.06)}.cafe-play.is-paused *{animation-play-state:paused!important}@keyframes cafe-flow{to{stroke-dashoffset:-16}}@keyframes cafe-pump{40%,65%{transform:translateY(7px)}}@keyframes cafe-steam{50%{transform:translateY(-5px);opacity:.12}}
@media(max-width:720px){.cafe-play{padding:22px 12px 16px}.cafe-title{gap:12px;margin-bottom:16px}.cafe-title h1{font-size:31px}.cafe-title .eyebrow{font-size:8px;letter-spacing:1px}.cafe-utilities{gap:4px;flex-direction:column}.cafe-utilities button{font-size:10px;min-height:34px;padding:6px 10px}.cafe-receipt{width:164px;padding:14px 16px}.cafe-receipt h2{font-size:20px}.cafe-receipt [data-recipe] span{font-size:10px}.cafe-help{gap:12px}.cafe-help p{font-size:11px}.cafe-help button{font-size:10px}.cafe-feedback p{font-size:13px}.cafe-canon{font-size:9px}}
@media(max-width:619px){.cafe-receipt{top:13px;right:12px;width:123px;padding:13px 12px;transform:rotate(2deg)}.cafe-receipt>span{font-size:6px;letter-spacing:.8px}.cafe-receipt h2{font-size:17px;margin:8px 0}.cafe-receipt [data-recipe]{padding-top:8px;gap:3px}.cafe-receipt [data-recipe] span{font-size:9px;width:100%}.cafe-receipt i{width:14px}.cafe-feedback{min-height:63px;gap:9px;flex-wrap:wrap;padding:9px 0}.cafe-feedback p{margin:0;flex:1;min-width:160px}.cafe-feedback .btn{font-size:11px;padding:10px}.cafe-help{align-items:flex-start}.cafe-help p{max-width:185px}.cafe-help button{max-width:124px;text-align:right;padding-top:0;line-height:1.5}.cafe-svg-label{font-size:14px;letter-spacing:1px}.cafe-workspace{border-radius:10px}.cafe-title h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.cafe-play *{animation:none!important;transition-duration:.01ms!important}.cafe-stream{stroke-dasharray:none}.cafe-steam{display:none}}
.cafe-play [data-guest-waiting],.cafe-play [data-guest-served]{transition:opacity .6s;filter:sepia(.08) saturate(.88)}.cafe-play [data-guest]{filter:drop-shadow(3px 4px 3px #06171955)}.cafe-play[data-phase="serving"] [data-guest]{animation:cafe-guest-lean 2.6s ease-in-out}.cafe-play[data-active="milk"] [data-pitcher]>.cafe-svg-label,.cafe-play[data-active="foam"] [data-pitcher]>.cafe-svg-label,.cafe-play[data-active="vanilla"] [data-bottle]>.cafe-svg-label{opacity:0}@keyframes cafe-guest-lean{50%{translate:0 3px}}
@media(max-width:619px){.cafe-svg-label{font-size:22px;letter-spacing:.5px}.cafe-receipt [data-recipe] span{font-size:11px}.cafe-receipt>span{font-size:7px}}
@media(max-width:619px){.cafe-receipt{position:relative;top:auto;right:auto;width:auto;transform:none;clip-path:none;box-shadow:0 3px 10px #0004;padding:11px 14px 12px;display:grid;grid-template-columns:1fr;gap:5px}.cafe-receipt>span{font-size:7px}.cafe-receipt h2{font-size:21px;margin:0}.cafe-receipt [data-recipe]{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 12px;padding-top:6px}.cafe-receipt [data-recipe] span{width:auto;font-size:11px;line-height:1.4}.cafe-receipt i{width:15px}}
/* Milk has a visible preparation station; serving stays on the tray. */
.cafe-wand-target{opacity:0;transition:opacity .2s}.cafe-play[data-selected="pitcher"][data-milk-ready="false"] .cafe-wand-target{opacity:.8}.cafe-play[data-pitcher="wand"][data-milk-ready="false"] [data-steam]{filter:drop-shadow(0 0 5px #ffde9a)}.cafe-play[data-active="froth"] [data-wand-vapor]{animation:cafe-vapor 1s ease-in-out infinite}.cafe-play[data-active="froth"] [data-jug-bubbles]{animation:cafe-bubbles .7s ease-in-out infinite}.cafe-play [data-guest-figure]{transition:none}.cafe-play[data-phase="complete"] [data-guest-figure]{animation:cafe-thanks .6s ease-out}.cafe-play[data-phase="serving"] [data-guest]{animation:none}.cafe-play[data-phase="ready"] [data-shelf]{filter:drop-shadow(0 0 7px #ffe0a777)}.cafe-play[data-phase="departing"] [data-cup],.cafe-play[data-phase="arriving"] [data-cup]{transition:none}.cafe-play [data-ui="guide"]{margin-left:auto;max-width:310px;min-height:44px;font-size:12px;line-height:1.3}.cafe-feedback p{flex:1}.cafe-play[data-active="froth"] .cafe-pitcher-body{transform:none}.cafe-play [data-froth-label]{font-size:17px;letter-spacing:.5px}.cafe-play [data-steam-label]{font-size:17px}.cafe-play [data-pitcher-label]{font-size:15px;letter-spacing:.6px}@keyframes cafe-vapor{50%{translate:0 -5px;opacity:.45}}@keyframes cafe-bubbles{50%{scale:1.06;transform-origin:0 -78px}}@keyframes cafe-thanks{50%{translate:0 3px}}
@media(max-width:619px){.cafe-play [data-pitcher-label]{font-size:20px}.cafe-play [data-ui="guide"]{font-size:11px;max-width:160px}.cafe-play [data-froth-label],.cafe-play [data-steam-label]{font-size:20px}}
@media(prefers-reduced-motion:reduce){.cafe-play [data-guest-figure],.cafe-play [data-wand-vapor],.cafe-play [data-jug-bubbles]{animation:none!important}}
.cafe-play .cafe-feedback [data-ui="guide"]{background:#d9c796;color:#17342e;border-color:#e4d5ae;box-shadow:0 2px 8px #0002}.cafe-play .cafe-feedback [data-ui="guide"]:hover{background:#e9dab4;color:#112d27}.cafe-play .cafe-feedback [data-ui="guide"]:disabled{opacity:.65}
/* The café uses two calm places: customer counter and close-up preparation. */
.cafe-play{max-width:1180px;padding-top:20px}.cafe-title{margin-bottom:14px}.cafe-title h1{font-size:34px}.cafe-workspace{border:3px solid #70513d;border-radius:18px;background:#efdcbc}.cafe-views{display:flex;gap:8px;margin:0 0 12px}.cafe-views button{background:#334741;border:1px solid #a9ad89;color:#eee4cb;border-radius:20px;padding:10px 20px;min-height:44px;font-size:13px}.cafe-views button[aria-current="true"],.cafe-views [data-ui="back"]{background:#e1c395;color:#513c2d;border-color:#e1c395}.cafe-views [data-ui="back"]{margin-left:auto}.cafe-receipt{top:15px;right:18px;width:190px;padding:16px 18px;transform:rotate(1deg);background:#fff2d5}.cafe-receipt h2{font-size:23px}.cafe-play[data-view="bench"] .cafe-receipt{width:220px}.cafe-cue{max-width:300px;min-width:180px;padding:12px 16px;background:#dec795;color:#493c2e;border-radius:12px;font-size:13px;line-height:1.45}.cafe-feedback{gap:16px;min-height:86px}.cafe-feedback p{font-size:14px}.cafe-svg-label{fill:#604a36;stroke:none;font-weight:600;letter-spacing:1px;font-size:15px}.cafe-object>g>path,.cafe-object>g>ellipse{stroke-linejoin:round}.cafe-play [data-guest]{filter:none}.cafe-play[data-phase="complete"] [data-guest]{filter:none}.cafe-play [data-guest-image]{filter:none}.cafe-play[data-view="counter"] .cafe-receipt{left:28px;right:auto;top:25px;max-width:200px}.cafe-play[data-view="milk"] .cafe-receipt{width:180px}.cafe-play[data-view="milk"] [data-pitcher-label]{font-size:21px}.cafe-play[data-view="milk"] [data-steam-label]{font-size:20px}.cafe-play[data-view="milk"] [data-pitcher]{transition:transform .4s ease}.cafe-play[data-cue="machine"] [data-machine],.cafe-play[data-cue="brew"] [data-lever],.cafe-play[data-cue="wand"] [data-wand],.cafe-play[data-cue="steam"] [data-steam],.cafe-play[data-cue="lift"] [data-pitcher],.cafe-play[data-cue="milk"] [data-pitcher],.cafe-play[data-cue="vanilla"] [data-bottle],.cafe-play[data-cue="serve"] [data-shelf]{filter:drop-shadow(0 0 6px #fff2ac)}.cafe-play[data-cue="lift"] [data-pitcher-label]{font-weight:700}.cafe-play[data-view="milk"] [data-wand]{stroke-width:2}.cafe-play[data-view="milk"] .cafe-stage{max-height:630px}.cafe-play[data-view="counter"] .cafe-stage{max-height:620px}.cafe-play .cafe-pitcher-body{transform-origin:-36px -90px}.cafe-play[data-active="milk"] .cafe-pitcher-body{transform:rotate(-30deg)}
@media(max-width:619px){.cafe-play{padding:12px 8px}.cafe-title h1{font-size:25px}.cafe-title{margin-bottom:10px}.cafe-views{gap:5px;flex-wrap:wrap;margin-bottom:8px}.cafe-views button{font-size:11px;padding:9px 13px}.cafe-views [data-ui="back"]{margin-left:0}.cafe-receipt,.cafe-play[data-view="counter"] .cafe-receipt,.cafe-play[data-view="bench"] .cafe-receipt,.cafe-play[data-view="milk"] .cafe-receipt{position:relative;left:auto;top:auto;right:auto;width:auto;max-width:none;transform:none;display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;padding:10px 12px}.cafe-receipt>span{display:none}.cafe-receipt h2{font-size:20px}.cafe-receipt [data-recipe]{border:0;padding:0;gap:4px 8px}.cafe-receipt [data-recipe] span{font-size:10px}.cafe-feedback{display:block;padding:10px 0;min-height:0}.cafe-feedback p{font-size:12px;margin:0 0 8px}.cafe-cue{display:block;max-width:none;padding:9px 12px;font-size:12px;min-width:0}.cafe-help{padding-top:10px}.cafe-help p{font-size:10px}.cafe-play[data-view="milk"] .cafe-stage{max-height:none}.cafe-svg-label{font-size:21px}.cafe-play[data-view="counter"] .cafe-stage{max-height:none}}
.cafe-play[data-cue="grinder"] [data-grinder],.cafe-play[data-cue="grind"] [data-grind],.cafe-play[data-cue="tamp"] [data-tamp],.cafe-play[data-cue="lock"] [data-machine]{filter:drop-shadow(0 0 7px #fff2aa)}.cafe-play[data-selected="filter"] [data-filter],.cafe-play[data-selected="filter"] [data-grinder],.cafe-play[data-selected="filter"] [data-machine]{filter:drop-shadow(0 0 5px #ffe397)}.cafe-play [data-filter]{transition:transform .18s ease}.cafe-play.is-dragging [data-filter]{transition:none}.cafe-play[data-active="grind"] [data-grind-stream]{animation:cafe-flow .3s linear infinite}.cafe-play[data-active="grind"] [data-grinder]{animation:cafe-grinder .15s linear infinite}@keyframes cafe-grinder{50%{translate:.5px 0}}
.cafe-play[data-filter="machine"] [data-filter]>.cafe-svg-label{visibility:hidden}.cafe-play [data-tamp]{transition:transform .18s ease}.cafe-stage{transition:opacity .16s ease}.cafe-play [data-grind-stream]{pointer-events:none}
/* Keep rendered SVG and pointer-coordinate aspect ratios identical. */
.cafe-play[data-view="milk"] .cafe-stage{width:min(100%,640px);max-height:none;margin:0 auto}.cafe-play[data-view="counter"] .cafe-stage{max-height:none}
.cafe-play[data-tamping="true"] [data-tamp]>.cafe-svg-label{visibility:hidden}.cafe-object:focus-visible>rect{stroke:#ffe39e;stroke-width:3;stroke-dasharray:5 4}.cafe-play[data-view="milk"] .cafe-workspace{background:#f0dfbc}.cafe-play[data-view="milk"] .cafe-stage{width:min(calc(100% - 24px),640px);margin:18px auto;border-radius:20px;box-shadow:0 3px 20px #70513d22}
.cafe-play[data-active="milk"] .cafe-stream{stroke-dasharray:none}.cafe-play[data-cue="machine"] [data-cafe="machine"]>rect{stroke:#e7c986;stroke-width:2;stroke-dasharray:6 5}.cafe-play[data-phase="complete"] [data-guest-figure]{animation:cafe-grateful 1.1s ease-in-out}@keyframes cafe-grateful{40%{translate:0 5px;rotate:1deg}70%{translate:0 2px;rotate:-.5deg}}
.cafe-svg-label{fill:#fff0d2;stroke:#64462f;stroke-width:1.2px;paint-order:stroke;letter-spacing:.8px}.cafe-play[data-view="milk"] [data-pitcher-label]{stroke-width:.5px}
.cafe-cue{background:transparent;border-left:2px solid #c7aa74;border-radius:0;color:#eddfbd;padding:5px 14px;cursor:default}.cafe-cue::before{content:'СЛЕДУЮЩИЙ ШАГ';display:block;color:#bba77d;font-size:8px;letter-spacing:1.7px;margin-bottom:5px}.cafe-play[data-active="espresso"] .cafe-cue::before,.cafe-play[data-active="grind"] .cafe-cue::before{content:'ГОТОВИМ'}
/* Returning players see a clean workbench; teaching belongs to the first-visit strip. */
.cafe-svg-label{display:none}.cafe-play[data-view="milk"] [data-pitcher-label]{display:block;fill:#533c2c;stroke:none;font-size:18px}.cafe-help{justify-content:flex-end;padding-top:4px}.cafe-feedback{min-height:54px}.cafe-feedback p{margin:10px 0}.cafe-tutorial{display:flex;gap:16px;align-items:center;margin:0 0 12px;padding:13px 17px;border:1px solid #9e936b;border-radius:12px;background:#eee0b9;color:#3d3c2c;font-size:14px;line-height:1.4}.cafe-tutorial span{flex:1}.cafe-tutorial button{border:0;border-left:1px solid #c5b589;border-radius:0;background:none;color:#625d43;font-size:11px;padding:7px 0 7px 16px;min-height:36px}.cafe-utilities [data-ui="tutorial"]{background:none;border-color:transparent;text-decoration:underline;text-underline-offset:4px}.cafe-play[data-view="bench"] [data-bottle] text{display:none}.cafe-play[data-cue="bench"] [data-ui="bench"],.cafe-play[data-cue="back"] [data-ui="back"]{box-shadow:0 0 0 3px #e6c78366}.cafe-play[data-cue="mat"] [data-mat]{filter:drop-shadow(0 0 6px #ffe5ad)}
@media(max-width:619px){.cafe-tutorial{font-size:12px;padding:10px 12px;gap:10px}.cafe-tutorial button{font-size:10px;padding-left:9px}.cafe-feedback{min-height:0}.cafe-feedback p{font-size:12px}.cafe-utilities{gap:0}.cafe-utilities [data-ui="tutorial"]{min-height:28px;padding:2px 7px}}
.cafe-play.is-changing-view [data-cup],.cafe-play.is-changing-view [data-pitcher],.cafe-play.is-changing-view [data-filter]{transition:none!important}.cafe-play.is-changing-view .cafe-stage{animation:cafe-scene-in .18s ease-out}@keyframes cafe-scene-in{from{opacity:.35}to{opacity:1}}
.cafe-play[data-cue="lock"] [data-cafe="lock"]>rect{stroke:#e7c986;stroke-width:2;stroke-dasharray:6 5}
@media(max-width:619px){.cafe-title{display:block;margin-bottom:8px}.cafe-title .eyebrow{display:none}.cafe-title h1{font-size:24px;margin:0 0 6px}.cafe-utilities{flex-direction:row;justify-content:flex-end;gap:4px}.cafe-utilities button{min-height:32px;padding:5px 8px;font-size:10px}.cafe-utilities [data-ui="tutorial"]{margin-right:auto}.cafe-tutorial{padding:9px 11px;margin-bottom:8px}}
.cafe-tutorial{min-height:66px;box-sizing:border-box}@media(max-width:619px){.cafe-tutorial{min-height:70px}}
/* A lifted pouring tool has no tabletop contact shadow across the cup. */
.cafe-play[data-active="milk"] [data-pitcher]>ellipse:first-child,.cafe-play[data-active="vanilla"] [data-bottle]>ellipse:first-child{opacity:0}
/* Poses and emitted streams share one frame clock; CSS never moves a tool separately. */
.cafe-play [data-cup],.cafe-play [data-filter],.cafe-play [data-tamp],.cafe-play [data-pitcher],.cafe-play [data-bottle]{transition:none!important}.cafe-play .cafe-pitcher-body{transform:none!important;transition:none!important}.cafe-play .cafe-pump{animation:none!important}.cafe-ground-fall{animation:cafe-flow .25s linear infinite;pointer-events:none}.cafe-play[data-active="tamp"] [data-tamp]{filter:none}.cafe-play [data-filter-mounted]{pointer-events:none}
.cafe-play[data-drag-kind="filter"] [data-filter-shadow],.cafe-play[data-drag-kind="cup"] [data-cup]>ellipse:first-child,.cafe-play[data-drag-kind="pitcher"] [data-pitcher]>ellipse:first-child,.cafe-play[data-drag-kind="bottle"] [data-bottle]>ellipse:first-child{opacity:0!important}

/* Guest choreography is driven by the shared scene timeline, never independent CSS. */
.cafe-play [data-guest-figure]{animation:none!important;transition:none!important}.cafe-play .cafe-receipt{transition:none}.cafe-play[data-view="milk"] [data-pitcher]>ellipse:first-child{opacity:0!important}.cafe-play[data-view="milk"] [data-pitcher-label]{transform:translate(-5px 13px) scale(.64);fill:#405a4c;font-size:17px;letter-spacing:.5px}.cafe-play[data-view="milk"] [data-steam-label]{display:none}.cafe-play[data-view="milk"] [data-pitcher]{filter:none!important}.cafe-play[data-view="milk"] [data-wand-tip]{pointer-events:none}.cafe-play[data-view="milk"] [data-close-vapor]{animation:cafe-vapor 1.6s ease-in-out infinite}.cafe-play[data-phase="empty"] .cafe-tutorial,.cafe-play[data-phase="arriving"] .cafe-tutorial{visibility:hidden}
@media(prefers-reduced-motion:reduce){.cafe-play [data-close-vapor]{animation:none!important}}

.cafe-play[data-active="espresso"] .cafe-stream{stroke-dasharray:none;animation:none}.cafe-play[data-selected="pitcher"][data-milk-ready="false"] [data-jug-dock]{filter:drop-shadow(0 0 6px #fff0b2)}.cafe-play[data-cue="wand"] [data-jug-dock]{filter:drop-shadow(0 0 5px #fff0b2)}

.cafe-play [data-chocolate]{transition:none!important}.cafe-play[data-selected="chocolate"] [data-chocolate],.cafe-play[data-cue="chocolate"] [data-chocolate]{filter:drop-shadow(0 0 6px #efda95)}.cafe-play[data-active="chocolate"] [data-chocolate]>ellipse:first-child,.cafe-play[data-drag-kind="chocolate"] [data-chocolate]>ellipse:first-child{opacity:0!important}.cafe-play[data-view="bench"] [data-chocolate] text{display:none}

.cafe-play.cafe-immersive[data-view=milk] [data-pitcher-label]{display:none}

/* A finished drink has one clear, reachable next action; preparation stays uncluttered. */
.cafe-play [data-ui="serve"]{background:#e5c593;color:#3a3529;border-color:#f3dcaf;font-weight:600;min-height:44px}.cafe-play[data-phase="ready"]:not(.cafe-immersive) .cafe-views{position:sticky;top:calc(var(--cafe-top,0px) + 6px);z-index:70;background:#172b2bf5;border-radius:22px;box-shadow:0 6px 16px #071b1d55}.cafe-play [data-serving-target]{transition:opacity .2s ease}@media(prefers-reduced-motion:reduce){.cafe-play [data-serving-target]{transition:none}}