.bonus-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center;z-index:13000;animation:fadeIn 0.3s ease-out;overflow:auto;padding:20px;box-sizing:border-box}.bonus-modal-content{background:var(--bg-color,#fff);border-radius:20px;padding:30px;max-width:400px;max-height:90vh;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.3);animation:slideIn 0.3s ease-out;position:relative;overflow:hidden;display:flex;flex-direction:column}.bonus-modal-header h2{margin:0 0 20px 0;color:var(--accent-color,#007bff);font-size:24px}.bonus-modal-body{overflow-y:auto;flex:1;min-height:0}.bonus-modal-body p{margin:10px 0;line-height:1.5;color:var(--text-color,#333)}.bonus-next-day{font-weight:bold;color:var(--accent-color,#007bff)!important}.bonus-modal-btn{background:var(--accent-color,#007bff);color:white;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:bold;cursor:pointer;margin-top:20px;transition:all 0.2s ease;flex-shrink:0}.bonus-modal-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,123,255,0.3)}.bonus-modal-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,0.3),0 5px 15px rgba(0,123,255,0.3)}.bonus-modal-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,0.3),0 5px 15px rgba(0,123,255,0.3)}.bonus-modal-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;background:rgba(0,123,255,0.2);border-radius:0 0 20px 20px;overflow:hidden}.bonus-modal-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-color,#007bff),#00d4ff);width:100%;border-radius:0 0 20px 20px;animation:progressShrink 15s linear forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes progressShrink{from{width:100%}to{width:0%}}@media(max-width:768px){.bonus-modal-content{margin:20px;padding:25px;max-width:calc(100%-40px)}.bonus-modal-header h2{font-size:20px}.bonus-modal-btn{padding:10px 25px;font-size:14px}}@media(orientation:landscape)and(max-height:500px){.bonus-modal{padding:10px}.bonus-modal-content{max-height:95vh;width:80%;max-width:500px;padding:20px}.bonus-modal-header h2{font-size:18px;margin-bottom:15px}.bonus-modal-body p{font-size:14px;margin:8px 0}.bonus-modal-btn{padding:10px 20px;font-size:14px;margin-top:15px}}@media(orientation:landscape)and(max-height:400px){.bonus-modal-content{max-height:98vh;width:85%;padding:15px}.bonus-modal-header h2{font-size:16px;margin-bottom:12px}.bonus-modal-body p{font-size:13px;margin:6px 0}.bonus-modal-btn{padding:8px 16px;font-size:13px;margin-top:12px}}[data-theme="dark"].bonus-modal-content{background:var(--bg-color-dark,#2d2d2d);color:var(--text-color-dark,#fff)}[data-theme="dark"].bonus-modal-body p{color:var(--text-color-dark,#fff)}[data-theme="dark"].bonus-modal-progress{background:rgba(0,123,255,0.3)}