:root{--christmas-primary: #c41e3a;--christmas-secondary: #165b33;--christmas-gold: #2752C0;--christmas-light: #ffffff;--christmas-dark: #1a1a1a;--christmas-shadow: rgba(0, 0, 0, .15);--christmas-overlay: rgba(0, 0, 0, .5);--ornament-size-desktop: 150px;--ornament-size-mobile: 100px;--popup-width: 320px}.christmas-ornament{position:absolute;width:var(--ornament-size-desktop);height:var(--ornament-size-desktop);cursor:pointer;z-index:999999;transition:transform .3s ease,opacity .3s ease;animation:ornamentFloat 3s ease-in-out infinite;pointer-events:auto}.christmas-ornament img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 8px var(--christmas-shadow))}.christmas-ornament:hover{transform:scale(1.1) rotate(5deg)}.christmas-ornament.collected{animation:collectOrnament .6s ease-out forwards}@keyframes ornamentFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes collectOrnament{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(180deg);opacity:.8}to{transform:scale(0) rotate(360deg);opacity:0}}.christmas-popup{position:fixed;bottom:20px;right:20px;width:var(--popup-width);background:var(--christmas-light);border-radius:16px;box-shadow:0 8px 32px var(--christmas-shadow);z-index:1000000;transition:transform .3s ease,opacity .3s ease;animation:slideIn .5s ease-out;overflow:hidden}.christmas-popup.minimized{width:70px;height:70px;border-radius:50%;transform:translateY(0);overflow:hidden}.christmas-popup.minimized .christmas-popup__header{width:100%;height:100%;padding:0;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.christmas-popup.minimized .christmas-popup__title{font-size:32px;line-height:1}.christmas-popup__circle-content{display:flex;flex-direction:column;align-items:center;gap:2px}.christmas-popup__circle-emoji{font-size:28px;line-height:1}.christmas-popup__circle-counter{font-size:11px;font-weight:600;line-height:1;color:var(--christmas-light);letter-spacing:.5px}.christmas-popup.minimized .christmas-popup__close,.christmas-popup.minimized .christmas-popup__content{display:none}.christmas-popup.completed .christmas-popup__header{background:linear-gradient(135deg,var(--christmas-gold) 0%,#ffed4e 100%)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.christmas-popup__header{background:linear-gradient(135deg,var(--christmas-primary) 0%,#a01729 100%);color:var(--christmas-light);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.christmas-popup__title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.christmas-popup__close{background:transparent;border:none;color:var(--christmas-light);font-size:28px;line-height:1;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.christmas-popup__close:hover{background:#fff3}.christmas-popup__content{padding:20px}.christmas-popup__text{margin:0 0 16px;font-size:15px;color:var(--christmas-dark);text-align:center;font-weight:500}.christmas-popup__progress{margin-bottom:16px}.christmas-popup__counter{display:flex;justify-content:center;align-items:baseline;gap:4px;margin-bottom:12px;font-weight:700;font-size:32px;color:var(--christmas-primary)}.christmas-popup__separator{color:#999;font-size:24px}.christmas-popup__total{color:#666;font-size:24px}.christmas-popup__bar{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;position:relative}.christmas-popup__bar-fill{height:100%;background:linear-gradient(90deg,var(--christmas-secondary) 0%,var(--christmas-primary) 100%);border-radius:6px;transition:width .5s ease;position:relative;width:0%}.christmas-popup__bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.christmas-popup__completion{text-align:center;padding-top:16px;border-top:2px solid #f0f0f0;margin-top:16px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.christmas-popup__completion-text{margin:0 0 16px;font-size:15px;color:var(--christmas-dark);font-weight:600}.christmas-popup__cta{display:inline-block;background:linear-gradient(135deg,var(--christmas-primary) 0%,#a01729 100%);color:var(--christmas-light);text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #c41e3a4d}.christmas-popup__cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c41e3a66}@media (max-width: 768px){.christmas-ornament{width:var(--ornament-size-mobile);height:var(--ornament-size-mobile)}.christmas-popup{width:calc(100vw - 40px);max-width:320px;bottom:16px;right:16px}.christmas-popup.minimized{width:60px;height:60px;border-radius:50%;transform:translateY(0);overflow:hidden}.christmas-popup.minimized .christmas-popup__header{width:100%;height:100%;padding:0;justify-content:center;align-items:center;border-radius:50%}.christmas-popup.minimized .christmas-popup__title{font-size:28px;line-height:1}.christmas-popup.minimized .christmas-popup__circle-emoji{font-size:22px}.christmas-popup.minimized .christmas-popup__circle-counter{font-size:9px}.christmas-popup.minimized .christmas-popup__close,.christmas-popup.minimized .christmas-popup__content{display:none}.christmas-popup__header{padding:14px 16px}.christmas-popup__title{font-size:16px}.christmas-popup__content{padding:16px}.christmas-popup__counter{font-size:28px}.christmas-popup__separator,.christmas-popup__total{font-size:20px}}@media (max-width: 480px){.christmas-popup{width:calc(100vw - 32px);bottom:12px;right:12px}.christmas-ornament{width:80px;height:80px}}@media (prefers-contrast: high){.christmas-popup{border:2px solid var(--christmas-dark)}.christmas-ornament img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}}@media (prefers-reduced-motion: reduce){.christmas-ornament{animation:none}.christmas-ornament:hover{transform:scale(1.05)}.christmas-popup__bar-fill:after{animation:none}.christmas-ornament.collected{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/christmas-game.css.map */