.puzzle-game-section{--puzzle-background: #f7f7f7;--puzzle-card-background: #ffffff;--puzzle-text: #111111;--puzzle-muted-text: #6b6b6b;--puzzle-accent: #eb028c;--puzzle-accent-hover: #c90077;--puzzle-accent-text: #ffffff;--puzzle-border: #e6e6e6;--puzzle-radius: 20px;position:relative;width:100%;padding:72px 20px;overflow:hidden;color:var(--puzzle-text);background:var(--puzzle-background);isolation:isolate}.puzzle-game-section *,.puzzle-game-section *:before,.puzzle-game-section *:after{box-sizing:border-box}html.puzzle-popup-open,html.puzzle-popup-open body{overflow:hidden}.puzzle-game{position:relative;width:100%;max-width:1240px;margin:0 auto}.puzzle-game__container{width:100%}.puzzle-game__header{width:100%;max-width:760px;margin:0 auto 38px;text-align:center}.puzzle-game__tag{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-bottom:16px;padding:7px 16px;border:1px solid rgba(235,2,140,.18);border-radius:999px;color:var(--puzzle-accent);background:#eb028c14;font-size:13px;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase}.puzzle-game__title{margin:0;color:var(--puzzle-text);font-size:clamp(32px,5vw,58px);font-weight:700;line-height:1.08;letter-spacing:-.035em}.puzzle-game__subtitle{max-width:660px;margin:18px auto 0;color:var(--puzzle-muted-text);font-size:17px;line-height:1.7}.puzzle-game__subtitle p{margin:0}.puzzle-game__layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.puzzle-game__main,.puzzle-game__instructions{border:1px solid var(--puzzle-border);border-radius:var(--puzzle-radius);background:var(--puzzle-card-background)}.puzzle-game__main{min-width:0;padding:28px;box-shadow:0 18px 50px #1111110f}.puzzle-game__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.puzzle-game__stat{display:flex;min-width:0;min-height:86px;padding:16px 18px;border:1px solid var(--puzzle-border);border-radius:calc(var(--puzzle-radius) * .7);flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fafafa}.puzzle-game__stat-label{margin-bottom:7px;color:var(--puzzle-muted-text);font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.puzzle-game__stat-value{color:var(--puzzle-text);font-size:22px;font-weight:700;line-height:1}.puzzle-game__stat-value.is-running-out{color:var(--puzzle-accent);animation:puzzleTimerPulse .8s ease-in-out infinite}.puzzle-game__board-wrapper{position:relative;width:100%;overflow:hidden;border:1px solid var(--puzzle-border);border-radius:calc(var(--puzzle-radius) * .8);background:#f2f2f2}.puzzle-board{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover}.puzzle-board.is-playing{display:grid;gap:3px;padding:3px;background:var(--puzzle-border)}.puzzle-game__empty{display:flex;width:100%;min-height:440px;padding:32px;flex-direction:column;align-items:center;justify-content:center;color:var(--puzzle-muted-text);text-align:center;background:linear-gradient(135deg,#eb028c0d,#eb028c00),#fafafa}.puzzle-game__empty strong{margin-bottom:8px;color:var(--puzzle-text);font-size:20px}.puzzle-game__empty p{max-width:420px;margin:0;line-height:1.6}.puzzle-piece{position:relative;display:block;width:100%;min-width:0;min-height:0;padding:0;overflow:hidden;border:0;border-radius:4px;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:#fff;background-repeat:no-repeat;touch-action:manipulation;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}.puzzle-piece:before{position:absolute;top:0;right:0;bottom:0;left:0;border:0 solid transparent;border-radius:inherit;content:"";pointer-events:none;transition:border-width .18s ease,border-color .18s ease,background-color .18s ease}.puzzle-piece:hover{z-index:2;filter:brightness(1.04)}.puzzle-piece:focus-visible{z-index:4;outline:3px solid rgba(235,2,140,.4);outline-offset:-3px}.puzzle-piece.is-selected{z-index:5;transform:scale(.94);box-shadow:0 0 0 3px var(--puzzle-accent),0 10px 26px #eb028c47}.puzzle-piece.is-selected:before{border-width:3px;border-color:var(--puzzle-accent);background:#eb028c14}.puzzle-game__actions{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap;justify-content:center}.puzzle-button{display:inline-flex;min-width:170px;min-height:52px;padding:13px 24px;border:1px solid var(--puzzle-accent);border-radius:999px;align-items:center;justify-content:center;color:var(--puzzle-accent-text);background:var(--puzzle-accent);font-family:inherit;font-size:15px;font-weight:700;line-height:1;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:0 10px 24px #eb028c33;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}.puzzle-button:hover:not(:disabled){border-color:var(--puzzle-accent-hover);background:var(--puzzle-accent-hover);transform:translateY(-2px);box-shadow:0 14px 30px #eb028c45}.puzzle-button:active:not(:disabled){transform:translateY(0)}.puzzle-button:focus-visible{outline:3px solid rgba(235,2,140,.35);outline-offset:3px}.puzzle-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.puzzle-button--secondary{border-color:var(--puzzle-border);color:var(--puzzle-text);background:transparent;box-shadow:none}.puzzle-button--secondary:hover:not(:disabled){border-color:var(--puzzle-accent);color:var(--puzzle-accent);background:#eb028c0f;box-shadow:none}.puzzle-game__instructions{position:sticky;top:24px;padding:26px}.puzzle-game__instructions-title{margin:0 0 20px;color:var(--puzzle-text);font-size:22px;font-weight:700;line-height:1.25}.puzzle-game__instructions-list{display:grid;gap:18px;margin:0;padding:0;list-style:none}.puzzle-game__instructions-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}.puzzle-game__instructions-list li>span{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;color:var(--puzzle-accent);background:#eb028c1a;font-size:14px;font-weight:800}.puzzle-game__instructions-list p{margin:5px 0 0;color:var(--puzzle-muted-text);font-size:14px;line-height:1.55}.puzzle-game__terms{margin-top:24px;padding-top:20px;border-top:1px solid var(--puzzle-border);color:var(--puzzle-muted-text);font-size:12px;line-height:1.55}.puzzle-game__terms p{margin:0}.puzzle-game__level-message{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;padding:20px;align-items:center;justify-content:center;background:#11111185;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.puzzle-game__level-message[hidden]{display:none}.puzzle-game__level-message-card{width:min(100%,360px);padding:34px 28px;border-radius:calc(var(--puzzle-radius) * .8);text-align:center;background:#fff;box-shadow:0 26px 70px #0000002e;animation:puzzleMessageIn .3s ease both}.puzzle-game__level-check{display:inline-flex;width:58px;height:58px;margin-bottom:18px;border-radius:50%;align-items:center;justify-content:center;color:#fff;background:var(--puzzle-accent);font-size:28px;font-weight:800}.puzzle-game__level-message-card h3{margin:0 0 10px;color:var(--puzzle-text);font-size:25px;font-weight:700}.puzzle-game__level-message-card p{margin:0;color:var(--puzzle-muted-text);line-height:1.6}.puzzle-popup{position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0;display:flex;padding:20px;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.puzzle-popup[hidden]{display:none}.puzzle-popup.is-active{opacity:1;visibility:visible}.puzzle-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:#080808ad;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.puzzle-popup__card{position:relative;z-index:2;width:min(100%,540px);max-height:calc(100vh - 40px);padding:42px 34px 34px;overflow-y:auto;border:1px solid rgba(255,255,255,.4);border-radius:calc(var(--puzzle-radius) * 1.1);text-align:center;background:#fff;box-shadow:0 30px 90px #0000004d;transform:translateY(16px) scale(.96);transition:transform .24s ease}.puzzle-popup.is-active .puzzle-popup__card{transform:translateY(0) scale(1)}.puzzle-popup__close{position:absolute;top:14px;right:14px;display:inline-flex;width:38px;height:38px;padding:0;border:1px solid var(--puzzle-border);border-radius:50%;align-items:center;justify-content:center;color:var(--puzzle-text);background:#fff;font-size:25px;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none}.puzzle-popup__close:hover{border-color:var(--puzzle-accent);color:var(--puzzle-accent);background:#eb028c0f}.puzzle-popup__icon{display:inline-flex;width:72px;height:72px;margin-bottom:20px;border-radius:50%;align-items:center;justify-content:center;color:#fff;background:var(--puzzle-accent);font-size:34px;font-weight:800;box-shadow:0 14px 30px #eb028c40}.puzzle-popup__title{margin:0 0 12px;color:var(--puzzle-text);font-size:clamp(28px,5vw,38px);font-weight:700;line-height:1.15;letter-spacing:-.025em}.puzzle-popup__text{max-width:420px;margin:0 auto;color:var(--puzzle-muted-text);font-size:15px;line-height:1.65}.puzzle-popup__actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;justify-content:center}.puzzle-popup__actions .puzzle-button{min-width:190px}.puzzle-reward{margin-top:26px;padding:20px;border:1px dashed rgba(235,2,140,.4);border-radius:calc(var(--puzzle-radius) * .7);background:#eb028c0e}.puzzle-reward[hidden]{display:none}.puzzle-reward__label{display:block;margin-bottom:12px;color:var(--puzzle-muted-text);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.puzzle-reward__code-row{display:flex;gap:10px;align-items:stretch}.puzzle-reward__code{display:flex;min-width:0;min-height:50px;padding:12px 16px;border:1px solid var(--puzzle-border);border-radius:12px;flex:1 1 auto;align-items:center;justify-content:center;overflow-wrap:anywhere;color:var(--puzzle-text);background:#fff;font-size:19px;font-weight:800;letter-spacing:.08em}.puzzle-reward__copy{min-width:112px;min-height:50px;padding:12px 16px;border:1px solid var(--puzzle-accent);border-radius:12px;color:var(--puzzle-accent-text);background:var(--puzzle-accent);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;-webkit-appearance:none;appearance:none}.puzzle-reward__copy:hover{border-color:var(--puzzle-accent-hover);background:var(--puzzle-accent-hover)}.puzzle-reward__note{margin:12px 0 0;color:var(--puzzle-muted-text);font-size:12px;line-height:1.5}.puzzle-confetti{position:fixed;z-index:100000;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.puzzle-confetti__piece{position:absolute;top:-20px;width:10px;height:18px;border-radius:2px;opacity:0;animation:puzzleConfettiFall var(--fall-duration, 2.8s) linear forwards}.puzzle-game-section .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes puzzleTimerPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.72}}@keyframes puzzleMessageIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes puzzleConfettiFall{0%{opacity:1;transform:translate3d(0,-10px,0) rotate(0)}to{opacity:0;transform:translate3d(var(--confetti-x, 0),105vh,0) rotate(var(--confetti-rotation, 720deg))}}@media screen and (max-width:989px){.puzzle-game-section{padding:58px 18px}.puzzle-game__layout{grid-template-columns:minmax(0,1fr)}.puzzle-game__instructions{position:static}.puzzle-game__instructions-list{grid-template-columns:repeat(3,minmax(0,1fr))}.puzzle-game__instructions-list li{grid-template-columns:1fr;justify-items:center;text-align:center}}@media screen and (max-width:749px){.puzzle-game-section{padding:44px 12px}.puzzle-game__header{margin-bottom:26px;padding-inline:8px}.puzzle-game__tag{min-height:31px;margin-bottom:12px;padding:6px 13px;font-size:11px}.puzzle-game__title{font-size:clamp(30px,10vw,42px)}.puzzle-game__subtitle{margin-top:13px;font-size:15px;line-height:1.6}.puzzle-game__layout{gap:18px}.puzzle-game__main,.puzzle-game__instructions{border-radius:18px}.puzzle-game__main{padding:14px}.puzzle-game__stats{gap:8px;margin-bottom:14px}.puzzle-game__stat{min-height:72px;padding:12px 8px;border-radius:12px}.puzzle-game__stat-label{margin-bottom:5px;font-size:10px}.puzzle-game__stat-value{font-size:18px}.puzzle-game__board-wrapper{border-radius:14px}.puzzle-board{aspect-ratio:1 / 1}.puzzle-board.is-playing{gap:2px;padding:2px}.puzzle-piece{border-radius:2px}.puzzle-game__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.puzzle-button{width:100%;min-width:0;min-height:48px;padding:12px 14px;font-size:13px}.puzzle-game__instructions{padding:20px 16px}.puzzle-game__instructions-title{margin-bottom:16px;font-size:20px;text-align:center}.puzzle-game__instructions-list{grid-template-columns:1fr;gap:15px}.puzzle-game__instructions-list li{grid-template-columns:34px minmax(0,1fr);justify-items:initial;text-align:left}.puzzle-popup{padding:12px}.puzzle-popup__card{max-height:calc(100vh - 24px);padding:38px 18px 22px;border-radius:20px}.puzzle-popup__close{top:11px;right:11px;width:34px;height:34px;font-size:22px}.puzzle-popup__icon{width:62px;height:62px;margin-bottom:16px;font-size:29px}.puzzle-popup__title{font-size:29px}.puzzle-popup__text{font-size:14px}.puzzle-reward{margin-top:20px;padding:14px}.puzzle-reward__code-row{flex-direction:column}.puzzle-reward__copy{width:100%}.puzzle-popup__actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:18px}.puzzle-popup__actions .puzzle-button{width:100%;min-width:0}}@media screen and (max-width:390px){.puzzle-game__main{padding:10px}.puzzle-game__stats{gap:5px}.puzzle-game__stat{min-height:66px;padding:9px 4px}.puzzle-game__stat-label{font-size:9px;letter-spacing:.04em}.puzzle-game__stat-value{font-size:16px}.puzzle-game__actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.puzzle-game-section *,.puzzle-game-section *:before,.puzzle-game-section *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/puzzle-game.css.map */