.l12-takeaway-game{height:100%;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr) auto;background:#102d30}
.l12-takeaway-game[hidden]{display:none}
.l12-takeaway-hud{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff0cc;color:#17383b;font-size:13px;font-weight:800;letter-spacing:.1em}
.l12-takeaway-hud b{font-size:18px}
.l12-catch-board{position:relative;min-height:0;overflow:hidden;touch-action:none;background:linear-gradient(#09292d65,#102f328c),url('assets/cafe-background.png') center/cover}
.l12-paper{position:absolute;z-index:2;right:1%;top:1%;width:min(48%,188px);aspect-ratio:2/3;background:url('assets/level08-barista/order-paper.png') center/100% 100% no-repeat;filter:drop-shadow(0 7px 5px #0618199c);pointer-events:none;transform-origin:top right}
.l12-paper.arrive{animation:l12-paper-in .35s ease-out both}
.l12-paper-copy{position:absolute;inset:18% 19% 12% 20%;display:flex;flex-direction:column;align-items:center;text-align:center;color:#38271d;overflow:hidden}
.l12-paper-copy small{font-size:clamp(8px,2.45vw,11px);font-weight:900;letter-spacing:.05em;white-space:nowrap}
.l12-paper-copy strong{font:700 clamp(15px,4vw,19px)/1.1 Georgia,serif;margin:4px 0 6px}
.l12-paper-items{display:flex;align-items:start;justify-content:center;gap:2px;min-height:85px;width:100%}
.l12-paper-items span{width:33%;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;color:#39291f;font:900 12px/1.08 Arial,sans-serif}
.l12-paper-items span:only-child{width:70%}
.l12-paper-items span:nth-child(2):last-child,.l12-paper-items span:first-child:nth-last-child(2){width:48%}
.l12-paper-items img{width:100%;height:47px;object-fit:contain;filter:drop-shadow(0 2px 2px #4b2f2a66)}
.l12-paper-items b{font-size:15px;color:#36251c}
.l12-paper-items em{font-size:10px;font-style:normal;color:#74513b;margin-top:2px}
.l12-paper-items span.caught img{opacity:.45}
.l12-paper-items span.caught em{color:#1e645e;font-weight:900}
.l12-paper-copy>span{font-size:9px;font-weight:800;line-height:1.2;margin-top:6px;color:#5a4738}
.l12-falling-layer{position:absolute;z-index:3;inset:0;pointer-events:none}
.l12-falling-item{position:absolute;left:0;top:0;width:64px;height:70px;object-fit:contain;filter:drop-shadow(0 8px 4px #061c1b8a);will-change:transform}
.l12-catcher{position:absolute;z-index:5;left:0;bottom:28px;width:130px;height:158px;transform:translateX(-50%);cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 10px 6px #07191ab0);will-change:left}
.l12-catcher.dragging{cursor:grabbing;filter:drop-shadow(0 12px 9px #07191ad0) brightness(1.07)}
.l12-catcher>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.l12-bag-contents{position:absolute;z-index:2;left:18%;right:18%;top:32%;height:20%;display:flex;align-items:center;justify-content:center;gap:1px;pointer-events:none}
.l12-bag-contents span{width:32%;height:100%;position:relative;display:block}
.l12-bag-contents img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #2a160e)}
.l12-bag-contents b{position:absolute;right:-4px;bottom:-8px;padding:2px;border-radius:7px;background:#f9e6b2;color:#17383b;font:900 9px/1 Arial,sans-serif}
.l12-catcher.pop{animation:l12-bag-pop .27s ease-out}
.l12-catcher.wrong{animation:l12-bag-shake .32s ease}
.l12-catcher.ship{animation:l12-bag-ship .55s ease-in forwards}
.l12-ready-bags{position:absolute;z-index:4;left:10px;bottom:7px;display:flex;gap:2px;pointer-events:none}
.l12-ready-bags img{width:25px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 2px #07191a)}
.l12-gesture-hint{position:absolute;z-index:1;left:0;right:0;bottom:6px;color:#fff7e8;font-size:10px;font-weight:900;letter-spacing:.15em;text-align:center;text-shadow:0 1px 3px #07191a}
.l12-takeaway-game .l12-new-help{margin:0;min-height:42px;padding:9px 12px;background:#fff8e5;color:#17383b;text-align:center;font-size:12px;line-height:1.35}
.l12-catcher:focus-visible{outline:4px solid #f8d67b;outline-offset:2px}
.l12-success-art{background-image:url('assets/level12-ending-atlas-takeaway.png')}
@keyframes l12-paper-in{from{opacity:0;transform:translateY(-26px) rotate(4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes l12-bag-pop{50%{scale:1.09}}
@keyframes l12-bag-shake{25%{rotate:-5deg}75%{rotate:5deg}}
@keyframes l12-bag-ship{to{opacity:0;translate:110% -55px;rotate:12deg}}
@media(max-width:390px){.l12-paper{width:49%}.l12-catcher{width:118px;height:145px}.l12-falling-item{width:57px;height:62px}.l12-paper-copy>span{font-size:9px;margin-top:3px}}
@media(max-height:700px){.l12-paper{width:min(43%,159px)}.l12-paper-copy strong{margin:3px 0}.l12-paper-items img{height:38px}.l12-paper-items{min-height:74px}.l12-catcher{bottom:21px;width:115px;height:139px}}
@media(prefers-reduced-motion:reduce){.l12-paper.arrive,.l12-catcher.pop,.l12-catcher.wrong,.l12-catcher.ship{animation-duration:.01ms}}