/* Brikkipuzzel. Bouwt voort op home.css. */
.puzzel-main{gap:var(--between)}
.puzzel-main>*{min-width:0}
.puzzel-nav{display:flex;justify-content:flex-end;align-items:center;min-height:58px}
.home-link{position:relative;display:block;width:62px;height:58px;-webkit-tap-highlight-color:transparent}
.home-icon{position:absolute;right:6px;bottom:3px;width:42px;height:34px;background:var(--blue);transition:transform .2s ease}
.home-icon::before{content:'';position:absolute;left:-7px;top:-22px;border-right:28px solid transparent;border-bottom:24px solid var(--blue);border-left:28px solid transparent}
.home-link:hover .home-icon{transform:scale(1.06)}
.puzzel-blok p{margin:0 0 20px}

.puzzel{position:relative}
.puzzel-veld{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.puzzel-stuk{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}
.puzzel-stuk.sleept{cursor:grabbing;filter:drop-shadow(0 8px 6px rgb(0 0 0 / .25))}
.puzzel-geplaatst{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}
.puzzel-schim,.puzzel-schim-boven{transition:opacity .6s ease}
.is-klaar .puzzel-schim,.is-klaar .puzzel-schim-boven{opacity:0}
.is-klaar .puzzel-klaar{animation:puzzel-hop .5s ease-in-out 2}
@keyframes puzzel-hop{50%{transform:translateY(-28px)}}
.puzzel-bericht{margin-top:24px;text-align:center}
.puzzel-bericht[hidden]{display:none}
.puzzel-bericht p{margin:0 0 18px;font:700 max(24px,4cqw)/1.15 'Futura Bold BT','Futura','Century Gothic',sans-serif;color:var(--turquoise)}
.puzzel-fout{margin:0}
@media (hover:none){.home-link:hover .home-icon{transform:none}}
@media (prefers-reduced-motion:reduce){.is-klaar .puzzel-klaar{animation:none}}
.puzzel-bericht .knop{border:0;cursor:pointer}
.puzzel-blok .pic:last-child{margin-bottom:0}