:root{--mck-purple: #8009be;--mck-yellow: #faec0d;--mck-green: #4fbe09;--mck-ink: #2b1640;--mck-paper: #fffdf2;--mck-sky: #dff6ff;--slot-gap: clamp(6px, 1.6vw, 12px);--radius: 8px}.mck-puzzle-app,.mck-puzzle-app *{box-sizing:border-box}html,body.mck-puzzle-page{min-height:100%}body.mck-puzzle-page{margin:0;background:linear-gradient(180deg,var(--mck-sky),var(--mck-paper));color:var(--mck-ink);font-family:Figtree,Arial,Helvetica,sans-serif}.mck-puzzle-app button{font-family:inherit}.mck-puzzle-app{min-height:100vh;padding:clamp(18px,3vh,34px) clamp(12px,1.6vw,28px);display:grid;align-items:start;justify-items:center;color:var(--mck-ink);font-family:Figtree,Arial,Helvetica,sans-serif;font-weight:600}.game-shell{width:min(100%,1880px)}.game-header{text-align:center;margin-bottom:clamp(18px,2vw,34px)}.game-header h1{margin:0;color:var(--mck-purple);font-size:clamp(2.6rem,7vw,5.2rem);font-weight:600;line-height:1}.subheader{margin:6px 0 0;color:var(--mck-purple);font-size:clamp(2.55rem,6.3vw,4.5rem);font-weight:600;line-height:1}.game-layout{position:relative;display:grid;grid-template-columns:clamp(340px,24vw,500px) clamp(500px,36vw,740px) clamp(340px,24vw,500px);align-items:center;justify-content:center;gap:clamp(22px,2.4vw,52px)}.panel-group{position:relative;display:grid;justify-items:center;gap:10px;width:100%}.panel-title{margin:0;color:var(--mck-purple);font-size:clamp(1.5rem,2.35vw,2.5rem);font-weight:600;line-height:1;text-align:center}.main-title{font-size:clamp(1.75rem,2.75vw,3rem)}.drag-cue{margin:0;color:var(--mck-purple);font-size:clamp(1.35rem,2vw,2.1rem);font-weight:600;line-height:1.1;text-align:center}.curved-arrow{display:inline-block;color:var(--mck-green);font-size:1.55em;line-height:1;text-shadow:0 4px 0 var(--mck-yellow);transform:translateY(.14em) rotate(-10deg);pointer-events:none}.puzzle-stage{width:min(100%,740px);aspect-ratio:1 / 1;padding:12px;border:6px solid var(--mck-purple);border-radius:var(--radius);background:#fff;box-shadow:0 18px 42px #2b164038}.board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:0;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:5px}.puzzle-slot{position:relative;min-width:0;border:0;background:linear-gradient(135deg,#faec0d2e,#4fbe0924),#fffef8;overflow:hidden}.puzzle-slot:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:3px dashed rgb(128 9 190 / 38%);border-radius:var(--radius);pointer-events:none}.puzzle-slot.is-filled{background:#fff}.puzzle-slot.is-filled:before{display:none}.puzzle-slot.just-placed{animation:slot-pop .3s ease-out}.snap-sparkle{position:absolute;top:10px;right:10px;z-index:2;color:var(--mck-yellow);font-size:clamp(1.2rem,2vw,2rem);pointer-events:none;animation:sparkle-pop .52s ease-out forwards}.side-panel{width:min(100%,500px);aspect-ratio:1 / 1;padding:10px;border:4px solid var(--mck-purple);border-radius:var(--radius);background:#fff;box-shadow:0 12px 28px #2b16401f}.tray{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:clamp(8px,1.2vw,14px);width:100%;height:100%;border-radius:var(--radius);background:#8009be1a}.guide-panel{display:grid;place-items:center;overflow:hidden;width:min(92%,440px);border-width:3px;border-color:#8009beb8;box-shadow:0 8px 20px #2b16401a;opacity:.94}.guide-panel img{display:block;width:100%;height:100%;border-radius:5px;object-fit:cover}.piece,.piece-placeholder{aspect-ratio:1 / 2;border-radius:var(--radius)}.piece{position:relative;display:block;width:100%;border:3px solid #ffffff;background-color:#fff;background-repeat:no-repeat;background-size:400% 200%;box-shadow:0 7px 16px #2b16402e;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.piece:focus-visible{outline:5px solid var(--mck-yellow);outline-offset:3px}.piece.is-dragging{z-index:20;cursor:grabbing;opacity:.96;transform:scale(1.04);box-shadow:0 18px 32px #2b164047;pointer-events:none}.piece.is-locked{height:100%;border:0;border-radius:0;box-shadow:none;cursor:default;pointer-events:none}.piece-placeholder{border:3px dashed rgb(43 22 64 / 18%);background:#ffffff7f}.actions{margin-top:18px;display:flex;justify-content:center}.primary-button{min-height:91px;padding:0 42px;border:0;border-radius:var(--radius);background:var(--mck-purple);color:#fff;font-size:1.9rem;font-weight:600;box-shadow:0 12px #52057a}.primary-button:active{transform:translateY(6px);box-shadow:0 6px #52057a}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;place-items:center;padding:22px;background:#2b16406b}.celebration.is-visible{display:grid}.celebration-card{position:relative;width:min(96vw,860px);padding:clamp(28px,4vw,48px);border:8px solid var(--mck-yellow);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fffdf2);text-align:center;box-shadow:0 24px 60px #2b16404d;animation:pop-in .42s ease both}.close-button{position:absolute;top:10px;right:10px;width:38px;height:38px;border:0;border-radius:50%;background:var(--mck-purple);color:#fff;font-size:1.5rem;font-weight:600;line-height:1}.celebration-image{display:block;width:min(100%,430px);aspect-ratio:1 / 1;margin:0 auto 18px;border:4px solid rgb(128 9 190 / 45%);border-radius:var(--radius);object-fit:cover}.celebration-message{margin:0 0 22px}.celebration-message p{margin:0;color:var(--mck-purple);font-size:clamp(2.3rem,6vw,4.8rem);font-weight:600;line-height:1}.sparkle{color:var(--mck-green);font-size:3rem;animation:twirl .9s ease-in-out infinite alternate}.confetti{position:fixed;top:-24px;width:12px;height:18px;border-radius:3px;animation:confetti-fall 1.1s ease-in forwards;pointer-events:none}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes twirl{0%{transform:rotate(-10deg) scale(1)}to{transform:rotate(10deg) scale(1.16)}}@keyframes slot-pop{0%{transform:scale(.96)}55%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes sparkle-pop{0%{opacity:0;transform:scale(.4) rotate(-18deg)}45%{opacity:1;transform:scale(1.18) rotate(8deg)}to{opacity:0;transform:translateY(-18px) scale(.8) rotate(22deg)}}@keyframes confetti-fall{to{transform:translateY(108vh) rotate(540deg);opacity:.9}}@media(max-width:1280px){.game-layout{grid-template-columns:clamp(240px,25vw,340px) clamp(460px,45vw,560px) clamp(240px,25vw,340px);gap:clamp(10px,1.2vw,22px)}.puzzle-stage{width:min(100%,560px)}.side-panel{width:min(100%,340px)}.guide-panel{width:min(90%,312px)}}@media(max-width:980px){.game-layout{grid-template-columns:minmax(280px,460px)}.puzzle-group{order:2;justify-self:center}.pieces-group{order:3;justify-self:center}.guide-group{order:1;justify-self:center}}@media(max-width:560px){.mck-puzzle-app{padding:12px}.game-header{margin-bottom:14px}.board,.tray{grid-template-columns:repeat(2,1fr)}.board,.tray{grid-template-rows:repeat(4,1fr)}.piece,.piece-placeholder{aspect-ratio:2 / 1}.piece{background-size:200% 400%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/mck-puzzle.css.map */