.pingion .mw-werkwijze--route .mw-werkwijze-header{margin-bottom:0}.pingion .mw-werkwijze--route .mw-werkwijze-header p{max-width:640px}.pingion .mw-route-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.pingion .mw-route-fact{background:#fff;border:2px solid var(--navy, #0B1F4D);color:var(--navy, #0B1F4D);font-weight:700;font-size:15px;line-height:1.3;padding:10px 16px;transform:rotate(-1deg)}.pingion .mw-route-fact:nth-child(2){background:var(--navy, #0B1F4D);color:#fff;transform:rotate(1.2deg)}.pingion .mw-route-fact:nth-child(3){transform:rotate(-.6deg)}.pingion .mw-board{--pad: 58px;--die: 92px;--pawn-w: 34px;--pawn-h: 50px;position:relative;margin-top:44px;text-align:left}.pingion .mw-board__note{display:block;margin:0 6% -14px 0;text-align:right;font-family:Caveat,cursive;font-weight:700;font-size:24px;line-height:1.1;color:var(--orange, #FF6B35);transform:rotate(-2deg)}.pingion .mw-board__track{position:relative;display:grid;grid-template-columns:64px repeat(var(--n, 6),minmax(0,1fr)) 64px;align-items:start}.pingion .mw-board__track:before{content:"";position:absolute;z-index:0;left:28px;right:28px;top:calc(var(--pad) + var(--die) / 2 - 2px);border-top:4px dashed rgba(11,31,77,.22)}.pingion .mw-board__end{position:relative;z-index:1;padding-top:calc(var(--pad) + var(--die) / 2 - 36px);text-align:center;font-family:Caveat,cursive;font-weight:700;font-size:26px;line-height:1;color:var(--navy, #0B1F4D);transform:rotate(-6deg)}.pingion .mw-board__end--finish{color:var(--orange, #FF6B35);transform:rotate(5deg)}.pingion .mw-board__space{-webkit-appearance:none;appearance:none;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;margin:0;padding:var(--pad) 6px 0;border:0;border-radius:0;background:none;font:inherit;color:var(--navy, #0B1F4D);cursor:pointer}.pingion .mw-board__space:focus{outline:none}.pingion .mw-board__space:focus-visible .mw-die{outline:3px solid var(--blue, #2F5BD9);outline-offset:5px}.pingion .mw-board__name{max-width:150px;font-family:Bowlby One SC,Helvetica,sans-serif;font-size:13px;line-height:1.15;letter-spacing:.2px;text-transform:uppercase;text-align:center;transition:color .2s}.pingion .mw-board__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pingion .mw-board__space:hover .mw-board__name,.pingion .mw-board__space.is-active .mw-board__name{color:var(--orange, #FF6B35)}.pingion .mw-die{--pip: var(--navy, #0B1F4D);position:relative;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;flex:0 0 auto;width:var(--die);height:var(--die);padding:calc(var(--die) * .14);background:#fff;border:2.5px solid var(--navy, #0B1F4D);border-radius:calc(var(--die) * .18);box-shadow:calc(var(--die) * .05 + 1px) calc(var(--die) * .05 + 1px) 0 var(--navy, #0B1F4D);transition:transform .25s ease}.pingion .mw-die i{width:calc(var(--die) * .16);height:calc(var(--die) * .16);border-radius:50%;background:var(--pip);visibility:hidden}.pingion .mw-die b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Bowlby One SC,Helvetica,sans-serif;font-weight:400;font-size:calc(var(--die) * .4);color:var(--pip)}.pingion .mw-die--1 i:nth-child(5),.pingion .mw-die--2 i:nth-child(1),.pingion .mw-die--2 i:nth-child(9),.pingion .mw-die--3 i:nth-child(1),.pingion .mw-die--3 i:nth-child(5),.pingion .mw-die--3 i:nth-child(9),.pingion .mw-die--4 i:nth-child(1),.pingion .mw-die--4 i:nth-child(3),.pingion .mw-die--4 i:nth-child(7),.pingion .mw-die--4 i:nth-child(9),.pingion .mw-die--5 i:nth-child(1),.pingion .mw-die--5 i:nth-child(3),.pingion .mw-die--5 i:nth-child(5),.pingion .mw-die--5 i:nth-child(7),.pingion .mw-die--5 i:nth-child(9),.pingion .mw-die--6 i:nth-child(1),.pingion .mw-die--6 i:nth-child(3),.pingion .mw-die--6 i:nth-child(4),.pingion .mw-die--6 i:nth-child(6),.pingion .mw-die--6 i:nth-child(7),.pingion .mw-die--6 i:nth-child(9){visibility:visible}.pingion .mw-die--1{background:var(--peach, #FFD4A8)}.pingion .mw-die--3{background:var(--blue, #2F5BD9);--pip: #fff}.pingion .mw-die--4{background:var(--orange, #FF6B35);--pip: #fff}.pingion .mw-die--5{background:var(--blue-light, #5C82E8);--pip: #fff}.pingion .mw-die--6{background:var(--navy, #0B1F4D);--pip: #fff}.pingion .mw-board__space:nth-of-type(6n+1) .mw-die{transform:rotate(-4deg)}.pingion .mw-board__space:nth-of-type(6n+2) .mw-die{transform:rotate(3deg)}.pingion .mw-board__space:nth-of-type(6n+3) .mw-die{transform:rotate(-2deg)}.pingion .mw-board__space:nth-of-type(6n+4) .mw-die{transform:rotate(4deg)}.pingion .mw-board__space:nth-of-type(6n+5) .mw-die{transform:rotate(-3deg)}.pingion .mw-board__space:nth-of-type(6n) .mw-die{transform:rotate(2deg)}.pingion .mw-board__space:hover .mw-die{transform:translateY(-3px) rotate(0)}.pingion .mw-board__space.is-active .mw-die{transform:translateY(-6px) rotate(0) scale(1.06);outline:3px solid var(--orange, #FF6B35);outline-offset:5px}.pingion .mw-board__pawn{position:absolute;z-index:3;top:calc(var(--pad) - var(--pawn-h) - 4px);left:0;width:var(--pawn-w);height:var(--pawn-h);transform:translate(-50%);opacity:0;pointer-events:none;filter:drop-shadow(2px 3px 0 rgba(11,31,77,.25))}.pingion .mw-board__pawn.is-placed{opacity:1;transition:left .55s cubic-bezier(.45,0,.25,1),opacity .3s}.pingion .mw-board__pawn.is-hopping{animation:mwPawnHop .55s ease}.pingion .mw-board__pawn svg{display:block;width:100%;height:100%;overflow:visible}.pingion .mw-board__pawn svg *{fill:var(--orange, #FF6B35);stroke:var(--navy, #0B1F4D);stroke-width:2.2;stroke-linejoin:round}@keyframes mwPawnHop{0%{transform:translate(-50%)}40%{transform:translate(-50%,-24px) rotate(-8deg)}75%{transform:translate(-50%,-3px) rotate(4deg)}to{transform:translate(-50%)}}.pingion .mw-board__deck{margin-top:40px}.pingion .mw-board__card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;padding:44px 48px;background:#fff;border:2.5px solid var(--navy, #0B1F4D);border-radius:20px;box-shadow:8px 8px 0 var(--navy, #0B1F4D);animation:mwCardIn .4s ease both}.pingion .mw-board__card[hidden]{display:none}@keyframes mwCardIn{0%{opacity:0;transform:translateY(10px) rotate(-.5deg)}to{opacity:1;transform:none}}.pingion .mw-board__index{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;font-family:Bowlby One SC,Helvetica,sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#6b7280}.pingion .mw-board__phase{color:var(--orange, #FF6B35)}.pingion .mw-die--mini{--die: 30px;border-width:2px;transform:rotate(-6deg)}.pingion .mw-die--big{--die: 170px;border-width:3px;transform:rotate(-8deg)}.pingion .mw-board__text h3{margin:4px 0 14px;font-family:Bowlby One SC,Helvetica,sans-serif;font-weight:400;font-size:clamp(26px,2.8vw,40px);line-height:1.05;text-transform:uppercase;color:var(--navy, #0B1F4D);-webkit-hyphens:auto;hyphens:auto}.pingion .mw-board__text>p{margin:0;font-size:17px;line-height:1.75;color:#6b7280}.pingion .mw-board__nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.pingion .mw-board__btn{-webkit-appearance:none;appearance:none;margin:0;padding:12px 18px;border:2.5px solid var(--navy, #0B1F4D);border-radius:0;background:transparent;color:var(--navy, #0B1F4D);font-family:Bowlby One SC,Helvetica,sans-serif;font-size:13px;letter-spacing:.5px;line-height:1;text-transform:uppercase;cursor:pointer;transform:rotate(-1deg);transition:background .2s,color .2s,border-color .2s}.pingion .mw-board__btn--next{background:var(--navy, #0B1F4D);color:#fff;transform:rotate(1deg)}.pingion .mw-board__btn:hover{background:var(--orange, #FF6B35);border-color:var(--orange, #FF6B35);color:#fff}.pingion .mw-board__btn:focus-visible{outline:3px solid var(--blue, #2F5BD9);outline-offset:3px}.pingion .mw-board__media{position:relative}.pingion .mw-board__media--empty{display:flex;align-items:center;justify-content:center;min-height:280px}.pingion .mw-board__img img{display:block;width:100%;height:340px;object-fit:cover;border:2px solid #E5E7EB;border-radius:16px}@media(max-width:1100px){.pingion .mw-board{--pad: 54px;--die: 72px}.pingion .mw-board__track{grid-template-columns:48px repeat(var(--n, 6),minmax(0,1fr)) 48px}.pingion .mw-board__track:before{left:20px;right:20px}.pingion .mw-board__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pingion .mw-board__end{font-size:21px}}@media(max-width:900px){.pingion .mw-board{--pad: 46px;--die: 40px;--pawn-w: 24px;--pawn-h: 35px;margin:36px -16px 0}.pingion .mw-board__note{margin:0 0 2px;text-align:center;font-size:21px}.pingion .mw-board__track{grid-template-columns:repeat(var(--n, 6),minmax(0,1fr))}.pingion .mw-board__track:before{left:16px;right:16px;border-top-width:3px}.pingion .mw-board__end{display:none}.pingion .mw-board__space{gap:0;padding-left:0;padding-right:0}.pingion .mw-die{border-width:2px}.pingion .mw-board__space.is-active .mw-die{transform:translateY(-4px) rotate(0) scale(1.06);outline-width:2px;outline-offset:3px}.pingion .mw-board__deck{margin-top:28px}.pingion .mw-board__card{grid-template-columns:1fr;gap:24px;padding:26px 22px 28px;border-radius:16px;box-shadow:5px 5px 0 var(--navy, #0B1F4D)}.pingion .mw-board__text h3{font-size:22px}.pingion .mw-board__media--empty{display:none}.pingion .mw-board__img img{height:220px}}@media(prefers-reduced-motion:reduce){.pingion .mw-board__card,.pingion .mw-board__pawn.is-hopping{animation:none}.pingion .mw-board__pawn.is-placed{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/pingion-maatwerk-board.css.map */