.lab-wrap{display:grid;place-items:center;gap:.8rem}
#lab{width:min(100%,560px);aspect-ratio:1;background:#fff;border-radius:20px;border:4px solid #CFE3DC;touch-action:none;display:block}
.pfeile{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,56px);gap:.4rem;justify-content:center}
.pfeile button{font:700 1.6rem var(--kopf);border:0;border-radius:16px;background:var(--wald);color:#fff;cursor:pointer}
.pfeile button:active{background:var(--tuerkis);color:var(--wald)}
.pfeile .hoch{grid-column:2;grid-row:1}
.pfeile .links{grid-column:1;grid-row:2}
.pfeile .runter{grid-column:2;grid-row:2}
.pfeile .rechts{grid-column:3;grid-row:2}
.memory{display:grid;gap:.6rem;margin:.6rem auto;max-width:520px}
.mk{aspect-ratio:1;perspective:600px;background:none;border:0;padding:0;cursor:pointer}
.mk .seite{position:relative;width:100%;height:100%;transition:transform .4s;transform-style:preserve-3d}
.mk.auf .seite,.mk.fertig .seite{transform:rotateY(180deg)}
.mk .vorn,.mk .hinten{position:absolute;inset:0;border-radius:16px;display:grid;place-items:center;backface-visibility:hidden;font-size:clamp(1.6rem,9vw,3rem)}
.mk .vorn{background:linear-gradient(145deg,var(--tuerkis),var(--tuerkis-d));color:#fff;font:700 clamp(1.4rem,7vw,2.2rem) var(--kopf);border:3px solid #fff}
.mk .hinten{background:#fff;border:3px solid #CFE3DC;transform:rotateY(180deg)}
.mk.fertig .hinten{background:#DDF3C9;border-color:var(--moos)}
.muster{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin:1rem 0}
.muster span{width:clamp(48px,14vw,72px);height:clamp(48px,14vw,72px);display:grid;place-items:center;font-size:clamp(1.8rem,8vw,2.8rem);background:#fff;border:3px solid #CFE3DC;border-radius:16px}
.muster span.luecke{border-style:dashed;border-color:var(--bernstein);font:700 2rem var(--kopf);color:var(--bernstein)}
.muster span.luecke.geloest{border-style:solid;border-color:var(--moos);background:#DDF3C9}