.bottom-banner-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;max-width:90%;width:270px;box-shadow:0 4px 15px rgba(0,0,0,.3);border-radius:8px;transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.bottom-banner-container img{width:100%;height:auto;display:block;border-radius:8px}.banner-close-btn,.modal-close-btn{position:absolute;top:8px;right:8px;width:20px;height:20px;background:none;border:none;cursor:pointer;padding:0;opacity:0.8;z-index:10;transition:opacity 0.2s ease,transform 0.2s ease;}.modal-close-btn{top:12px;right:6px;@media screen and (max-width:768px){top:9px;right:2px;width:24px;height:16px}}.banner-close-btn:before,.banner-close-btn:after,.modal-close-btn:before,.modal-close-btn:after{content:'';position:absolute;top:50%;left:0;width:100%;height:1.5px;background-color:#fff}.banner-close-btn:before,.modal-close-btn:before{transform:rotate(45deg)}.banner-close-btn:after,.modal-close-btn:after{transform:rotate(-45deg)}.banner-close-btn:hover,.modal-close-btn:hover{opacity:1;transform:scale(1.1)}.bottom-banner-container.is-hidden{opacity:0;visibility:hidden;transform:translate(-50%,20px)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.75);z-index:10000;display:flex;justify-content:center;align-items:center;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-container{position:relative;max-width:90%;width:500px;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.5);cursor:pointer}.modal-container img{width:100%;height:auto;display:block}.modal-countdown-badge{position:absolute;bottom:67px;left:58%;transform:translateX(-50%);color:#fff;padding:8px 20px;font-size:32px;font-weight:700;letter-spacing:.05em;white-space:nowrap;pointer-events:none}.modal-container.modal-mode-pre .modal-countdown-badge{top:58%;left:53%;transform:translateX(-50%);font-size:min(5vw,24px);@media screen and (max-width:768px){top:calc(50% + 11px)}}.modal-container.modal-mode-event .modal-countdown-badge{top:calc(50%+32px);right:34%;bottom:auto;left:auto;transform:none;font-size:min(5vw,24px);@media screen and (max-width:768px){top:calc(50% + 17px)}}