.m3-section{width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.m3-wrapper{position:relative;width:100%;max-width:440px;margin:0 auto;padding:32px 28px 28px;text-align:center;font-family:inherit;color:var(--m3-text-color, #222);background:var(--m3-panel-bg, #fff);border-radius:20px;box-shadow:0 4px 8px #0000000a,0 16px 40px #00000014;box-sizing:border-box}.m3-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--m3-accent-color, #942E29);font-weight:700;margin-bottom:8px}.m3-heading{font-size:26px;font-weight:700;margin:0 0 8px;line-height:1.2}.m3-description{font-size:15px;line-height:1.5;opacity:.75;margin-bottom:22px;max-width:340px;margin-left:auto;margin-right:auto}.m3-screen{display:none}.m3-screen.m3-active{display:block}.m3-panel{padding:8px 4px 4px}.m3-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--m3-accent-color, #942E29);color:#fff;border:none;border-radius:10px;padding:14px 30px;font-size:15px;font-weight:600;cursor:pointer;margin-top:14px;box-shadow:0 6px 16px color-mix(in srgb,var(--m3-accent-color, #942E29) 35%,transparent);transition:opacity .15s ease,transform .1s ease,box-shadow .15s ease}.m3-btn:hover{opacity:.92;transform:translateY(-1px)}.m3-btn:active{transform:scale(.97) translateY(0)}.m3-btn-ghost{background:transparent;color:var(--m3-accent-color, #942E29);border:1.5px solid var(--m3-accent-color, #942E29);box-shadow:none}.m3-btn-text{background:none;border:none;color:var(--m3-accent-color, #942E29);opacity:.85;font-size:13px;font-weight:600;cursor:pointer;margin-top:12px;padding:4px}.m3-btn-text:hover{opacity:1;text-decoration:underline}.m3-howtoplay-floating{position:absolute;top:16px;right:16px;z-index:3}.m3-hud{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;padding:0 2px}.m3-hud-item{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.5;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.m3-hud-item-right{align-items:flex-end}.m3-hud-item strong{font-size:20px;font-weight:800;color:var(--m3-text-color, #222);letter-spacing:0;text-transform:none;opacity:1}.m3-howtoplay-icon{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--m3-accent-color, #942E29);color:var(--m3-accent-color, #942E29);background:#fff;font-size:13px;font-weight:700;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000014;transition:transform .12s ease}.m3-howtoplay-icon:hover{transform:scale(1.08)}.m3-progress-track{width:100%;height:8px;background:#00000012;border-radius:999px;overflow:hidden;margin-bottom:18px}.m3-progress-fill{height:100%;width:0%;background:var(--m3-accent-color, #942E29);border-radius:999px;transition:width .3s ease}.m3-board-frame{position:relative;border-radius:16px;box-shadow:inset 0 0 0 1px #0000000a}.m3-board{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--m3-board-bg, #f4f0ec);border-radius:16px;padding:8px;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;user-select:none}.m3-tile{position:absolute;width:calc(100% / var(--grid-size, 6));height:calc(100% / var(--grid-size, 6));box-sizing:border-box;padding:4px;display:flex;align-items:center;justify-content:center;will-change:left,top;z-index:1;cursor:grab}.m3-tile.m3-dragging{z-index:5;cursor:grabbing}.m3-tile-inner{width:100%;height:100%;transition:transform .15s cubic-bezier(.34,1.4,.64,1)}.m3-tile.m3-dragging .m3-tile-inner{transform:scale(1.12)}.m3-tile img{width:100%;height:100%;object-fit:contain;pointer-events:none;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 1px 3px #0000001f}.m3-tile.m3-landing .m3-tile-inner{animation:m3-squash .22s ease}@keyframes m3-squash{0%{transform:scaleY(.7) scaleX(1.15)}50%{transform:scaleY(1.08) scaleX(.95)}to{transform:scaleY(1) scaleX(1)}}.m3-tile.m3-tile-matched{pointer-events:none;z-index:2}.m3-tile.m3-tile-matched .m3-tile-inner{animation:m3-pop .22s ease forwards}@keyframes m3-pop{0%{transform:scale(1) rotate(0);opacity:1}35%{transform:scale(1.3) rotate(6deg);opacity:1}to{transform:scale(.1) rotate(18deg);opacity:0}}.m3-float-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.m3-float-score{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:18px;color:var(--m3-accent-color, #942E29);animation:m3-float-up .7s ease forwards}@keyframes m3-float-up{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-140%) scale(1)}}.m3-claim-form{margin-top:16px;display:flex;flex-direction:column;gap:10px}.m3-claim-form input{padding:12px 14px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font-size:14px}.m3-code-reveal{display:none;margin-top:16px;padding:16px;border:2px dashed var(--m3-accent-color, #942E29);border-radius:10px;background:#fff}.m3-code-reveal.m3-active{display:block}.m3-code-text{font-size:22px;font-weight:700;letter-spacing:.05em;color:var(--m3-accent-color, #942E29)}.m3-tutorial-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;align-items:center;justify-content:center;padding:20px}.m3-tutorial-modal.m3-active{display:flex}.m3-tutorial-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;animation:m3-backdrop-in .25s ease forwards}@keyframes m3-backdrop-in{to{opacity:1}}.m3-tutorial-panel{position:relative;background:var(--m3-panel-bg, #fff);border-radius:18px;max-width:340px;width:100%;padding:26px 22px 22px;text-align:center;color:var(--m3-text-color, #222);box-shadow:0 20px 60px #00000040;overflow:hidden;opacity:0;transform:scale(.92) translateY(10px);animation:m3-panel-in .32s cubic-bezier(.34,1.4,.64,1) forwards}@keyframes m3-panel-in{to{opacity:1;transform:scale(1) translateY(0)}}.m3-tutorial-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:inherit;opacity:.5;z-index:2}.m3-tutorial-close:hover{opacity:1}.m3-tutorial-steps-track{position:relative;transition:opacity .16s ease,transform .16s ease;touch-action:pan-y}.m3-tutorial-steps-track.m3-step-out{opacity:0;transform:translate(var(--m3-step-out-x, -14px))}.m3-tutorial-step{display:none}.m3-tutorial-step.m3-active{display:block}.m3-tutorial-visual{width:100%;max-width:200px;margin:0 auto 18px;min-height:90px;position:relative;display:flex;align-items:center;justify-content:center}.m3-tutorial-icon{font-size:44px;margin-bottom:8px}.m3-tutorial-title{font-size:17px;font-weight:700;margin-bottom:6px}.m3-tutorial-copy{font-size:14px;opacity:.85;line-height:1.5;min-height:42px}.m3-demo-row{display:flex;justify-content:center;gap:8px;align-items:center;position:relative;height:100%}.m3-demo-tile{width:48px;height:48px;border-radius:10px;background:var(--m3-board-bg, #f4f0ec);border:2px solid var(--m3-accent-color, #942E29);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 6px #0000001a}.m3-demo-tile img{width:78%;height:78%;object-fit:contain}.m3-demo-tile.m3-demo-active{animation:m3-demo-slide 1.8s cubic-bezier(.45,0,.55,1) infinite}@keyframes m3-demo-slide{0%,12%{transform:translate(0) scale(1)}28%{transform:translate(28px) scale(1.08)}40%,60%{transform:translate(56px) scale(1.08)}76%{transform:translate(28px) scale(1.08)}92%,to{transform:translate(0) scale(1)}}.m3-demo-hand{position:absolute;font-size:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));animation:m3-demo-hand-move 1.8s cubic-bezier(.45,0,.55,1) infinite}@keyframes m3-demo-hand-move{0%,12%{transform:translate(0);opacity:0}16%{opacity:1}40%,60%{transform:translate(56px);opacity:1}80%{opacity:0}92%,to{transform:translate(0);opacity:0}}.m3-demo-match .m3-demo-tile{animation:m3-demo-pop-loop 1.8s ease infinite}.m3-demo-match .m3-demo-tile:nth-child(2){animation-delay:.05s}.m3-demo-match .m3-demo-tile:nth-child(3){animation-delay:.1s}@keyframes m3-demo-pop-loop{0%,55%{transform:scale(1) rotate(0);opacity:1}70%{transform:scale(1.25) rotate(6deg);opacity:1}85%{transform:scale(.2) rotate(16deg);opacity:0}95%,to{transform:scale(1) rotate(0);opacity:1}}.m3-demo-score-pop{position:absolute;top:-6px;font-weight:800;color:var(--m3-accent-color, #942E29);font-size:16px;opacity:0;animation:m3-demo-score-loop 1.8s ease infinite}@keyframes m3-demo-score-loop{0%,65%{opacity:0;transform:translateY(0) scale(.8)}75%{opacity:1;transform:translateY(-8px) scale(1.1)}95%,to{opacity:0;transform:translateY(-22px) scale(1)}}.m3-demo-reward{position:relative;width:100%;display:flex;align-items:center;justify-content:center;height:90px}.m3-demo-code-chip{background:#fff;border:2px dashed var(--m3-accent-color, #942E29);color:var(--m3-accent-color, #942E29);font-weight:800;letter-spacing:.05em;padding:10px 18px;border-radius:10px;font-size:15px;z-index:1;animation:m3-chip-pulse 1.8s ease infinite}@keyframes m3-chip-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.m3-demo-confetti{position:absolute;top:-10px;left:calc(50% + (var(--i) - 2) * 22px);font-size:16px;opacity:0;animation:m3-confetti-fall 1.8s ease-in infinite;animation-delay:calc(var(--i) * .12s)}@keyframes m3-confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(70px) rotate(200deg)}}.m3-tutorial-dots{display:flex;justify-content:center;gap:6px;margin:16px 0 6px}.m3-tutorial-dot{width:7px;height:7px;border-radius:50%;background:#00000026;border:none;padding:0;cursor:pointer;transition:background .15s ease,transform .15s ease}.m3-tutorial-dot.m3-active{background:var(--m3-accent-color, #942E29);transform:scale(1.2)}.m3-tutorial-nav{display:flex;justify-content:space-between;align-items:center;margin-top:10px}@media(max-width:380px){.m3-heading{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/match3-game.css.map */