#level10Screen,#level11Screen,#level12Screen{overflow:hidden;background:#17383b}.l1012-stage{height:calc(100% - 72px);position:relative;overflow:hidden;background:linear-gradient(rgba(15,52,54,.12),rgba(15,52,54,.3)),url("assets/cafe-background.png") center/cover}.l1012-stage.rainy{background:linear-gradient(rgba(9,34,38,.48),rgba(9,34,38,.58)),url("assets/cafe-background.png") center/cover}.l1012-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}.l1012-intro span{font-size:11px;letter-spacing:.16em;color:#78523d}.l1012-intro h3{font:700 27px/1.05 Georgia,serif;margin:6px 0}.l1012-intro p{font-size:14px;line-height:1.35;margin:0 0 12px}.l1012-intro .primary{margin:0}.l1012-hud{display:flex;justify-content:space-between;gap:8px;padding:10px 15px;background:#f7e7bd;border-bottom:3px solid #173f42;font-size:13px;letter-spacing:.06em}.l1012-help{min-height:34px;margin:0;padding:8px 10px;background:#fff9e9;color:#173f42;text-align:center;font-size:12px}.l1012-success-panel{width:min(100%,760px)}.l1012-success-panel .ending-art{aspect-ratio:3/2;background-size:200% 200%;background-position:0 0}.l10-success-art{background-image:url("assets/level10-ending-atlas.png")}.l11-success-art{background-image:url("assets/level11-ending-atlas.png")}.l12-success-art{background-image:url("assets/level12-ending-atlas.png")}.l1012-fail{margin:auto 18px}
.l10-game,.l11-game,.l12-game{height:100%;display:flex;flex-direction:column}.l10-drop-zone{position:relative;flex:1;min-height:0;overflow:hidden;background:linear-gradient(#17383b33,#17383baa),url("assets/cafe-background.png") center/cover}.l10-cup{position:absolute;z-index:4;top:8px;left:calc(50% - 34px);width:68px;height:68px;display:grid;place-items:center;filter:drop-shadow(0 5px 4px #102d30aa);will-change:top}.l10-cup img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.l10-tray{position:absolute;z-index:3;left:calc(50% - 64px);bottom:22px;width:128px;height:17px;border:4px solid #173f42;border-radius:4px 4px 50% 50%;background:#d68576;box-shadow:0 7px 0 #102d30}.l10-stack{position:absolute;z-index:2;left:calc(50% - 46px);bottom:39px;width:92px;display:flex;flex-direction:column-reverse;align-items:center}.l10-stack img{display:block;width:62px;height:42px;object-fit:contain;margin-top:-25px;filter:drop-shadow(0 2px 1px #102d3066)}.l10-stack.missed{animation:l10-wobble .38s ease}@keyframes l10-wobble{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
.l11-rain-zone{position:relative;flex:1;min-height:0;overflow:hidden;background:linear-gradient(#294f58aa,#17383bdd),url("assets/cafe-background.png") center/cover}.l11-rain{position:absolute;z-index:3;inset:0;pointer-events:none}.l11-drop{position:absolute;top:0;width:var(--drop-width,2px);height:var(--drop-length,10px);border-radius:999px;background:rgba(196,235,243,var(--drop-opacity,.85));box-shadow:0 0 2px #dff7fb99;transform:translate3d(-50%,-14px,0) rotate(8deg);transform-origin:center;will-change:transform}.l11-warning{position:absolute;z-index:1;top:0;bottom:0;width:25%;left:0;background:linear-gradient(#f7e7bd24,#f7e7bd08);border-left:2px dashed #f7e7bd77;border-right:2px dashed #f7e7bd77;opacity:0;transition:left .2s,opacity .2s}.l11-warning.active{opacity:1}.l11-umbrella{position:absolute;z-index:5;left:calc(50% - 52px);bottom:70px;width:104px;height:122px;will-change:left;filter:drop-shadow(0 4px 2px #102d30)}.l11-umbrella svg{display:block;width:100%;height:100%;overflow:visible}.umbrella-canopy{fill:#d68576;stroke:#173f42;stroke-width:5;stroke-linejoin:round;transition:fill .14s ease}.umbrella-panel{fill:#f0aa9d;transition:fill .14s ease}.umbrella-panel--shade{fill:#bf695f}.umbrella-ribs{fill:none;stroke:#173f42;stroke-width:2.5;stroke-linecap:round;opacity:.75}.umbrella-shaft-outline{fill:none;stroke:#173f42;stroke-width:9;stroke-linecap:round}.umbrella-shaft{fill:none;stroke:#f7e7bd;stroke-width:5;stroke-linecap:round}.umbrella-cap{fill:#f7e7bd;stroke:#173f42;stroke-width:3}.l11-umbrella.rain-hit .umbrella-canopy{fill:#5baab6}.l11-umbrella.rain-hit .umbrella-panel{fill:#8ed3dc}.l11-umbrella.rain-hit .umbrella-panel--shade{fill:#438b98}.l11-bags{position:absolute;z-index:4;left:0;right:0;bottom:18px;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}.l11-bags span{width:47px;height:50px;background:#d6aa70;border:3px solid #173f42;clip-path:polygon(14% 19%,31% 19%,35% 4%,65% 4%,69% 19%,86% 19%,100% 100%,0 100%)}
.l12-game{background:#17383bcc}.l12-board{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:14px 18px}.l12-people{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.l12-people span{padding:9px;background:#102d30;color:#f7e7bd;text-align:center;font-size:11px;font-weight:900;letter-spacing:.12em}.l12-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.l12-actions button{min-height:112px;border:4px solid #173f42;background:#fff9e9;color:#173f42;box-shadow:4px 4px #d68576;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;touch-action:manipulation}.l12-actions button:nth-child(1),.l12-actions button:nth-child(3){border-left-color:#d68576}.l12-actions button:nth-child(2),.l12-actions button:nth-child(4){border-right-color:#d6aa70}.l12-actions button b{font-size:12px;letter-spacing:.14em}.l12-actions button.flash{background:#f7e7bd;outline:5px solid #d68576;transform:translateY(-3px)}.l12-actions button.correct{box-shadow:4px 4px #79a789}.l12-actions button.wrong{animation:l10-wobble .3s ease}.l12-actions button:disabled{opacity:.78}.task-icon{position:relative;display:block;width:48px;height:48px;color:#173f42}.task-icon.wipe:before{content:"";position:absolute;inset:9px 4px 7px;background:#d68576;border:3px solid currentColor;transform:skew(-12deg)}.task-icon.wipe:after{content:"";position:absolute;left:8px;right:7px;bottom:3px;border-bottom:4px solid #79a789}.task-icon.cups:before,.task-icon.cups:after{content:"";position:absolute;width:22px;height:28px;border:3px solid currentColor;border-top:0;border-radius:2px 2px 8px 8px}.task-icon.cups:before{left:2px;top:13px}.task-icon.cups:after{right:1px;top:5px;background:#f7e7bd}.task-icon.check:before{content:"";position:absolute;left:8px;top:3px;width:31px;height:40px;background:#fff9e9;border:3px solid currentColor;box-shadow:inset 0 8px #d6aa70}.task-icon.check:after{content:"✓";position:absolute;left:16px;top:13px;font:900 25px/1 sans-serif;color:#79a789}.task-icon.lights:before{content:"";position:absolute;left:13px;top:3px;width:22px;height:24px;background:#f7e7bd;border:3px solid currentColor;border-radius:50%}.task-icon.lights:after{content:"";position:absolute;left:18px;top:29px;width:12px;height:12px;border:3px solid currentColor;border-top:0}.l12-sequence{display:flex;justify-content:center;gap:5px;min-height:11px;margin-top:13px}.l12-sequence i{width:10px;height:10px;border:2px solid #f7e7bd;border-radius:50%}.l12-sequence i.done{background:#79a789}.l12-board p{min-height:24px;margin:8px 0 0;text-align:center;color:#fff9e9;font-weight:800}
@media(max-height:700px){.l12-actions button{min-height:92px}.task-icon{transform:scale(.84)}.l1012-intro{padding:13px}.l1012-intro h3{font-size:24px}}
.l11-umbrella.rain-hit .umbrella-canopy,.l11-umbrella.rain-hit .umbrella-panel{transition:none}
.l11-bags span{position:relative;width:52px;height:58px;background:#d6aa70;border:3px solid #173f42;clip-path:none;border-radius:2px;box-shadow:inset 0 7px #c7955d;display:grid;place-items:center;transition:background-color .14s ease,box-shadow .14s ease}.l11-bags span.rain-hit{background:#7e9fa3;box-shadow:inset 0 7px #68878b,0 0 0 5px #bde7f155}.l11-bags span:before{content:"";position:absolute;left:13px;top:-14px;width:20px;height:18px;border:4px solid #173f42;border-bottom:0;border-radius:12px 12px 0 0}.l11-bags span:after{content:"";position:absolute;left:6px;right:6px;top:10px;border-top:2px dashed #8b603e}.l11-bags span i{position:absolute;left:5px;top:16px;width:14px;height:17px;border:2px solid #173f42;border-top:0;border-radius:2px 2px 5px 5px}.l11-bags span i:after{content:"";position:absolute;right:-5px;top:4px;width:4px;height:6px;border:2px solid #173f42;border-left:0;border-radius:0 4px 4px 0}.l11-bags span b{margin-left:17px;margin-top:12px;color:#173f42;font:900 7px/1.05 sans-serif;letter-spacing:.04em;text-align:center}
.l11-bags span.rain-hit{transition:none}
.l11-success-art{background-image:url("assets/level11-ending-atlas-v3.png")}
.l1012-fail h2,.l1012-fail .complete{color:#555653}