#level07Screen,#level08Screen,#level09Screen{overflow:hidden;background:#17383b}.l789-stage{height:calc(100% - 72px);position:relative;overflow:hidden;background:linear-gradient(rgba(15,52,54,.12),rgba(15,52,54,.28)),url("assets/cafe-background.png") center/cover}.l789-intro{position:absolute;z-index:8;left:14px;right:14px;bottom:14px;background:#fff9e9;border:3px solid #173f42;box-shadow:5px 5px #d98273;padding:16px}.l789-intro span{font-size:11px;letter-spacing:.16em;color:#78523d}.l789-intro h3{font:700 27px/1.05 Georgia,serif;margin:6px 0}.l789-intro p{font-size:14px;line-height:1.35;margin:0 0 12px}.l789-intro .primary{width:100%;margin:0}.l789-hud{display:flex;justify-content:space-between;padding:10px 15px;background:#f7e7bd;border-bottom:3px solid #173f42;font-size:14px;letter-spacing:.08em}.l789-help{min-height:32px;margin:0;padding:7px 10px;background:#fff9e9;color:#173f42;text-align:center;font-size:12px}.l789-success-panel{width:min(100%,760px)}.l789-success-panel .ending-art{aspect-ratio:3/2;background-size:200% 200%;background-position:0 0}.l7-success-art{background-image:url("assets/level07-ending-atlas.png")}.l8-success-art{background-image:url("assets/level08-ending-atlas.png")}.l9-success-art{background-image:url("assets/level09-ending-atlas.png")}.l789-fail{margin:auto 18px}
.l7-game,.l8-game,.l9-game{height:100%;display:flex;flex-direction:column}.l7-tables{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:12px;background:#17383bcc}.l7-table{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:105px;background:radial-gradient(ellipse at center,#b97845 0 53%,#754529 54% 63%,transparent 64%);border:2px solid #f7e7bd66;color:#fff9e9;touch-action:none}.l7-table .customer{font-size:37px;filter:drop-shadow(0 3px 2px #17383b)}.l7-order{width:56px;height:56px;display:grid;place-items:center;background:#fff9e9;border:3px solid #173f42;box-shadow:3px 3px #d98273}.l7-order img{width:50px;height:50px;object-fit:contain}.l7-table.correct{animation:l789-pop .28s ease}.l7-pass{flex:0 0 102px;display:flex;justify-content:space-around;align-items:center;gap:3px;padding:5px 7px;background:#d6aa70;border-top:4px solid #173f42}.l7-food{width:73px;height:82px;border:2px solid #173f42;background:#fff9e9;padding:2px;touch-action:none;cursor:grab}.l7-food img{width:100%;height:100%;object-fit:contain}.l7-food.selected{outline:4px solid #e58b78;transform:translateY(-4px)}.l7-food.dragging{position:fixed!important;z-index:9999;transform:scale(1.08);pointer-events:auto}.l7-swap{animation:l7-swap .35s ease}@keyframes l7-swap{50%{transform:scale(.94);opacity:.65}}
.l8-game{background:#17383bd9}.l8-workbench{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(116px,.78fr) minmax(154px,1fr);grid-template-rows:1fr auto;gap:9px 13px;padding:13px 15px 10px;background:linear-gradient(180deg,#17383b05,#17383b99),radial-gradient(circle at 68% 42%,#f4dfb42b 0 28%,transparent 29%)}.l8-ticket{align-self:center;display:flex;min-width:0;flex-direction:column;padding:13px 11px 12px;text-align:left;background:#f7e7bd;color:#173f42;border:3px solid #173f42;box-shadow:5px 5px 0 #d68576;transform:rotate(-1deg)}.l8-ticket span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#a05c4d}.l8-ticket strong{margin:5px 0 6px;font:700 16px/1.05 Georgia,serif;letter-spacing:.03em}.l8-ticket small{font-size:10px;line-height:1.25;color:#4f4a42}.l8-stack{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff9e9;text-align:center}.l8-bay-ring{width:154px;height:154px;display:grid;place-items:center;border-radius:50%;background:#0f2c2f99;border:2px solid #f7e7bd42;box-shadow:inset 0 0 0 8px #102d3055,0 14px 24px #091d1f77}.l8-cup-prop{display:block;width:138px;height:138px;object-fit:contain;filter:drop-shadow(0 9px 8px #06191a99);transition:transform .26s,filter .26s}.l8-stack>strong{min-height:17px;margin-top:9px;font-size:11px;line-height:1.15;letter-spacing:.13em}.l8-progress{grid-column:1/-1;display:grid;gap:5px}.l8-progress span{min-width:0;display:flex;align-items:center;gap:4px;padding:4px 5px;border:1px solid #f7e7bd5c;color:#f7e7bd80;background:#102d3099}.l8-progress span b{flex:0 0 17px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#f7e7bd1c;font-size:10px}.l8-progress span small{overflow:hidden;font-size:8px;font-weight:900;letter-spacing:.05em;white-space:nowrap}.l8-progress span.current{color:#fff9e9;border-color:#d68576;background:#6d4942}.l8-progress span.done{color:#173f42;border-color:#f7e7bd;background:#f7e7bd}.l8-progress span.done b{background:#79a789;color:#fff}.l8-guidance{min-height:39px;margin:0;padding:7px 12px;display:grid;place-items:center;background:#fff9e9;color:#173f42;text-align:center;font-size:12px;line-height:1.22;border-top:3px solid #173f42}.l8-stations{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:7px 9px 9px;background:#d6aa70;border-top:3px solid #173f42}.l8-stations button{grid-column:span 2;min-height:66px;border:2px solid #173f42;border-bottom-width:4px;border-radius:4px;background:#fff9e9;color:#173f42;display:flex;align-items:center;justify-content:center;gap:5px;padding:3px 5px;cursor:pointer}.l8-stations button:nth-child(n+4){grid-column:span 3}.l8-stations button:nth-child(1){background:#f5dfbc}.l8-stations button:nth-child(2){background:#d9f0f2}.l8-stations button:nth-child(3){background:#d9e9df}.l8-stations button:nth-child(4){background:#f3d8ce}.l8-stations button:nth-child(5){background:#ead0ac}.l8-stations button img{display:block;flex:0 0 45px;width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 3px 2px #17383b40)}.l8-stations button b{font-size:10px;letter-spacing:.08em}.l8-stations button:disabled{opacity:.72;cursor:default}.l8-stations button.wrong{animation:l8-wobble .35s ease;background:#e7a496}.l8-stations button:focus-visible{outline:3px solid #fff9e9;outline-offset:2px}@keyframes l8-wobble{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}
.l9-game{background:#071517}.l9-room{position:relative;flex:1;min-height:0;overflow:hidden;background:url("assets/cafe-background.png") center/cover;--light-x:50%;--light-y:50%}.l9-darkness{position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle 105px at var(--light-x) var(--light-y),transparent 0 58%,rgba(3,11,13,.48) 76%,rgba(3,11,13,.94) 100%)}.l9-items-layer{position:absolute;z-index:3;inset:0;mask-image:radial-gradient(circle 104px at var(--light-x) var(--light-y),#000 0 72%,transparent 100%);-webkit-mask-image:radial-gradient(circle 104px at var(--light-x) var(--light-y),#000 0 72%,transparent 100%)}.l9-item{position:absolute;width:60px;height:60px;border:0;background:transparent;display:grid;place-items:center;padding:0;filter:drop-shadow(0 4px 3px #000);touch-action:none}.l9-item svg,.l9-slot svg{width:44px;height:44px;stroke:#f7e7bd;fill:none;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.l9-item:focus-visible{outline:3px solid #d68576;outline-offset:2px}.l9-item.unsafe svg{stroke:#c8917d}.l9-item.penalty{animation:l8-wobble .35s ease}.l9-clue{position:absolute;width:54px;height:54px;border:0;background:transparent;padding:0;opacity:.72;filter:drop-shadow(0 4px 4px #000)}.l9-clue svg{width:100%;height:100%;stroke:#aeb8b5;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.l9-clue.cat-shadow svg{stroke:#071517;fill:#071517;filter:drop-shadow(0 0 3px #bde7f1)}.l9-clue.manager-photo svg{stroke:#d6aa70}.l9-clue.glimpse{animation:l9-glimpse .55s ease}@keyframes l9-glimpse{45%{opacity:1;transform:scale(1.16)}100%{opacity:.5;transform:scale(1)}}.l9-inventory{flex:0 0 70px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;background:#d6aa70;border-top:4px solid #173f42}.l9-slot{display:flex;align-items:center;justify-content:center;gap:4px;background:#fff9e9;border:2px solid #173f42;filter:grayscale(1);opacity:.35}.l9-slot small{font-size:8px;font-weight:900;letter-spacing:.06em}.l9-slot.found{filter:none;opacity:1;animation:l789-pop .3s ease}@keyframes l789-pop{50%{transform:scale(1.14)}}
@media(min-width:700px){.l7-food{width:88px;height:92px}.l7-table{min-height:130px}.l9-item{width:70px;height:70px}.l9-item svg{width:45px;height:45px}}
@media(max-height:640px){.l8-workbench{padding-top:7px;padding-bottom:6px}.l8-bay-ring{width:120px;height:120px}.l8-cup-prop{width:108px;height:108px}.l8-ticket{padding:8px}.l8-ticket small{display:none}.l8-stations{gap:4px;padding:5px 7px 6px}.l8-stations button{min-height:52px}.l8-stations button img{flex-basis:36px;width:36px;height:36px}}
.l9-slot{background:transparent;border:0;border-bottom:2px solid #173f4266;opacity:.28}.l9-slot svg{stroke:#173f42}.l9-slot.found{border-bottom-color:#173f42;opacity:1}
.l8-cup-prop.stage-clean,.l8-cup-prop.stage-brewed{filter:drop-shadow(0 0 12px #ffc65b) drop-shadow(0 9px 8px #06191a99)}.action-clear{animation:l8-lift .28s ease}.action-rinse{animation:l8-rinse-cup .28s ease}.action-wash{animation:l8-wash .28s ease}.action-dry{animation:l8-dry .28s ease}.action-coffee{animation:l8-ready .34s ease}@keyframes l8-lift{50%{transform:translateY(4px)}}@keyframes l8-rinse-cup{50%{transform:rotate(-4deg)}}@keyframes l8-wash{50%{transform:rotate(4deg)}}@keyframes l8-dry{50%{transform:scale(1.04)}}@keyframes l8-ready{50%{transform:scale(1.07)}}
.l8-bay-ring{position:relative}.l8-cup-prop{touch-action:none;user-select:none;cursor:grab;will-change:transform}.l8-cup-prop:active{cursor:grabbing}.l8-gesture-badge{position:absolute;right:-8px;top:-8px;z-index:3;min-width:48px;padding:6px 8px;border:2px solid #173f42;border-radius:16px;background:#f7e7bd;color:#173f42;font-size:9px;font-weight:900;letter-spacing:.08em;box-shadow:3px 3px #d68576}.l8-action-dock{flex:0 0 108px;display:grid;place-items:center;padding:7px 12px 10px;background:#d6aa70;border-top:3px solid #173f42}.l8-dock-card{width:min(230px,72%);height:88px;display:flex;align-items:center;justify-content:center;gap:13px;padding:5px 12px;border:3px solid #173f42;border-bottom-width:5px;border-radius:5px;background:#fff9e9;color:#173f42;box-shadow:4px 4px #8d5848}.l8-dock-card img{width:72px;height:72px;object-fit:contain;border-radius:4px}.l8-dock-card b{font-size:11px;line-height:1.15;letter-spacing:.08em;text-align:center}.l8-bay-ring.holding{box-shadow:inset 0 0 0 8px #102d3055,0 0 0 7px #79a789,0 14px 24px #091d1f77}.l8-bay-ring.wrong{animation:l8-wobble .35s ease}.l8-cup-prop.solved{animation:l789-pop .42s ease;filter:drop-shadow(0 0 13px #ffc65b) drop-shadow(0 9px 8px #06191a99)}.l8-cup-prop.challenge-lipstick,.l8-cup-prop.challenge-cracked{border-radius:12px}.l8-progress span small{display:none}@media(max-height:640px){.l8-action-dock{flex-basis:84px}.l8-dock-card{height:66px}.l8-dock-card img{width:54px;height:54px}}
.l8-real-bench{height:100%;display:grid;grid-template-rows:minmax(210px,1fr) 112px 68px 28px;gap:6px;padding:8px 10px;background:linear-gradient(#153b3dcc,#102f31ee)}.l8-cup-area{position:relative;display:grid;place-items:center;min-height:0;border:2px solid #527978;border-radius:10px;background:radial-gradient(circle,#335755 0,#173a3b 58%,#102e30 100%);overflow:hidden}.l8-cup-wrap{position:relative;width:184px;height:184px;touch-action:none;cursor:grab;transition:filter .2s}.l8-cup-wrap .l8-cup-prop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 6px #071b1ca0)}.l8-spoon-layer{position:absolute;z-index:3;left:61px;top:32px;width:78px;height:78px;object-fit:contain;touch-action:none;cursor:grab}.l8-mark-layer{position:absolute;z-index:2;pointer-events:none;transition:opacity .15s}.mark-stain{left:66px;top:74px;width:54px;height:34px;border-radius:50%;background:radial-gradient(ellipse,#6b3517 0 24%,#8d5228 40%,transparent 68%);transform:rotate(-12deg)}.mark-milk{left:58px;top:69px;width:64px;height:38px;border-radius:50%;border:8px dotted #d5c8aa;opacity:.9;transform:rotate(7deg)}.mark-lipstick{right:42px;top:51px;width:38px;height:16px;border-radius:50%;border-bottom:7px solid #a7424d;transform:rotate(-18deg)}.mark-crack{right:50px;top:77px;width:42px;height:55px;background:linear-gradient(120deg,transparent 43%,#244346 45% 49%,transparent 51%);clip-path:polygon(45% 0,70% 32%,53% 55%,81% 100%,57% 68%,36% 83%,45% 53%,22% 29%)}.hidden-mark .mark-lipstick,.hidden-mark .mark-crack{opacity:0}.l8-cup-wrap.wrong{animation:l8-wobble .35s ease}.l8-cup-wrap.solved{animation:l789-pop .42s ease;filter:drop-shadow(0 0 13px #ffc65b)}.l8-cup-area>strong{position:absolute;bottom:9px;color:#fff8df;font-size:10px;letter-spacing:.12em}.l8-turn-meter{position:absolute;top:8px;left:50%;width:74px;height:22px;margin-left:-37px;border-bottom:2px solid #769998}.l8-turn-meter span{display:block;width:3px;height:18px;margin:auto;background:#f4d69a;transform-origin:50% 100%;transition:transform .08s}.l8-soak-progress{position:absolute;left:12px;bottom:12px;width:70px;height:8px;border:1px solid #9ec7c6;background:#0b2627;opacity:0}.l8-soak-progress.active{opacity:1}.l8-soak-progress span{display:block;height:100%;width:0;background:#79bfc3}.l8-soak-progress.active span{animation:l8-soak 1.2s linear forwards}.l8-soak-progress.ready span{width:100%}.l8-stations{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.l8-station{display:grid;grid-template-rows:1fr auto;place-items:center;min-width:0;padding:3px;border:2px solid #173f42;border-radius:6px;background:#f7e7bd;color:#173f42}.l8-station img{width:100%;height:76px;object-fit:contain}.l8-station b{font-size:8px;letter-spacing:.08em}.l8-station.danger{background:#f0c8bd}.l8-toolbox{display:flex;align-items:center;gap:10px}.l8-tool{width:96px;height:62px;display:flex;align-items:center;gap:3px;padding:3px;border:2px solid #173f42;border-radius:6px;background:#d9ece8;color:#173f42}.l8-tool.selected{outline:4px solid #f1c55c;transform:translateY(-2px)}.l8-tool img{width:50px;height:50px;object-fit:contain}.l8-tool b{font-size:8px}.l8-toolbox>span{color:#f7e7bd;font-size:8px;letter-spacing:.08em}.l8-real-bench .l8-progress{height:22px}.l8-real-bench .l8-progress span{min-height:18px}.l8-guidance{min-height:34px;margin:0;padding:7px 10px;background:#f8efd7;color:#173f42;font-size:10px;text-align:center}.l8-game{display:grid;grid-template-rows:auto 1fr auto;height:100%}@keyframes l8-soak{to{width:100%}}@media(max-height:700px){.l8-real-bench{grid-template-rows:minmax(180px,1fr) 96px 58px 24px}.l8-cup-wrap{width:158px;height:158px}.l8-station img{height:62px}.l8-tool{height:52px}.l8-tool img{width:42px;height:42px}}