.l8-remix-game{grid-template-rows:auto 1fr;height:100%;min-height:0;background:#102f31}
.l8-remix-hud{grid-template-columns:repeat(3,1fr);padding:10px 14px}
.l8-remix-hud span:nth-child(2){text-align:center}.l8-remix-hud span:last-child{text-align:right}
.l8-remix-board{min-height:0;display:grid;grid-template-rows:38px minmax(360px,1fr) 76px 48px;gap:7px;padding:8px 10px 10px;background:linear-gradient(180deg,#163b3d,#0e292b)}
.l8-cup-queue{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;height:auto!important;align-self:stretch!important}
.l8-cup-queue span{min-height:32px!important;padding:3px!important;border:1px solid #779493!important;border-radius:5px;background:#0a2527!important}
.l8-cup-queue span.current{border-color:#efc575!important;background:#70483f!important}.l8-cup-queue span.done{border-color:#f7e7bd!important;background:#f7e7bd!important}
.l8-workzone{position:relative;min-height:0;border:2px solid #547675;border-radius:16px;background:radial-gradient(circle at 50% 46%,#315456 0 26%,#173b3d 56%,#102e30 100%);overflow:hidden}
.l8-inspection-bay{position:absolute;inset:78px 82px 68px;display:grid;place-items:center;border:1px solid #78979680;border-radius:50%;background:#0d292b80}
.l8-inspection-bay .l8-cup-wrap{width:176px;height:176px}
.l8-inspection-bay>strong{position:absolute;bottom:5px;color:#fff4d4;font-size:10px;letter-spacing:.11em;text-align:center}
.l8-inspection-bay .l8-turn-meter{top:2px}
.l8-corner-station{position:absolute;z-index:4;width:78px;height:88px;display:grid;grid-template-rows:1fr auto;place-items:center;padding:4px;border:0;background:transparent;color:#fff1ca;cursor:pointer;touch-action:none}
.l8-corner-station img{display:block;width:72px;height:64px;object-fit:contain;filter:drop-shadow(0 5px 4px #06191aaa)}
.l8-corner-station b{padding:2px 5px;border-radius:8px;background:#0a2426d9;font-size:8px;letter-spacing:.08em}
.l8-corner-station.soak{left:4px;top:5px}.l8-corner-station.rack{right:4px;top:5px}.l8-corner-station.reject{left:4px;bottom:5px}.l8-corner-station.coffee{right:4px;bottom:5px}
.l8-corner-station:focus-visible{outline:3px solid #efc575;outline-offset:-3px}.l8-corner-station.reject b{background:#7a3f39}
.l8-remix-tray{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:12px;padding:5px 10px;border:2px solid #527473;border-radius:10px;background:#173a3c}
.l8-remix-tray .l8-tool{width:104px;height:60px}.l8-remix-tray .l8-tool img{width:48px;height:48px}
.l8-combo{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#f6e7bf}.l8-combo small{font-size:9px;letter-spacing:.1em}.l8-combo strong{min-width:42px;height:42px;display:grid;place-items:center;border:2px solid #efc575;border-radius:50%;font:700 18px Georgia,serif}
.l8-remix-board>.l8-guidance{min-height:0;border:0;border-radius:7px;padding:7px 10px;font-size:10px}
.l8-remix-board .l8-soak-progress{left:50%;bottom:25px;transform:translateX(-50%)}
@media(max-width:420px){.l8-remix-board{grid-template-rows:34px minmax(330px,1fr) 70px 46px;padding-left:7px;padding-right:7px}.l8-inspection-bay{inset:74px 70px 64px}.l8-inspection-bay .l8-cup-wrap{width:150px;height:150px}.l8-corner-station{width:68px;height:78px}.l8-corner-station img{width:62px;height:55px}.l8-remix-tray{grid-template-columns:96px 1fr;padding-left:6px}.l8-remix-tray .l8-tool{width:92px;height:55px}}
@media(max-height:720px){.l8-remix-board{grid-template-rows:32px minmax(300px,1fr) 62px 42px;gap:5px;padding-top:5px}.l8-inspection-bay{inset:66px 74px 58px}.l8-inspection-bay .l8-cup-wrap{width:142px;height:142px}.l8-corner-station{height:70px}.l8-corner-station img{height:48px}.l8-remix-tray .l8-tool{height:51px}.l8-remix-board>.l8-guidance{padding:5px 8px}}