/* Level 08 and Level 12 use individual, dimensional transparent PNG props. */
.l8-new-game,.l12-new-game{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#102d30}
.l8-new-game[hidden],.l12-new-game[hidden]{display:none}
.l8-new-hud{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.l8-new-hud span:first-child{text-align:left}.l8-new-hud span:last-child{text-align:right}
.l8-new-board{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:9px;padding:10px;background:linear-gradient(#0d2628ba,#0d2628d9),url('assets/cafe-background.png') center/cover}
.l8-new-cups{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
.l8-new-cup{position:relative;min-width:0;min-height:100px;padding:6px 3px 22px;border:2px solid #779697;border-radius:12px;background:radial-gradient(circle at 50% 42%,#456664af,#193a3cba 70%);color:#f7e7bd;cursor:grab;touch-action:none;user-select:none;box-shadow:0 8px 11px #071d1ea0}
.l8-new-cup img{display:block;width:100%;height:calc(100% - 5px);object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 5px #041517a0)}
.l8-new-cup span{position:absolute;bottom:5px;left:0;right:0;font-size:10px;font-weight:900;letter-spacing:.13em;pointer-events:none}
.l8-new-cup[data-cup="5"]{grid-column:2;grid-row:1 / span 2;max-height:220px;align-self:center}
.l8-new-cup.selected{outline:4px solid #efc575;outline-offset:-4px}.l8-new-cup.dragging{z-index:10;cursor:grabbing;filter:brightness(1.12)}
.l8-new-stations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.l8-new-stations button{min-width:0;min-height:112px;padding:4px 2px 5px;border:2px solid #8eaaa4;border-radius:10px;background:#f6e9cc;color:#173f42;display:grid;grid-template-rows:1fr auto;place-items:center;touch-action:manipulation;box-shadow:0 5px 0 #102b2e;cursor:pointer}
.l8-new-stations img{width:100%;height:76px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 3px #14292966)}
.l8-new-stations b{font-size:10px;letter-spacing:.08em}
.l8-new-help,.l12-new-help{min-height:44px;margin:0;padding:9px 12px;background:#fff9e9;color:#173f42;text-align:center;font-size:13px;line-height:1.3}
.l12-new-board{position:relative;min-height:0;overflow:hidden;background:linear-gradient(#09292d75,#102f32a0),url('assets/cafe-background.png') center/cover;touch-action:none}
.l12-prop{position:absolute;z-index:3;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 9px 7px #041819a8)}
.l12-prop img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.l12-prop.dragging{z-index:12;cursor:grabbing;filter:drop-shadow(0 15px 11px #041819c0) brightness(1.1)}
.l12-cloth{left:6%;top:68%;width:76px;height:70px}.l12-spill{left:42%;top:57%;width:108px;height:70px}
.l12-chair{left:43%;top:42%;width:90px;height:115px}.l12-chair.parked{width:72px;height:90px}
.l12-park{position:absolute;left:4%;top:39%;width:82px;height:116px;display:grid;place-items:end center;padding-bottom:8px;border:2px dashed #f5db9eaa;border-radius:14px;background:#08272b5c;color:#fff1c5;font-size:10px;font-weight:900;letter-spacing:.08em;text-align:center}
.l12-table{left:70%;top:69%;width:119px;height:133px}.l12-cat{position:absolute;left:8%;top:12%;width:82px;height:76px;object-fit:contain;filter:drop-shadow(0 6px 6px #061819)}
.l12-tray{left:6%;top:81%;width:128px;height:75px}.l12-tray-img{position:absolute;inset:0}.l12-tray-cup{position:absolute!important;width:45px!important;height:43px!important;top:-14px}.l12-tray-cup.first{left:18px}.l12-tray-cup.second{right:17px}.l12-tray.delivered{left:68%;top:73%;transition:left .35s,top .35s}
.l12-prop[hidden]{display:none}
.l12-new-game .l1012-hud{display:flex;justify-content:space-between;align-items:center}
.l12-new-game .l1012-hud span:last-child{font-size:11px;text-align:right}
.l8-new-cup:focus-visible,.l8-new-stations button:focus-visible,.l12-prop:focus-visible{outline:4px solid #efc575;outline-offset:2px}
@media(max-width:390px){.l8-new-board{padding:6px;gap:6px}.l8-new-cups{gap:5px}.l8-new-stations{gap:4px}.l8-new-stations button{min-height:94px}.l8-new-stations img{height:61px}.l12-table{left:67%;width:105px}.l12-chair{width:76px;height:100px}.l12-spill{width:94px}.l12-tray{width:112px}.l12-cloth{width:68px}}
@media(max-height:700px){.l8-new-stations button{min-height:82px}.l8-new-stations img{height:53px}.l8-new-cup{min-height:76px}.l12-chair{height:89px}.l12-park{height:92px}.l12-table{height:105px}.l12-tray{top:79%}}