.spin-game{--rarity-common: #9E9E9E;--rarity-uncommon: #4CAF50;--rarity-rare: #2196F3;--rarity-epic: #9C27B0;--rarity-legendary: #FFB300;--rarity-niete: #424242;--spin-surface: #f5f5f5;--spin-border: #e0e0e0;--spin-text: #111111;--spin-subtext: #666666;--spin-accent: #FFB300;--spin-btn-radius: 8px;--slot-item-width: 210px;--slot-item-height: 270px;--slot-gap: 16px}.spin-game{width:100%;max-width:100%;overflow-x:clip;padding:48px 24px 80px;box-sizing:border-box;background-color:#fcebd7}.spin-game__header,.spin-game__state,.spin-game__machine,.spin-game__result,.spin-game__won-info{color:var(--spin-text);font-family:Montserrat,sans-serif}.spin-game__header,.spin-game__state,.spin-game__machine,.spin-game__result{margin-left:auto;margin-right:auto}.spin-game__header{display:none}.spin-game__headline{font-family:MullerHeavy,sans-serif;font-size:clamp(1.6rem,4vw,3.6rem);font-weight:800;margin:0 0 16px;letter-spacing:1px;word-break:break-word;overflow-wrap:break-word;background:linear-gradient(135deg,var(--rarity-legendary),#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spin-game__subheadline{font-size:1.1rem;color:var(--spin-subtext);margin:0;line-height:1.6}.spin-game__state{text-align:center;padding:32px 24px;background:var(--spin-surface);border:1px solid var(--spin-border);border-radius:16px;max-width:480px;width:100%;box-sizing:border-box}.spin-game__state p{margin:0 0 20px;color:var(--spin-subtext);font-size:1rem}.spin-game__state p:last-child{margin-bottom:0}.spin-game__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border:none;border-radius:10px;font-size:1rem;font-weight:700;font-family:MullerHeavy,sans-serif;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;text-decoration:none;box-sizing:border-box}.spin-game__btn:active{transform:scale(.97)}.spin-game__btn--primary{background:#7061f0;color:#fff}.spin-game__btn--primary:hover{box-shadow:0 4px 20px #7061f066}.spin-game__btn--spin{background:#7061f0;color:#fff;font-size:1.1rem;padding:16px 48px;margin-top:28px;border-radius:10px;letter-spacing:.5px}.spin-game__btn--spin:hover{box-shadow:0 4px 24px #7061f080}.spin-game__btn--spin:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.spin-game__btn--claim{background:#7061f0;color:#fff;font-size:1.05rem;padding:14px 36px;margin-top:24px;border-radius:10px}.spin-game__btn--claim:hover{box-shadow:0 4px 20px #7061f066}.spin-game__btn--claim:disabled{opacity:.45;cursor:not-allowed}.spin-game__spinner{width:40px;height:40px;border:3px solid var(--spin-border);border-top-color:var(--spin-accent);border-radius:50%;animation:spin-rotate .7s linear infinite;margin:0 auto 16px}@keyframes spin-rotate{to{transform:rotate(360deg)}}.spin-game__machine{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1100px}.spin-game__slot-wrapper{position:relative;width:100%;max-width:100%;overflow:hidden;border:2px solid var(--spin-border);border-radius:16px;background:var(--spin-surface);height:calc(var(--slot-item-height) + 32px);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}.spin-game__slot-track{position:absolute;top:16px;left:calc(50% - var(--slot-item-width) / 2);display:flex;gap:var(--slot-gap);will-change:transform}.spin-game__slot-marker{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:calc(var(--slot-item-width) + 8px);border:2px solid var(--spin-accent);border-radius:12px;pointer-events:none;box-shadow:0 0 16px #ffb30033}.spin-game .slot-item{flex:0 0 var(--slot-item-width);width:var(--slot-item-width);height:var(--slot-item-height);border-radius:12px;border:2px solid var(--spin-border);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px 8px;box-sizing:border-box;overflow:hidden;position:relative;transition:border-color .3s ease}.spin-game .slot-item__img{position:absolute;top:5px;left:5px;right:5px;width:calc(100% - 10px);height:calc(70% - 5px);object-fit:cover;border-radius:8px 8px 0 0}.spin-game .slot-item__img-placeholder{position:absolute;top:5px;left:5px;right:5px;width:calc(100% - 10px);height:calc(70% - 5px);display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:#eee;border-radius:8px 8px 0 0}.spin-game .slot-item__title{font-size:10px;font-weight:400;font-family:Montserrat,sans-serif;text-align:center;color:var(--spin-text);line-height:1.3;overflow:hidden;position:relative;z-index:1;margin-top:auto}.spin-game .slot-item__title-product{display:block;font-weight:400}.spin-game .slot-item__title-variant{display:block;color:var(--spin-subtext)}.spin-game .slot-item__rarity{font-size:.7rem;font-weight:700;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:20px;margin-top:4px;position:relative;z-index:1}.spin-game .slot-item[data-rarity=common]{border-color:var(--rarity-common)}.spin-game .slot-item[data-rarity=uncommon]{border-color:var(--rarity-uncommon)}.spin-game .slot-item[data-rarity=rare]{border-color:var(--rarity-rare)}.spin-game .slot-item[data-rarity=epic]{border-color:var(--rarity-epic)}.spin-game .slot-item[data-rarity=legendary]{border-color:var(--rarity-legendary)}.spin-game .slot-item[data-rarity=niete]{border-color:var(--rarity-niete);background:#42424214}.spin-game .slot-item__rarity[data-rarity=common]{background:var(--rarity-common);color:#fff}.spin-game .slot-item__rarity[data-rarity=uncommon]{background:var(--rarity-uncommon);color:#fff}.spin-game .slot-item__rarity[data-rarity=rare]{background:var(--rarity-rare);color:#fff}.spin-game .slot-item__rarity[data-rarity=epic]{background:var(--rarity-epic);color:#fff}.spin-game .slot-item__rarity[data-rarity=legendary]{background:var(--rarity-legendary);color:#000}.spin-game .slot-item__img-placeholder--niete{background:#2a2a2a;color:#555;font-size:3.5rem}.spin-game .slot-item--winner{animation:winner-glow 1.2s ease-in-out infinite alternate}.spin-game .slot-item--winner[data-rarity=common]{--glow-color: var(--rarity-common)}.spin-game .slot-item--winner[data-rarity=uncommon]{--glow-color: var(--rarity-uncommon)}.spin-game .slot-item--winner[data-rarity=rare]{--glow-color: var(--rarity-rare)}.spin-game .slot-item--winner[data-rarity=epic]{--glow-color: var(--rarity-epic)}.spin-game .slot-item--winner[data-rarity=legendary]{--glow-color: var(--rarity-legendary)}@keyframes winner-glow{0%{box-shadow:0 0 10px 2px var(--glow-color, #FFB300)}to{box-shadow:0 0 28px 8px var(--glow-color, #FFB300)}}.spin-game__result{margin-top:40px;width:100%;max-width:440px;text-align:center;animation:result-appear .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes result-appear{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0) scale(1);opacity:1}85%{opacity:1}to{transform:translateY(105vh) rotate(720deg) scale(.6);opacity:0}}@keyframes confetti-sway{0%{margin-left:0}25%{margin-left:20px}75%{margin-left:-20px}to{margin-left:0}}.spin-game__result[data-rarity=common]{--result-color: #111111}.spin-game__result[data-rarity=uncommon]{--result-color: var(--rarity-uncommon)}.spin-game__result[data-rarity=rare]{--result-color: var(--rarity-rare)}.spin-game__result[data-rarity=epic]{--result-color: var(--rarity-epic)}.spin-game__result[data-rarity=legendary]{--result-color: var(--rarity-legendary)}.spin-game__result-inner{background:var(--spin-surface);border:2px solid var(--result-color, var(--spin-border));border-radius:20px;padding:32px 24px}.spin-game__result[data-rarity] .spin-game__result-inner{--glow-color: var(--result-color);animation:winner-glow 1.2s ease-in-out infinite alternate}.spin-game__result-label{font-family:MullerHeavy,sans-serif;font-size:20px;font-weight:800;text-transform:uppercase;margin:0 0 20px;color:var(--result-color, var(--spin-accent))}.spin-game__result-product{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px}.spin-game__result-img{width:100%;max-width:320px;aspect-ratio:1;object-fit:cover;border-radius:12px}.spin-game__result-title{font-family:MullerHeavy,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;margin:0;color:var(--spin-text)}.spin-game__result-title .result-title__product{display:block}.spin-game__result-title .result-title__variant{display:block;font-size:.9rem;font-weight:400;font-family:Montserrat,sans-serif;color:var(--spin-subtext);margin-top:2px}.spin-game__rarity-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 14px;border-radius:20px}.spin-game__rarity-badge[data-rarity=common]{background:var(--rarity-common);color:#fff}.spin-game__rarity-badge[data-rarity=uncommon]{background:var(--rarity-uncommon);color:#fff}.spin-game__rarity-badge[data-rarity=rare]{background:var(--rarity-rare);color:#fff}.spin-game__rarity-badge[data-rarity=epic]{background:var(--rarity-epic);color:#fff}.spin-game__rarity-badge[data-rarity=legendary]{background:var(--rarity-legendary);color:#000}.spin-game__result-hint{font-size:.85rem;color:var(--spin-subtext);margin:12px 0 0}.spin-game__success-msg{font-size:.95rem;color:#2e7d32;font-weight:700;margin:12px 0 8px}.spin-game__won-info{margin-top:12px;padding:12px 16px;background:#f0f0f0;border:1px solid var(--spin-border);border-radius:8px;font-size:.9rem}.spin-game__won-info p{margin:4px 0;color:var(--spin-subtext)}.spin-game__won-info code{background:#e0e0e0;padding:2px 8px;border-radius:4px;font-size:.95rem;color:#333;letter-spacing:1px}.spin-game__reapply-link{display:inline-block;margin-top:8px;font-size:.85rem;color:var(--spin-accent);text-decoration:underline}@media(max-width:768px){.spin-game{--slot-item-width: 160px;--slot-item-height: 210px;--slot-gap: 12px;padding:36px 16px 64px}.spin-game__header{margin-bottom:32px}.spin-game__btn--spin,.spin-game__btn--claim{width:100%;max-width:320px}}@media(max-width:480px){.spin-game{--slot-item-width: 130px;--slot-item-height: 180px;--slot-gap: 10px;padding:24px 12px 56px}.spin-game .slot-item__img,.spin-game .slot-item__img-placeholder{height:calc(58% - 5px)}.spin-game__headline{font-size:clamp(1.5rem,7vw,2rem)}.spin-game__subheadline{font-size:.95rem}.spin-game__state{padding:24px 16px}.spin-game__btn--spin{font-size:1rem;padding:14px 28px;width:100%;max-width:100%}.spin-game__btn--claim{width:100%;max-width:100%;padding:14px 24px}.spin-game__result{max-width:100%}.spin-game__result-inner{padding:24px 16px}.spin-game__result-img{width:110px;height:110px}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/spin-game.css.map */