/* level 2 */
.l2tabs{display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin:4px 0 8px}
.l2tabs .chip{font-size:18px; padding:6px 16px}
.l2work{display:grid; grid-template-columns:1fr; gap:10px; align-items:center; justify-items:center}
@media (min-width:700px){.l2work{grid-template-columns:1fr 1fr}}
.l2prev{width:min(260px,70vw,30vh); aspect-ratio:1}
.l2prev svg{width:100%; height:100%; display:block; overflow:visible}
.l2group{margin:4px 0; text-align:center}
.l2group>b{display:block; font-weight:800; color:var(--ink2); font-size:16px}
.chip .dot{display:inline-block; width:14px; height:14px; border-radius:50%; vertical-align:-1px; margin-right:4px; border:2px solid rgba(0,0,0,.15)}
.chip:disabled{opacity:.5; cursor:default}
.pick{font:inherit; color:inherit}
.pick:active{transform:translateY(3px)}
.pick .ico svg{width:96px; height:96px}
.pot.on i{outline:4px solid var(--gum); outline-offset:2px}
.l2goods{display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:6px}
.gbtn{border:3px solid var(--line); background:var(--frost); border-radius:18px; padding:4px; width:76px}
.gbtn svg{width:62px; height:62px; display:block; margin:0 auto}
.gbtn.on{border-color:var(--gum); background:var(--frost2); transform:translateY(-3px)}
.l2wish{display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:38px; line-height:1}
.l2wish small{font-size:13px; font-weight:800; color:var(--ink2)}
.baking{animation:shake .25s infinite}