#level06Screen{overflow:hidden;background:#17383b}
.l6-stage{height:calc(100% - 72px);position:relative;overflow:hidden;background:url("assets/cafe-background.png") center/cover}
.l6-intro{position:absolute;z-index:4;left:14px;right:14px;bottom:14px;background:#fff9e9;border:3px solid #173f42;box-shadow:5px 5px #d98273;padding:16px}
.l6-intro span{font-size:11px;letter-spacing:.16em;color:#78523d}.l6-intro h3{font:700 27px/1.05 Georgia,serif;margin:6px 0}.l6-intro p{font-size:14px;line-height:1.35;margin:0 0 12px}.l6-intro .primary{width:100%;margin:0}
.l6-game{height:100%;display:flex;flex-direction:column;background:linear-gradient(rgba(18,55,56,.3),rgba(18,55,56,.12))}.l6-hud{flex:0 0 auto;display:flex;justify-content:space-between;padding:10px 15px;background:#f7e7bd;border-bottom:3px solid #173f42;font-size:14px;letter-spacing:.08em}
.l6-table{position:relative;flex:1;min-height:0;margin:14px 10px 8px;border:5px solid #68452e;border-radius:48% 48% 9px 9px;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 30%),repeating-linear-gradient(3deg,#a96e3f 0 24px,#9c6137 25px 27px);box-shadow:0 10px 0 #553621,0 16px 18px #132f30}
.l6-item{position:absolute;width:62px;height:62px;border:0;background:#fff9e9dd;border-radius:8px;font-size:31px;line-height:1;filter:drop-shadow(0 4px 2px #49301f88);touch-action:none;cursor:grab;padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center}.l6-item small{display:block;margin-top:2px;font:700 8px/1 sans-serif;color:#173f42;white-space:nowrap}.l6-item.dragging{position:fixed!important;z-index:9999;cursor:grabbing;transform:scale(1.12)}
.l6-zones{flex:0 0 142px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;background:#d6aa70;border-top:4px solid #173f42}.l6-zone{position:relative;display:grid;place-items:center;background:#fff9e9;border:3px solid #173f42;box-shadow:2px 2px #d98273;padding:2px;overflow:hidden}.l6-zone-art{width:100%;height:100%;background-image:url("assets/level06-zone-atlas.png");background-size:300% 100%;background-repeat:no-repeat;background-position:left center}.l6-zone-art.lost{background-position:center}.l6-zone-art.recycling{background-position:right center}.l6-zone-label{position:absolute;left:3px;right:3px;bottom:3px;padding:4px 2px;background:#fff9e9ed;color:#173f42;text-align:center;font:900 10px/1.1 "Trebuchet MS",Arial,sans-serif;letter-spacing:.03em;white-space:nowrap;pointer-events:none}.l6-zone.hover{background:#f7e7bd;outline:3px solid #fff}
.l6-success-panel{width:min(100%,760px)}.l6-success-art{aspect-ratio:3/2;background-image:url("assets/level06-ending-atlas.png");background-size:200% 200%;background-position:0 0}.l6-fail-panel{margin:auto 18px}
@media(min-width:700px){.l6-item{width:68px;height:68px;font-size:40px}.l6-zones{flex-basis:150px}}
#interlude1Actions{grid-template-columns:1fr}.interlude2-frames{position:absolute;z-index:1;top:136px;left:0;width:100%;aspect-ratio:3/2;border-top:4px solid #e5a294;border-bottom:4px solid #e5a294;background:url("assets/interlude-ii-atlas.png") 0 0/200% 200% no-repeat;transition:background-position .35s ease}.interlude2-line{position:absolute;z-index:5;top:calc(136px + min(66.67vw,333px) + 24px);left:22px;right:22px;margin:0;text-align:center;color:#fff7e8;font:700 21px/1.3 Georgia,serif;opacity:0;transition:opacity .5s}.interlude2-line.show{opacity:1}.interlude2-actions{top:calc(136px + min(66.67vw,333px) + 108px);grid-template-columns:1fr}
.interlude3-frames{position:absolute;z-index:1;top:136px;left:0;width:100%;aspect-ratio:3/2;border-top:4px solid #e5a294;border-bottom:4px solid #e5a294;background:url("assets/interlude-iii-atlas.png") 0 0/200% 200% no-repeat;transition:background-position .35s ease}.interlude3-line{position:absolute;z-index:5;top:calc(136px + min(66.67vw,333px) + 24px);left:22px;right:22px;margin:0;text-align:center;color:#fff7e8;font:700 21px/1.3 Georgia,serif;opacity:0;transition:opacity .5s}.interlude3-line.show{opacity:1}.interlude3-actions{top:calc(136px + min(66.67vw,333px) + 135px);grid-template-columns:1fr}
@media(max-width:350px){.interlude3-actions{top:calc(136px + min(66.67vw,333px) + 165px)}}