.wc-lootbox-demo-container:not(.wc-lootbox-demo-modal-container){margin:20px 0;text-align:center;display:block!important}.wc-lootbox-demo-modal-container{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgb(0 0 0 / .85);z-index:100000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.wc-lootbox-demo-button{display:inline-flex;align-items:center;gap:8px;padding:9.6px 16px;background:#111;color:#f9f9f9;border:2px solid gold;border-radius:5.28px;font-size:14.4px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;text-transform:none;letter-spacing:normal}.wc-lootbox-demo-button:hover{background:#1e1e1e;border-color:#ffed4a;box-shadow:0 4px 12px rgb(255 215 0 / .3);transform:translateY(-1px)}.wc-lootbox-demo-button:active{transform:translateY(0);box-shadow:0 2px 6px rgb(255 215 0 / .2)}.wc-lootbox-demo-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 215 0 / .15),transparent);transition:left 0.6s}.wc-lootbox-demo-button:hover::before{left:100%}.demo-icon{font-size:16px;animation:bounce 2s infinite}.demo-text{flex:1}.demo-badge{background:rgb(255 215 0 / .2);padding:3px 6px;border-radius:3px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:gold;font-weight:600}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.wc-lootbox-demo-button-product{width:100%;margin-top:15px;justify-content:center}.wc-lootbox-demo-button-shop{margin-top:10px;font-size:14px;padding:12px 20px}.wc-lootbox-demo-button-my-account{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);box-shadow:0 8px 20px rgb(240 147 251 / .4);margin-bottom:30px}.wc-lootbox-demo-button-my-account:hover{box-shadow:0 12px 30px rgb(240 147 251 / .6);background:linear-gradient(135deg,#f5576c 0%,#f093fb 100%)}.demo-spinner-header{text-align:center;margin-bottom:30px;color:#fff}.spinner-title{font-size:24px;font-weight:700;margin-bottom:20px;color:gold;text-shadow:2px 2px 4px rgb(0 0 0 / .5)}.tension-meter{max-width:400px;margin:0 auto}.tension-bar{width:100%;height:8px;background:rgb(255 255 255 / .2);border-radius:4px;overflow:hidden;margin-bottom:10px}.tension-fill{height:100%;width:0%;background:linear-gradient(90deg,#10ac84,#ffd700,#ff6b6b);border-radius:4px;transition:width 0.2s ease;animation:pulse-tension 1s infinite;position:relative;overflow:hidden}.tension-fill::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);animation:tension-shimmer 1.5s infinite}@keyframes tension-shimmer{0%{left:-100%}100%{left:100%}}.tension-text{font-size:14px;color:#b8c6db;font-style:italic}@keyframes pulse-tension{0%,100%{opacity:.7}50%{opacity:1}}.demo-raffle-roller{width:100%;margin:30px 0;position:relative}.demo-raffle-holder{width:100%;height:280px;position:relative;overflow:hidden;margin:0 auto;background:linear-gradient(135deg,#1a252f,#2c3e50);border-radius:20px;box-shadow:inset 0 0 40px rgb(0 0 0 / .7),0 10px 30px rgb(0 0 0 / .3);border:4px solid gold;max-width:900px}.demo-raffle-holder:before,.demo-raffle-holder:after{content:'';position:absolute;top:0;width:120px;height:100%;z-index:2;pointer-events:none}.demo-raffle-holder:before{left:0;background:linear-gradient(to right,rgb(44 62 80) 0%,#fff0 100%)}.demo-raffle-holder:after{right:0;background:linear-gradient(to left,rgb(44 62 80) 0%,#fff0 100%)}.demo-raffle-container{display:flex;position:absolute;left:0;top:10px;height:calc(100% - 20px);transition:transform 8s cubic-bezier(.08,.4,.1,.9)}.demo-center-indicator{position:absolute;left:50%;top:0;height:100%;width:6px;background:linear-gradient(to bottom,#ffd700,#ff6b6b,#ffd700);transform:translateX(-50%);z-index:5;pointer-events:none;box-shadow:0 0 20px rgb(255 215 0 / .8);animation:glow-indicator 2s infinite}@keyframes glow-indicator{0%,100%{box-shadow:0 0 20px rgb(255 215 0 / .8);opacity:.8}50%{box-shadow:0 0 40px rgb(255 215 0);opacity:1}}.demo-prize-item{width:160px;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 8px;background:linear-gradient(135deg,#ffffff,#f8f9fa);border-radius:16px;transition:all 0.3s cubic-bezier(.68,-.55,.265,1.55);border:3px solid #e0e0e0;overflow:hidden;box-sizing:border-box;flex-shrink:0;position:relative;box-shadow:0 8px 25px rgb(0 0 0 / .15);transform-origin:center}.demo-prize-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px rgb(0 0 0 / .2)}.demo-prize-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgb(255 255 255 / .1) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.demo-prize-item img{max-width:85%;max-height:140px;object-fit:contain;margin-bottom:15px;border-radius:12px;filter:drop-shadow(0 2px 8px rgb(0 0 0 / .1))}.demo-prize-item .prize-name{font-size:13px;text-align:center;line-height:1.3;padding:0 12px;color:#2c3e50;font-weight:700;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%}.demo-prize-item .prize-value{font-size:14px;font-weight:800;color:#27ae60;margin-top:8px;text-shadow:0 1px 2px rgb(0 0 0 / .1)}.demo-prize-item.common{border-color:#95a5a6;background:linear-gradient(135deg,#ecf0f1,#bdc3c7)}.demo-prize-item.rare{border-color:#3498db;background:linear-gradient(135deg,#ebf4ff,#d6eaff);box-shadow:0 0 15px rgb(52 152 219 / .4)}.demo-prize-item.epic{border-color:#9b59b6;background:linear-gradient(135deg,#f4ecff,#e8d5ff);box-shadow:0 0 20px rgb(155 89 182 / .5)}.demo-prize-item.legendary{border-color:#f1c40f;background:linear-gradient(135deg,#fff9e6,#ffeaa7);box-shadow:0 0 25px rgb(241 196 15 / .6);animation:legendary-glow 2s infinite}@keyframes legendary-glow{0%,100%{box-shadow:0 0 25px rgb(241 196 15 / .6);transform:scale(1)}50%{box-shadow:0 0 35px rgb(241 196 15 / .8);transform:scale(1.02)}}.demo-winning-item{transform:scale(1.25)!important;border-color:#FFD700!important;box-shadow:0 0 60px rgb(255 215 0),0 0 100px rgb(255 215 0 / .6)!important;z-index:10;animation:winner-celebration 1s infinite,winner-glow 2s infinite;background:linear-gradient(135deg,#fff9e6,#ffeaa7,#ffffff)!important}@keyframes winner-glow{0%,100%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.3) saturate(1.4)}}@keyframes winner-celebration{0%,100%{transform:scale(1.15) rotate(0deg);box-shadow:0 0 40px rgb(255 215 0 / .9)}25%{transform:scale(1.18) rotate(1deg);box-shadow:0 0 50px rgb(255 215 0)}75%{transform:scale(1.18) rotate(-1deg);box-shadow:0 0 50px rgb(255 215 0)}}.demo-value-tracker{text-align:center;margin-top:20px;padding:20px;background:linear-gradient(135deg,rgb(255 215 0 / .1),rgb(255 107 107 / .1));border-radius:15px;border:2px solid rgb(255 215 0 / .5);box-shadow:0 8px 25px rgb(255 215 0 / .2);position:relative;overflow:hidden}.demo-value-tracker::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgb(255 255 255 / .1) 50%,transparent 70%);animation:value-tracker-shimmer 3s infinite}@keyframes value-tracker-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.value-display{display:flex;align-items:center;justify-content:center;gap:10px}.value-label{color:#b8c6db;font-size:16px}.value-amount{color:gold;font-size:28px;font-weight:900;text-shadow:0 0 10px rgb(255 215 0 / .8),2px 2px 4px rgb(0 0 0 / .5);animation:value-pulse 1s infinite;transition:all 0.3s ease;position:relative;z-index:1}@keyframes value-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.demo-sound-controls{position:absolute;top:20px;right:20px;z-index:10}.sound-toggle{background:rgb(255 255 255 / .1);border:2px solid rgb(255 255 255 / .3);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;font-size:20px}.sound-toggle:hover{background:rgb(255 255 255 / .2);border-color:rgb(255 255 255 / .5)}.near-miss-content{text-align:center;padding:40px 20px;color:#fff}.near-miss-title{font-size:36px;font-weight:900;margin-bottom:30px;color:#ff6b6b;text-shadow:2px 2px 4px rgb(0 0 0 / .5);animation:shake 0.5s infinite}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.near-miss-items{display:flex;justify-content:center;margin-bottom:30px}.almost-won-item{position:relative;text-align:center;padding:20px;background:rgb(255 107 107 / .1);border-radius:15px;border:2px solid #ff6b6b}.item-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgb(255 107 107 / .3) 0%,transparent 70%);border-radius:25px;animation:glow-pulse 2s infinite}@keyframes glow-pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.almost-won-image{width:120px;height:120px;object-fit:contain;border-radius:10px;margin-bottom:15px}.almost-won-info{margin-bottom:15px}.almost-won-name{font-size:18px;font-weight:700;color:gold;margin-bottom:5px}.almost-won-value{font-size:24px;font-weight:900;color:#ff6b6b}.almost-text{background:#ff6b6b;color:#fff;padding:8px 15px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:1px;animation:flash 1s infinite}@keyframes flash{0%,100%{opacity:1}50%{opacity:.7}}.near-miss-message{font-size:18px;color:#b8c6db;font-style:italic}.prize-reveal-header{text-align:center;margin-bottom:30px;color:#fff}.reveal-title{font-size:42px;font-weight:900;margin-bottom:10px;background:linear-gradient(45deg,#ffd700,#ffed4a);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;text-shadow:2px 2px 4px rgb(0 0 0 / .5);animation:celebration-bounce 1s infinite}@keyframes celebration-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.reveal-subtitle{font-size:20px;color:#b8c6db}.demo-prize-showcase{display:flex;align-items:center;justify-content:center;gap:40px;margin:30px 0;flex-wrap:wrap}.prize-image-container{position:relative;width:250px;height:250px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;border:4px solid gold;box-shadow:0 0 30px rgb(255 215 0 / .5);overflow:hidden}.rarity-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgb(255 215 0 / .3) 0%,transparent 70%);border-radius:30px;animation:prize-glow 2s infinite}@keyframes prize-glow{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}#wc-lootbox-demo-prize-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:10px}.rarity-badge{position:absolute;top:10px;right:10px;padding:8px 12px;border-radius:15px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;background:rgb(0 0 0 / .7)}.demo-prize-details{flex:1;min-width:300px;color:#fff}.demo-prize-name{font-size:28px;font-weight:700;margin-bottom:15px;color:gold;text-shadow:2px 2px 4px rgb(0 0 0 / .5)}.demo-prize-description{font-size:16px;color:#b8c6db;margin-bottom:20px;line-height:1.5}.demo-prize-value,.demo-prize-brand{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:10px;background:rgb(255 255 255 / .1);border-radius:10px}.value-label,.brand-label{font-size:14px;color:#b8c6db;min-width:120px}.value-amount{font-size:24px;font-weight:900;color:#10ac84}.brand-name{font-size:18px;font-weight:600;color:gold}.demo-cta-section{text-align:center;margin-top:30px;padding:30px;background:rgb(255 255 255 / .05);border-radius:15px;border:1px solid rgb(255 215 0 / .3)}.demo-actions{margin-bottom:20px}.demo-cta-button.primary{display:inline-block;padding:15px 30px;background:linear-gradient(135deg,#10ac84 0%,#1dd1a1 100%);color:#fff;text-decoration:none;border-radius:25px;font-size:16px;font-weight:600;transition:all 0.3s ease;margin-bottom:15px}.demo-cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgb(16 172 132 / .4)}.secondary-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.demo-try-again-button,.demo-close-button{padding:12px 24px;border-radius:25px;font-size:14px;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer}.demo-try-again-button{background:rgb(255 215 0 / .15);color:gold}.demo-try-again-button:hover{background:rgb(255 215 0 / .25);transform:translateY(-1px)}.demo-close-button{background:rgb(255 255 255 / .1);color:#b8c6db}.demo-close-button:hover{background:rgb(255 255 255 / .15);color:#fff}.demo-particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;animation:float-particle 6s infinite linear}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:20%;animation-delay:1s}.particle:nth-child(3){left:30%;animation-delay:2s}.particle:nth-child(4){left:40%;animation-delay:3s}.particle:nth-child(5){left:50%;animation-delay:4s}@keyframes float-particle{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) rotate(360deg);opacity:0}}.demo-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#10ac84,#1dd1a1);color:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 10px 25px rgb(16 172 132 / .3);z-index:1000000;transform:translateX(400px);transition:transform 0.3s ease}.demo-toast.show{transform:translateX(0)}.toast-content{display:flex;align-items:center;gap:10px}.toast-icon{font-size:20px}.toast-message{flex:1;font-weight:600}.toast-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}@media (max-width:479px){.wc-lootbox-demo-modal-container{padding:10px;padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right))}.wc-lootbox-demo-modal{width:100%;max-width:100%;max-height:100vh;max-height:100dvh;padding:15px;border-radius:0;margin:0;border-width:0}.wc-lootbox-demo-header{margin-bottom:15px}.wc-lootbox-demo-title{font-size:22px;line-height:1.2;margin-bottom:8px}.wc-lootbox-demo-subtitle{font-size:14px;line-height:1.4;margin-bottom:12px}.wc-lootbox-demo-disclaimer{flex-direction:column;gap:5px;padding:8px}.demo-badge{font-size:10px;padding:4px 8px}.disclaimer-text{font-size:11px}.wc-lootbox-demo-close{top:8px;right:8px;font-size:32px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / .5);border-radius:50%;z-index:1000}.demo-spinner-header{margin-bottom:15px}.spinner-title{font-size:18px;margin-bottom:12px}.tension-meter{max-width:100%;padding:0 5px}.tension-text{font-size:11px;word-break:break-word}.demo-raffle-roller{margin:15px 0}.demo-raffle-holder{height:180px;border-width:3px;border-radius:12px}.demo-raffle-holder:before,.demo-raffle-holder:after{width:60px}.demo-center-indicator{width:4px}.demo-prize-item{width:110px;height:170px;margin:0 5px;border-width:2px;border-radius:10px}.demo-prize-item img{max-width:80%;max-height:100px;margin-bottom:8px}.demo-prize-item .prize-name{font-size:11px;padding:0 6px;line-height:1.2}.demo-prize-item .prize-value{font-size:12px;margin-top:5px}.demo-value-tracker{padding:12px;margin-top:12px}.value-display{flex-direction:column;gap:5px}.value-label{font-size:13px}.value-amount{font-size:24px}.demo-sound-controls{top:60px;right:10px}.sound-toggle{width:40px;height:40px;font-size:18px}.near-miss-content{padding:20px 10px}.near-miss-title{font-size:24px;margin-bottom:20px}.almost-won-image{width:100px;height:100px}.almost-won-name{font-size:15px}.almost-won-value{font-size:20px}.near-miss-message{font-size:14px;padding:0 10px}.prize-reveal-header{margin-bottom:15px}.reveal-title{font-size:26px;margin-bottom:8px}.reveal-subtitle{font-size:16px}.demo-prize-showcase{flex-direction:column;gap:20px;margin:15px 0}.prize-image-container{width:180px;height:180px;border-width:3px;border-radius:15px}.rarity-badge{top:5px;right:5px;padding:5px 8px;font-size:10px}.demo-prize-details{min-width:auto;text-align:center;width:100%}.demo-prize-name{font-size:20px;margin-bottom:10px}.demo-prize-description{font-size:13px;margin-bottom:12px}.demo-prize-value,.demo-prize-brand{flex-direction:column;gap:5px;padding:8px;margin-bottom:10px;text-align:center}.value-label,.brand-label{font-size:12px;min-width:auto}.value-amount{font-size:20px}.brand-name{font-size:16px}.demo-cta-section{padding:15px 10px;margin-top:15px}.demo-actions{display:flex;flex-direction:column;gap:10px}.wc-lootbox-demo-container .button{width:100%;padding:14px 20px;font-size:14px;justify-content:center;min-height:44px}.demo-cta-button.primary{width:100%;padding:16px 20px;font-size:15px}.secondary-actions{flex-direction:column;gap:8px;width:100%}.demo-try-again-button,.demo-close-button{width:100%;justify-content:center;padding:12px 20px}.demo-loading-content{padding:30px 15px}.loading-spinner{width:80px;height:80px;margin-bottom:20px}.loading-title{font-size:18px}.loading-subtitle{font-size:13px}.demo-toast{top:10px;right:10px;left:10px;padding:12px 15px;font-size:13px}}@media (min-width:480px) and (max-width:599px){.wc-lootbox-demo-modal{width:96%;padding:18px;max-height:92vh;border-radius:15px}.wc-lootbox-demo-title{font-size:26px}.demo-raffle-holder{height:200px}.demo-prize-item{width:120px;height:180px;margin:0 6px}.demo-prize-item img{max-height:110px}.prize-image-container{width:200px;height:200px}.value-amount{font-size:26px}}@media (min-width:600px) and (max-width:767px){.wc-lootbox-demo-modal{width:92%;padding:20px;max-height:90vh}.wc-lootbox-demo-title{font-size:30px}.demo-raffle-holder{height:240px}.demo-prize-item{width:140px;height:220px;margin:0 7px}.demo-prize-item img{max-height:130px}.prize-image-container{width:220px;height:220px}.demo-prize-showcase{flex-direction:column;gap:25px}.demo-prize-details{text-align:center}}@media (min-width:768px) and (max-width:1023px){.wc-lootbox-demo-modal{width:90%;max-width:800px;padding:22px}.demo-raffle-holder{height:260px}.demo-prize-item{width:150px;height:240px}.demo-prize-showcase{flex-wrap:wrap;gap:30px}}@media (max-height:600px) and (orientation:landscape){.wc-lootbox-demo-modal{max-height:98vh;padding:12px;overflow-y:auto;overflow-x:hidden}.wc-lootbox-demo-header{margin-bottom:10px}.wc-lootbox-demo-title{font-size:20px;margin-bottom:5px}.wc-lootbox-demo-subtitle{font-size:13px;margin-bottom:8px}.wc-lootbox-demo-disclaimer{padding:6px}.demo-raffle-holder{height:160px}.demo-prize-item{width:100px;height:150px}.demo-prize-item img{max-height:80px}.demo-prize-showcase{flex-direction:row;gap:20px}.prize-image-container{width:140px;height:140px}.demo-prize-name{font-size:18px}.demo-cta-section{padding:12px;margin-top:10px}.secondary-actions{flex-direction:row;flex-wrap:wrap}.demo-try-again-button,.demo-close-button{width:auto;flex:1;min-width:150px}}@media (max-height:400px) and (orientation:landscape){.wc-lootbox-demo-modal{padding:8px;max-height:100vh}.wc-lootbox-demo-title{font-size:18px}.demo-raffle-holder{height:120px}.demo-prize-item{width:80px;height:110px}.spinner-title{font-size:16px;margin-bottom:8px}.tension-meter{margin-bottom:8px}.reveal-title{font-size:22px}}@media (hover:none) and (pointer:coarse){.wc-lootbox-demo-close{width:48px;height:48px;font-size:36px}.wc-lootbox-demo-container .button{min-height:48px;padding:16px 24px}.sound-toggle{min-width:48px;min-height:48px}.demo-prize-item:hover{transform:none;box-shadow:0 8px 25px rgb(0 0 0 / .15)}.wc-lootbox-demo-close:active{background:rgb(255 107 107 / .3)}.wc-lootbox-demo-container .button:active{transform:scale(.98)}}